var n=0;
var o=-1;

function fading() {
 if (o!=-1) {
  $("#effect-list li").eq(o).html("<a href=\"javascript:void(0);\" onclick=\"move("+(o+1)+");\">"+(o+1)+"</a>");
  $("#effect-img"+o+",#effect-content"+o+",#effect-info"+o).fadeTo(1000,0).css("z-index","1");
 }
 $("#effect-list li").eq(n).html(n+1);
 $("#effect-img"+n+",#effect-content"+n+",#effect-info"+n).fadeTo(1000,1).css("z-index","2");
 o=n;
}

$(document).ready(function() {
 var list=$(".tp-list").size();
 var btn="",img="",content="",info="";
 for (var i=0;i<list;i++) {
  var list_link=$(".tp-list-img a").eq(i).attr("href");
  var list_img=$(".tp-list-img img").eq(i).attr("src");
  var list_name=$(".tp-list-name").eq(i).html();
  var list_summary=$(".tp-list-summary").eq(i).html();
  var list_days=$(".tp-list-days").eq(i).html();
  var list_date=$(".tp-list-date").eq(i).html();
  var list_price=$(".tp-list-price").eq(i).html();
  var list_book=$(".tp-list-book").eq(i).html();
  
  btn+="<li><a href=\"javascript:void(0);\" onclick=\"move("+(i+1)+");\">"+(i+1)+"</a><\/li>";
  img+="<div id=\"effect-img"+i+"\"><a href=\""+list_link+"\"><img src=\""+list_img+"\" alt=\"\"\/><\/a><\/div>";
  content+="<div id=\"effect-content"+i+"\" class=\"orange\"><h1>"+list_name+"<\/h1><p>"+list_summary+"... <a href=\""+list_link+"\">read more<\/a><\/p><\/div>";
  info+="<div id=\"effect-info"+i+"\"><h2>"+list_days+"<\/h2><p>"+list_date+"<\/p><span class=\"effect-price\">"+list_price+"<\/span><p><a href=\""+list_book+"\" target=\"_blank\"><img src=\"images\/btn_book.gif\" alt=\"\"\/><\/a><\/p><\/div>";  
 }
 
 btn+="<li id=\"effect-list-link\"><a href=\"\/programs\">view all<\/a><\/li>";
 $("#effect-list").html(btn);
 $("#effect-img").html(img);
 $("#effect-content").html(content);
 $("#effect-info").html(info);
 $("#effect-img div,#effect-content div,#effect-info div").fadeTo(1,0);
 move(1);
});

function move(m) {
 n=m-1;
 fading();
}