var $j=jQuery.noConflict();

var n=-1;
var o=-1;
var interval=null;
var restart=null;

var pauseFunc=function() {
 clearInterval(interval);
 clearTimeout(restart);
}

var restartFunc=function() {
 restart=setTimeout(function() {
  interval=setInterval(fading, 6000);
 }, 4000);
};

function fading() {
 if (n>=$j(".tp-list").size()-1) n=-1;
 n+=1;
 if (o!=-1) {
  $j("#effect-list li").eq(o).html("<a href=\"javascript:void(0);\" onclick=\"move("+(o+1)+");\"><img src=\"images\/btn"+(o+1)+"_off.gif\" alt=\"\"\/></a>");
  $j("#effect-img"+o+",#effect-text"+o).fadeTo(1000,0).css("z-index","1");
 }
 $j("#effect-list li").eq(n).html("<img src=\"images\/btn"+(n+1)+"_on.gif\" alt=\"\"\/>");
 $j("#effect-img"+n+",#effect-text"+n).fadeTo(1000,1).css("z-index","2");
 o=n;
}

var count=0;

$j(document).ready(function() {
 var list=$j(".tp-list").size();
 var btn="",img="",text="";
 for (var i=0;i<list;i++) {
  var list_img=$j(".tp-list-img img").eq(i).attr("src");
  var list_text=$j(".tp-list-text").eq(i).html();
  
  btn+="<li><a href=\"javascript:void(0);\" onclick=\"move("+(i+1)+");\"><img src=\"images\/btn"+(i+1)+"_off.gif\" alt=\"\"\/></a><\/li>";
  img+="<div id=\"effect-img"+i+"\"><img src=\""+list_img+"\" alt=\"\"\/><\/div>";
  text+="<div id=\"effect-text"+i+"\">"+list_text+"<\/div>"; 
 }
 
 $j("#effect-list").html(btn);
 $j("#effect-img").html(img);
 $j("#effect-text").html(text);
 $j("#effect-img div,#effect-text div").fadeTo(1,0);
 fading();
 interval=setInterval(fading,6000);
 
 var num=Math.ceil(Math.random()*4);
 $j("body").addClass("body"+num);
 $j("#footer").addClass("footer"+num);
});

function move(m) {
 pauseFunc();
 n=m-2;
 fading();
 restartFunc();
}