//GLOBAL VARIABLES FOR ZOISHOW ^_^
zoistartcount = 1;
zoicount = 0;
zoipause = false;
zoidelay = 5000;
zoicancelledintervals = [];
zoiintervalid = 0;

function opacity(id, opacStart, opacEnd, millisec) { 
    //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++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    //object = spoilobj.style;
    if(!object.width)
		object.width = "100%";
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
    //alert(opacity);
} 
function zoiSlideEm(){
	zoiintervalid++;
	if(zoistartcount>zoicount)
		zoistartcount = 1;
	for(i=0; i<zoicount; i++){
		obj = document.getElementById("zoishow"+(i+1));
		obj.style.display = "none";
		zoilinkobj = document.getElementById("zoi_link"+(i+1));
		zoilinkobj.className = "zoi_link";
	}
	
	obj = document.getElementById("zoishow"+zoistartcount);
	zoilinkobj = document.getElementById("zoi_link"+zoistartcount);
	zoilinkobj.className = "zoi_hover";
	obj.style.display = "";
	id = obj.id;
	changeOpac(0, id)
	opacity(id, 0, 100, 1000);	
	setTimeout('if(!zoicancelledintervals['+zoiintervalid+']){ opacity("'+id+'", 100, 0, 1000); zoistartcount++; zoiSlideEm(); }', zoidelay);
}

function zoiGoToSlide(n){
	zoicancelledintervals[zoiintervalid] = true;
	zoiintervalid++;
	zoistartcount = n;
	for(i=0; i<zoicount; i++){
		obj = document.getElementById("zoishow"+(i+1));
		obj.style.display = "none";
		zoilinkobj = document.getElementById("zoi_link"+(i+1));
		zoilinkobj.className = "zoi_link";		
	}
	
	obj = document.getElementById("zoishow"+zoistartcount);
	obj.style.display = "";
	zoilinkobj = document.getElementById("zoi_link"+zoistartcount);
	zoilinkobj.className = "zoi_hover";
	
	id = obj.id;
	changeOpac(0, id)
	opacity(id, 0, 100, 1000);	
	
	setTimeout('if(!zoicancelledintervals['+zoiintervalid+']){ opacity("'+id+'", 100, 0, 1000); zoistartcount++; zoiSlideEm(); }', zoidelay);
}
function startZoiShow(delay){
	//get all zoishow objects and put in an array
	zoishowarray = [];
	zoicount=1;
	zoidelay = delay;
	try{
		//just count divs with id = zoishow
		while(1)
		{
			zoiobj = document.getElementById("zoishow"+zoicount);
			if(!zoiobj){
				zoicount -= 1;
				break;
			}
			else{
				zoilinkobj = document.getElementById("zoi_link"+zoicount);
				zoilinkobj.onmouseover = function(){
					this.className = "zoi_hover";
				}
				zoilinkobj.onmouseout = function(){			
					for(i=0; i<zoicount; i++){
						zoilinkobj = document.getElementById("zoi_link"+(i+1));
						zoilinkobj.className = "zoi_link";		
					}
					zoilinkobj = document.getElementById("zoi_link"+zoistartcount);
					zoilinkobj.className = "zoi_hover";					
				}			
				zoicount++;
			}
			
		}
	}
	catch(e){
		alert(e.message);
	}
	zoiSlideEm();
}