var num;
var dir="images/"+catalogue+"/";
var n;

/*num=Home.length;*/
num=4;
n=0;
var o=0;
var isplay=false;

function fading() {
 isplay=true;
 n++;
 if (n>=num) n=0;
 $("#effect-btn li").eq(o).html("<a href=\"javascript:void(0);\" onclick=\"move("+o+");\"><img src=\"images\/btn"+o+"_off.png\" alt=\"\"/><\/a>");
 $("#effect-btn li").eq(n).html("<img src=\"images\/btn"+n+"_on.png\" alt=\"\"/>");
 $("#effect-text1"+o).fadeTo(1000,0);
 $("#effect-text1"+n).fadeTo(1000,1);
 /*$("#effect-text2"+o).fadeTo(1000,0);
 $("#effect-text2"+n).fadeTo(1000,1);*/
 $("#effect-image2 img").attr({src:dir+Home[n]["img"],title:"",alt:""});
 $("#effect-image1").fadeTo(1000,0);
 $("#effect-image2").fadeTo(1000,1,faded);
 o=n;
}

function faded() {
 $("#effect-image1 img").attr({src:$("#effect-image2 img").attr("src"),title:"",alt:""});
 $("#effect-image1").css("opacity",1);
 $("#effect-image2").css("opacity",0);
 isplay=false;
}

var interval=null;
var restart=null;

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

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

$(document).ready(function() {
 var text1="";
 var text2="";
 var btn="";
 for (var i=0; i<num; i++) {
  var image=new Image();
  image.src=dir+Home[i]["img"];
  
  text1+="<div id=\"effect-text1"+i+"\">"+Home[i]["text"]+"<\/div>";
  /*text2+="<div id=\"effect-text2"+i+"\">"+Home[i]["text2"]+"<\/div>";*/
  btn+="<li><a href=\"javascript:void(0);\" onclick=\"move("+i+");\"><img src=\"images\/btn"+i+"_off.png\" alt=\"\"/></a></li>";
 }
 $("#effect-text1").html(text1);
 /*$("#effect-text2").html(text2);*/
 $("#effect-btn").html(btn);
 $("#effect-text1 div").fadeTo(1,0);
 /*$("#effect-text2 div").fadeTo(1,0);*/
 
 $("#effect-image1 img").attr({src:dir+Home[0]["img"],title:"",alt:""});
 $("#effect-image2 img").attr({src:dir+Home[0]["img"],title:"",alt:""});
 $("#effect-btn li").eq(0).html("<img src=\"images\/btn0_on.png\" alt=\"\"/>");
 /*$("#effect-text10").fadeTo(1,1);
 $("#effect-text20").fadeTo(1,1);*/
 interval=setInterval(fading,4000);
});

function move(m) {
 if (n==m || isplay) return;
 pauseFunc();
 n=m-1;
 fading();
 restartFunc();
}