<!-- Image Rotator ----------------------------------------------------------------------------------------->
<!-- Image Rotator ----------------------------------------------------------------------------------------->
<!-- Image Rotator ----------------------------------------------------------------------------------------->
<div style="width: 575px; height:396px;  margin:auto;">	
	<div id="insertAnchor"></div>
</div>
<script>
	// Configuation...
	gblSecondsBetweenTransicions = 3; 	// Number of seconds between images...
	gblNumberOfImages = 8;				// Total number of images to load [Note: we assume a naming convention of: image1.jpg, image2.jpg, etc...]
	imagesRootPath = "/resources/images/rotatorImages/"; 		// Relative path to images folder...
	
	// function to dynamically load imaages...
	function insertImages(intNumberOfImages)
	{
		newObj = document.createElement("div");
		newObj.innerHTML = "";
		// dynamically create n-number of menu options...
		for(k = 0; k < intNumberOfImages; k++)
		{
			currValue = (k+1);
			strDisplay = "none";
			if(k == 0)
			{
				strDisplay = 'block';	
			}
			newObj.innerHTML += "<img id='image" + currValue + "' src='" + imagesRootPath + "slide" + currValue + ".jpg' style='display:" + strDisplay + "' />"
		}
				
		rootObj = document.getElementById('insertAnchor');
		rootObj.parentNode.insertBefore(newObj, rootObj);
	}
	
	// Insert images dynamically!
	insertImages(gblNumberOfImages); 
	
	gblImageIndex = 1;
	gblCurrentImage = document.getElementById('image1');
	function rotateImages()
	{
		tempImage = gblCurrentImage;
		gblImageIndex++;
		if(gblImageIndex == 9)
		{
			gblImageIndex = 1;	
		}
		currImage = document.getElementById('image' + gblImageIndex);
		currImage.style.display = 'block';
		gblCurrentImage = currImage;
		tempImage.style.display = 'none';
	}
	
	// Start image rotation!!!
	setInterval("rotateImages()", gblSecondsBetweenTransicions*1000);
	
</script>
<!-- Image Rotator ----------------------------------------------------------------------------------------->
<!-- Image Rotator ----------------------------------------------------------------------------------------->
<!-- Image Rotator ----------------------------------------------------------------------------------------->