// JavaScript Document

//Mouseover Script 
	

 var mainImages = [ "/images/mainPhoto/mainPhoto01.jpg", 
				     "/images/mainPhoto/mainPhoto02.jpg", 	
					 "/images/mainPhoto/mainPhoto03.jpg", 
				     "/images/mainPhoto/mainPhoto04.jpg", 
				     "/images/mainPhoto/mainPhoto05.jpg", 	
				     "/images/mainPhoto/mainPhoto06.jpg"]
					
 var mainImageId = "mainImage";
 var numberOfImages = mainImages.length;
 var currentTop = 0;

//Rotating Images 
function rotate()
{

	currentTop = (currentTop + 1) % numberOfImages;
	document.getElementById(mainImageId).src = mainImages[currentTop];
	setTimeout("fade(mainImageId, 1)", 10);
	
}
 

/** Fade Main Image **/
var imgOpacity = 10;
var fadeTimer;
var fadeImg;
var fadeLength = 100;

function setOpacity(fadeObj, opac)
{
	fadeObj.style.opacity = opac/10; //CSS3 - Firefox
	fadeObj.style.filter = 'alpha(opacity=' + opac*10 + ')'; //IE
	
    fadeObj.opacity = ( opac / 10 );
    fadeObj.MozOpacity = ( opac / 10 );	
    fadeObj.KhtmlOpacity = ( opac / 10 );

}

//Start Fade
function fade(id, inOut)
{
		clearInterval(fadeTimer);
		fadeImg = document.getElementById(id);
        fadeType = inOut;
		//fadeTimer = setInterval("setOpacity(fadeImg, imgOpacity); imgOpacity = imgOpacity -1;", fadeLength);
		fadeTimer = setInterval("crossFader(fadeType)", fadeLength);
}

function crossFader(inOut)
{
	//Check if fade in or out	
	setOpacity(fadeImg, imgOpacity);
	
	if(inOut)
		{
			//If Fading In 
			if(imgOpacity >= 10)	
			{
				clearInterval(fadeTimer);
			}
			else
			{
				imgOpacity = imgOpacity + 1;
			}
		}
		else
		{
			//If Fading Out
			if(imgOpacity <= 0)
			{
				rotate();
				
			}
			else
			{
				imgOpacity = imgOpacity - 1;	
			}
		}
		
}

var currentTop = 0;
function startRotate()
{
	preLoader(mainImages);
	setInterval("fade(mainImageId, 0)", 5000);
}