var slideshowspeed;
var fadeduration=300;		//Speed of overlap of two slides: in milliseconds

var fadeimages=new Array();
fadeimages[0]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/Whistlestop from front (348X122).jpg";fadeimages[1]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/Lakeview 2 (348X122).jpg";fadeimages[2]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/GLUMC 348X122.JPG";fadeimages[3]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/Well Block 348X122.JPG";fadeimages[4]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/GL south side 348X122.JPG";fadeimages[5]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/Park Playground-covered area (348X122).jpg";fadeimages[6]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/Northside downtown-1 (348X122).jpg";fadeimages[7]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/tennis courts (348X122).jpg";fadeimages[8]="http://grasslakeschools.com/modules/groups/homepagefiles/cms/880961/Image/slideshow/6.5 Car show.jpg";
var slideshowpicnum = 0;
var slideshowcount = fadeimages.length;

//preload of images
var preLoad = new Array();
for (i = 0; i < slideshowcount; i++) {
	preLoad[i] = new Image();
	preLoad[i].src = fadeimages[i];
}

//Called function from cms_ui.php
function fadeshow(fadeimages, width, height, var1, speed, var2, var3) {
	//alert(slideshowcount);
	if(slideshowcount==0) {
		document.write("<div id='slideshowrotator' style='width:"+width+"px;height:"+height+"px;'></div>");
		return;
	}
	if(slideshowcount==1) {
		document.write("<div id='slideshowrotator' style='width:"+width+"px;height:"+height+"px;overflow:hidden' >");
		document.write("<img id='rotatorImg1' src='"+fadeimages[0]+"' />");
		document.write("</div>");
		return;
	}
	document.write("<div id='slideshowrotator'></div>");
	var slideshow = document.getElementById('slideshowrotator');
										// <div id="slideshowInner1" style="position:absolute;width:'+width+'px;height:'+height+'px;top:0;left:0;z-index:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:100;-khtml-opacity:100;"></div><div id="slideshowInner2" style="position:absolute;width:'+width+'px;height:'+height+'px;top:0;left:0;z-index:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:100;-khtml-opacity:100;"></div>
	
	slideshow.innerHTML='<div id="slideshowOuter" style="position:relative;width:'+width+'px;height:'+height+'px;overflow:hidden;"></div>';
	var slideshowOuter = document.getElementById('slideshowOuter');

	slideshowOuter.innerHTML="<img id='rotatorImg1' src='"+fadeimages[0]+"' style='position:absolute;top:0;left:0;overflow:hidden' />";
	slideshowOuter.innerHTML=slideshowOuter.innerHTML+"<img id='rotatorImg2' src='"+fadeimages[1]+"' style='position:absolute;top:0;left:0;overflow:hidden' />";
	
	
	
	slideshowspeed=speed;
	startSlideshow();
}

//Start the slideshow
function startSlideshow() {
	var first = slideshowpicnum;
	slideshowpicnum = slideshowpicnum + 1;
	if (slideshowpicnum > (slideshowcount - 1)) slideshowpicnum = 0;
	var second = slideshowpicnum;

	blendimage('rotatorImg1', 'rotatorImg2', fadeimages[first], fadeimages[second], fadeduration);
	setTimeout('startSlideshow()', slideshowspeed);
}

	function blendimage(imageid1, imageid2, imagefile1, imagefile2, millisec) {
		var speed = Math.round(millisec / 100);
		var timer = 0;
	
		changeOpac(100, imageid1);
		changeOpac(0, imageid2);
	
		document.getElementById(imageid1).src = imagefile1;
		document.getElementById(imageid2).src = imagefile2;
	
	
		var o;
		for(i = 0; i <= 100; i+=10) {
			o=100-i;
			//setTimeout("changeOpac(" + o + ",'" + imageid1 + "')",(timer * speed));
			setTimeout("changeOpac(" + i + ",'" + imageid2 + "')",(timer * speed));
			timer+=10;
		}
	}
	
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}