// JavaScript Document

//Describe Globals

var imgOpacity = 100;
var timerId;
var imgArray = new Array("images/img2.jpg","images/img3.jpg","images/img4.jpg","images/img5.jpg","images/img6.jpg","images/img7.jpg","images/img8.jpg","images/img9.jpg");
var rotatorID; 

urlHead = "images/img"; //path including image name like './images/slides/pic' where pic1.jpg lies in slide folder
imgExt = "jpg"; //Image Extension; 
imgID = 1;
			
function StartTimer(){
	rotatorID = setTimeout("fadeImage()",5000);
}

function setOpacity()
{
	if(navigator.appName.indexOf("Microsoft") != -1)
	{
		document.getElementById('myImg').filters.alpha.opacity=imgOpacity;
	}
	else
	{
		document.getElementById('myImg').style.MozOpacity = ( imgOpacity / 100 );
	}
}

function fadeImage()
{
	imgOpacity = imgOpacity - 2;
	
	if (imgOpacity < 0)
	{
		imgOpacity = 0;
		if (imgID <= 8)
		{
			imgID++;
		}
		else
		{
			imgID = 1;
		}

		document.getElementById('myImg').src = urlHead + imgID + "." + imgExt;
		document.getElementById('myImg').width = 300;
		document.getElementById('myImg').height = 320;
		timerId =  setTimeout("showNewImage()",100);
	}
	else
	{	
		setOpacity();
		timerId =  setTimeout("fadeImage()",100);
	}
}

function showNewImage(){
	imgOpacity = imgOpacity + 4;
	
	if (imgOpacity > 100)
	{
		imgOpacity = 100;
		setOpacity();
		rotatorID = setTimeout("fadeImage()",1000);
	}
	else
	{	
		setOpacity();
		timerId =  setTimeout("showNewImage()",100);
	}
}