// JavaScript Document
var maxSlides=6;
var speed = 5000;
var Pic = new Array();
var Cap = new Array();
var crntSl=0;
var nextSl=1;
var slideCnt=0;
var slidearr=new Array();
var loadStats=new Array();
var st;
var fadeInt=0;
var slidint=0;
var crntAlpha=0;
var pauseAlpha=100;
var sj = 0;
var newImages=new Array();
function isImageOk(img) {
    // During the onload event, IE correctly identifies any images
    // that weren't downloaded as not complete. Others should too.
    // Gecko-based browsers act like NS4 in that they report this
    // incorrectly: they always return true.
    if (!img.complete) {
        return false;
    }

    // However, they do have two very useful properties: naturalWidth
    // and naturalHeight. These give the true size of the image. If
    // it failed to load, either of these should be zero.
    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }

    // No other way of checking: assume it's ok.
    return true;
}
function addslideshow(){
    //document.getElementById("slideshowdiv4").style.visibility = "visible";
		//document.getElementById("slideshowdiv1").style.visibility = "visible"; 
	for(var j=0;j<maxSlides;j++){
		Pic[j] = "images/studios/slideshow/slide"+j+".jpg";
		Cap[j] = "image "+j;
		newImages[j] = new Image();
		
		//loadStats[j]=0; //not loaded
 	} 
	//document.images.SlideShow0.src = Pic[sj];
	//inter=setInterval("loadNext()",thePause);
	loadNext();
}
var thePause=3000;
var maxLoadTime=5000;
var adat = new Date();
var loadTime=0;
var firstCycle=false;      
function loadNext(){
       sj++;
	   if (sj >= (maxSlides)) {sj=0;} 
  	   //if(loadStats[sj] == 0){//load image
	        // loadTime=(new Date()).getTime();
			
			 newImages[sj].src = Pic[sj];
			 //newImages[sj].name = "image"+sj;
			 //document.images.SlideShow0.src = Pic[sj];
			//alphaInt=setInterval("fadeDown()",10);
			 // }else if(loadStats[sj] == 1){//image cached
	         //newImages[sj].src = Pic[sj];
			//document.images.SlideShow0.src = Pic[sj];
	         inter=setInterval("checkLoad()",100);
	  // }
	 
	   		
}
function fadeDown(){
     if(crntAlpha > 0){
	     crntAlpha-=5;
		 setOpacity(document.getElementById("slideshowdiv4"),crntAlpha);
	 }else{
	 	 crntAlpha=0;
		 clearInterval(alphaInt);
		 document.images.SlideShow4.src = newImages[sj].src;
		 //document.getElementById("slideshowdiv0").style.visibility="hidden";
		// newImages[sj].src=Pic[sj];
		 //inter=setInterval("checkLoad()",100);
		 alphaInt=setInterval("fadeUp()",10);
		 
	 }
}
var wait500=0;
function fadeUp(){
	wait500++;
	if(wait500 >=50){
	 if(wait500==50){document.getElementById("slideshowdiv4").style.visibility="visible";}
     	if(crntAlpha < 100){
	     	crntAlpha+=5;
		 	setOpacity(document.getElementById("slideshowdiv4"),crntAlpha);
	 	}else{
	  		crntAlpha=100;
			wait500=0;
	   		clearInterval(alphaInt);
		 	inter=setInterval("pauseLoad()",thePause);
	 	}
	}
}
function pauseLoad(){
    clearInterval(inter);
	loadNext();
}

function checkLoad(){
   	 if(isImageOk(newImages[sj])){ 
	        //wait500++;
	        //if(wait500==1){
			//	document.images.SlideShow0.src = newImages[sj].src;
	        //}
			//if(wait500>=5){
			//	wait500=0;
	        	clearInterval(inter);
				//loadStats[sj]=1;
				
				alphaInt=setInterval("fadeDown()",10);
				//document.getElementById("slideshowdiv0").style.visibility="visible";
			//}
			
	}
};
function setOpacity(obj, opacity) {
  var aopacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+aopacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = aopacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = aopacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = aopacity/100;
}