// JavaScript Document
var bgimages=new Array()
bgimages[0]="Images/Mastheads/home_masthead1.jpg"
bgimages[1]="Images/Mastheads/home_masthead2.jpg"
bgimages[2]="Images/Mastheads/home_prods.jpg"
bgimages[3]="Images/Mastheads/promotions_masthead.jpg"
bgimages[4]="Images/Mastheads/home_rocks.jpg"

//preload images
var pathToImg=new Array()
for (i=0;i<bgimages.length;i++)
{
  pathToImg[i]=new Image()
  pathToImg[i].src=bgimages[i]
}

var opac = 100;
var pic	= 0;

function doFadeOut(){
		document.getElementById("homePic").style.opacity=opac/100;	
		document.getElementById("homePic").style.filter = 'alpha(opacity=' + opac + ')';
		opac-=5;
		if(opac==20){
			clearInterval(doFade);
			document.getElementById("homePic").style.backgroundImage = "url(" + pathToImg[pic].src + ")";
			if(pic<4){
				pic++;
			} else {
				pic = 0;	
			}
			doFade = setInterval(doFadeIn,50);
		}
}

function doFadeIn(){
		document.getElementById("homePic").style.opacity=opac/100;	
		document.getElementById("homePic").style.filter = 'alpha(opacity=' + opac + ')';
		opac+=5;
		if(opac==100){
			clearInterval(doFade);
		}
}

function fadeOut(){
	doFade = setInterval(doFadeOut,50);
}