// JavaScript Document
// image preload
a=new Image();a.src="/images/warriorDisplay.gif";
b=new Image();b.src="/images/maverikDisplay.gif";
c=new Image();c.src="/images/underarmourDisplay.gif";
d=new Image();d.src="/images/brineDisplay.gif";
e=new Image();e.src="/images/gaitDisplay.gif";
f=new Image();f.src="/images/stxDisplay.gif";
g=new Image();f.src="/images/nikeDisplay.gif";
	
var product=new Array("warriorDisplay","maverikDisplay","underarmourDisplay","brineDisplay","gaitDisplay","stxDisplay","nikeDisplay");
var x = 0;	
	
function fadeOut(opacity) { 
    var object = document.getElementById('iProductDisplay').style; 
	opacity = opacity - 1;
    object.opacity = (opacity/100); 
    object.MozOpacity = (opacity/100); 
    object.KhtmlOpacity = (opacity/100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
	if(opacity >= 0){
		setTimeout("fadeOut(" + opacity + ")",25);
	}else{
		if(x >= 6){
			x = 0;
		}else{
			x = x+1;
		}
		document.getElementById('iProductDisplay').style.backgroundImage = "url('/images/" + product[x] + ".gif')";
		fadeIn(opacity);
	}
} 

function fadeIn(opacity) { 
    var object = document.getElementById('iProductDisplay').style; 
	opacity = opacity + 1;
    object.opacity = (opacity/100); 
    object.MozOpacity = (opacity/100); 
    object.KhtmlOpacity = (opacity/100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
	if(opacity <= 100){
		setTimeout("fadeIn(" + opacity + ")",75);
	}else{
		setTimeout("fadeOut(" + opacity + ")",1000);
	}
}