var temp;
var dnum,dnum_btn;
var ddir="images/"+downloads_folder+"/";
var dN=0;
var dn=0;
var t1;
var ismoving;
var dpos=-1;

dnum=downloads.length;
dnum_btn=downloads_btn.length;

function dfading() {
 ismoving=true;
 $("#downloads-image2 img").attr({src:ddir+dN+dn+".jpg",title:"",alt:""});
 $("#downloads-image1").fadeTo(1000,0);
 $("#downloads-image2").fadeTo(1000,1,dfaded);
 movebtn(dn);
 dn++;
 if (dn>=dnum_btn) dn=0;
}

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

$(document).ready(function() {
 /*preload all images*/
 temp="";
 for (var i=0; i<dnum; i++) for (var j=0; j<dnum_btn; j++) temp+="<img src=\""+ddir+i+j+".jpg"+"\"\/>";
 $("#downloads-preload").html(temp);
 
 /*show info*/
 temp="";
 for (var i=0; i<dnum; i++) temp+="<div class=\"title27\">"+downloads[i]+"<\/div>";
 $("#downloads-name").html(temp);
 showinfo1();
 
 /*show left list*/
 temp="";
 for (var i=0; i<dnum; i++) temp+="<li><img src=\""+ddir+i+".jpg\" name=\""+i+"\" alt=\"\"\/><div><\/div><\/li>";
 $("#downloads-left").html(temp); 
 $("#downloads-left li").click(img_onclick);
 hide();
 hover();
 $("#downloads-left li").eq(0).unbind('mouseover',mouseover).unbind('mouseout',mouseout);
 $("#downloads-left li div").eq(0).show();
 
 /*show right button*/
 temp="";
 for (var i=0; i<dnum_btn; i++) temp+="<li><a href=\"javascript:showart("+i+")\">"+downloads_btn[i]+"<\/a><\/li>";
 $("#downloads-btn").html(temp); 
 
 /*start fading*/
 $("#downloads-image img").attr({src:ddir+dN+"0.jpg",title:"",alt:""});
 dfading();
 t1=setInterval(dfading,4000);
});

function img_onclick () {
 dn=$(this).find('img').attr("name");
 if (dn!=dN) {
  clearInterval(t1);
  dN=dn;
  hide();
  hover();
  $(this).unbind('mouseover',mouseover).unbind('mouseout',mouseout);
  $(this).find('div').removeClass("downloads-mouseover").show();
  
  showinfo();
  $("#downloads-name div").eq(dn).show();
  //$("#downloads-image img").attr({src:ddir+dN+"0.jpg",title:"",alt:""});
  movebtn(0);
  dfading();
  t1=setInterval(dfading,4000);
 }
}

function hide() {
 $("#downloads-left li div").hide();
}
function hover() {
 $("#downloads-left li").bind('mouseover',mouseover).bind('mouseout',mouseout);
}

function mouseover() {
 $(this).find('div').addClass("downloads-mouseover").show();
}
function mouseout() {
 $(this).find('div').removeClass("downloads-mouseover").hide();
}

function showinfo1() {
 //$("#downloads-name div").hide();
 //$("#downloads-name div").eq(dN).show();
 $("#downloads-link div").hide();
 $("#downloads-link div").eq(dN).show();
}

function showinfo() {
 $("#downloads-name div").hide();
 $("#downloads-name div").eq(dN).show();
 $("#downloads-link div").hide();
 $("#downloads-link div").eq(dN).show();
}

function movebtn(m) {
 dn=m;
 if (dpos!=-1 && dpos!=m) $("#downloads-btn li").eq(dpos).html("<a href=\"javascript:showart("+dpos+")\">"+downloads_btn[dpos]+"<\/a>");
 dpos=m;
 $("#downloads-btn li").eq(m).html(downloads_btn[m]);
}

function showart(m) {
 if (!ismoving) {
  movebtn(m);
  clearInterval(t1);
  dfading();
  t1=setInterval(dfading,4000);
 }
}