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)+");\">"+(o+1)+"</a>");
  $j("#effect-img"+o).fadeTo(1000,0).css("z-index","1");
 }
 $j("#effect-list li").eq(n).html("<span>"+(n+1)+"<\/span>");
 $j("#effect-img"+n).fadeTo(1000,1).css("z-index","2");
 $j("#home-top-effect").html(list_name[n]);
 $j("#effect-url a").attr({href:list_url[n]});
 o=n;
}

var count=0;

var list_name=new Array();
var list_url=new Array();

$j(document).ready(function() {
 var list=$j(".tp-list").size();
 var btn="",img="";
 for (var i=0;i<list;i++) {
  var list_img=$j(".tp-list-img").eq(i).html();
  list_name.push($j(".tp-list-name").eq(i).html());
  list_url.push($j(".tp-list-name a").eq(i).attr("href"));
  
  btn+="<li><a href=\"javascript:void(0);\" onclick=\"move("+(i+1)+");\">"+(i+1)+"</a><\/li>";
  img+="<div id=\"effect-img"+i+"\">"+list_img+"<\/div>";
 }
 
 $j("#effect-list").html(btn);
 $j("#effect-img").html(img);
 $j("#effect-img div").fadeTo(1,0);
 fading();
 interval=setInterval(fading,6000);
});

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