/***********************************************
* Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var ie41=document.all;
var dom1=document.getElementById;


var pause=5000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var number_of_times = 2; //set to the number of times you wish the cycle to be performed or continuous
var counter = 0;

//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
//fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
//fadeimages[1]=["photo2.jpg", "http://www.google.com", ""] //image with link syntax
//fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax


var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p][0]
}

var ie4=document.all
var dom=document.getElementById

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1

function fadepic(){
  if (curpos<100){
      curpos+=10
      if (tempobj.filters)
          tempobj.filters.alpha.opacity=curpos
      else if (tempobj.style.MozOpacity)
          tempobj.style.MozOpacity=curpos/101
  } else{
      clearInterval(dropslide)
      nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
      tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
      tempobj.innerHTML=insertimage(nextimageindex)

      //set the indicator
      if(nextimageindex == 0){
        curimageidx = fadeimages.length - 1;
      } else {
        curimageidx = nextimageindex - 1;
      }
      for(idx=0;idx<fadeimages.length;idx++){

        if(idx == curimageidx){
            liObj = "document.getElementById(\"bannernav_" + idx + "\").className = 'bannernav_box_on';";
            if(fadeimages[idx][1] !=""){
                document.getElementById("fb_link").href = fadeimages[idx][1];
                document.getElementById("fb_link").target = fadeimages[idx][2];
            } else {
                document.getElementById("fb_link").href = '#';
                document.getElementById("fb_link").target = '';
            }
            eval(liObj);
        } else {
            liObj = "document.getElementById(\"bannernav_" + idx + "\").className = 'bannernav_box';";
            eval(liObj);
        }
      }

      nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
      var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
      tempobj2.style.visibility="hidden";
      if(nextimageindex == fadeimages.length - 1){
  	    counter++;
      }
      if(counter != 'continuous' && counter <= number_of_times){
  	    timer = setTimeout("rotateimage()",pause)
      }

    }
}

function insertimage(i){
    var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""
    tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'
    tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
    return tempcontainer
}

function rotateimage(){
    if (ie4||dom){
        resetit(curcanvas)
        var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
        crossobj.style.zIndex++
        tempobj.style.visibility="visible"
        var temp='setInterval("fadepic()",50)'
        dropslide=eval(temp)
        curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    } else {
        document.images.defaultslide.src=fadeimages[curimageindex][0]
        curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
    }
}

function resetit(what){
    curpos=10
    var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
    if (crossobj.filters)
        crossobj.filters.alpha.opacity=curpos
    else if (crossobj.style.MozOpacity)
        crossobj.style.MozOpacity=curpos/101
}

function startit(){
   if(fadeimages.length > 1){
        if (ie4||dom){
            var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
            crossobj.innerHTML=insertimage(curimageindex)
            rotateimage()
        } else {
            setInterval("rotateimage()",pause)
        }
   }
}

function stopit(){
	stopit=1;
}

function getPromo(id){
    clearTimeout(timer);
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    document.getElementById(curcanvas).style.visibility = 'visible';
    if(curcanvas == 'canvas0'){
        document.getElementById("canvas1").style.visibility = 'hidden';
        document.getElementById("canvas0").style.visibility = 'visible';
    } else {
        document.getElementById("canvas1").style.visibility = 'visible';
        document.getElementById("canvas0").style.visibility = 'hidden';
    }
    if (tempobj.filters){
        tempobj.filters.alpha.opacity=100;
    } else if (tempobj.style.MozOpacity){
        tempobj.style.MozOpacity=10;
    }
    for(idx=0;idx<fadeimages.length;idx++){
        if(idx == id){
            liObj = "document.getElementById(\"bannernav_" + idx + "\").className = 'bannernav_box_on';";
            eval(liObj);
        } else {
            liObj = "document.getElementById(\"bannernav_" + idx + "\").className = 'bannernav_box';";
            eval(liObj);
        }
      }
    document.getElementById(curcanvas).innerHTML = insertimage(id);
}