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

var which=0;

function changepic(divi) {
if (which<photos.length-1){
 which++;
} else {
 which=0;
}
var ob = document.getElementById(divi).style;
ob.backgroundImage = "url('images/" + photos[which] + "');";
}

function show(id) {
 setVisibility(true,id);
}
function hide(id) {
 setVisibility(false,id);
}

function opacity(id, opacStart, opacEnd, millisec, outfade) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
    if(opacEnd==0) {
     setTimeout("changepic('"+id+"')", (timer++ * speed));
    }
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var o = document.getElementById(id);
    if( o!=null ) {
     o.style.opacity = (opacity / 100); 
     o.style.MozOpacity = (opacity / 100); 
     o.style.KhtmlOpacity = (opacity / 100); 
     o.style.filter = "alpha(opacity=" + opacity + ")"; 
    }
}

function setVisibility(flag, id) { 
    var o = document.getElementById(id);
    if(o!=null) {
      if( !flag ) {
        o.style.visibility = "hidden";
      } else {
        o.style.visibility = "visible";
      }
    }
}


var opa1 = "photoslider1";
var opa2 = "photoslider2";

function autochange() {
   opacity(opa1,100,0,800,true);
   opacity(opa2,0,100,800,true);
   t = opa1;
   opa1 = opa2;
   opa2 = t;
   setTimeout("autochange()",10000);
}