function doPreload() {
	if(document.images) {
		demoArray = new Array("/media/images/main/prod1_color1.jpg",
			"/media/images/main/prod1_color2.jpg",
			"/media/images/main/prod1_color1_logo1.jpg",
			"/media/images/main/prod1_color1_logo2.jpg",
			"/media/images/main/prod1_color2_logo1.jpg",
			"/media/images/main/prod1_color2_logo2.jpg",
			"/media/images/main/prod2_color1.jpg",
			"/media/images/main/prod2_color2.jpg",
			"/media/images/main/prod2_color1_logo1.jpg",
			"/media/images/main/prod2_color1_logo2.jpg",
			"/media/images/main/prod2_color2_logo1.jpg",
			"/media/images/main/prod2_color2_logo2.jpg",
			"/media/images/main/color_1_over.jpg",
			"/media/images/main/color_2_over.jpg",
			"/media/images/main/color_1.jpg",
			"/media/images/main/color_2.jpg",
			"/media/images/main/color_3_over.jpg",
			"/media/images/main/color_4_over.jpg",
			"/media/images/main/shirt_btn_over.jpg",
			"/media/images/main/cup_btn_over.jpg",
			"/media/images/main/logo_1_over.jpg",
			"/media/images/main/logo_2_over.jpg");
		preloadImages(demoArray);
	}
}
function preloadImages(demoArray) 
{
	for(loop = 0; loop < demoArray.length; loop++)
	{
   		var pipedImage=new Image();
		pipedImage.src=demoArray[loop];
	}
}
function resetDemo()
{
	toggleProduct('prod2'); 
	toggleColor('color1', 'prod2'); 
	toggleLogo('logo1')
}
var product = "";
var logo = "";
var color = "";
var over1 = new Image;
var over2 = new Image;
var out1 = new Image;
var out2 = new Image;
function toggleProduct(theProduct)
{
	product = theProduct;
	if(product == "prod1")
	{
		document.color_1.src="/media/images/main/color_3.jpg";
		document.color_2.src="/media/images/main/color_4.jpg";
		over1.src="/media/images/main/color_3_over.jpg";
		over2.src="/media/images/main/color_4_over.jpg";
		out1.src="/media/images/main/color_3.jpg";
		out2.src="/media/images/main/color_4.jpg";
	}else{
		document.color_1.src="/media/images/main/color_1.jpg";
		document.color_2.src="/media/images/main/color_2.jpg";
		over1.src="/media/images/main/color_1_over.jpg";
		over2.src="/media/images/main/color_2_over.jpg";
		out1.src="/media/images/main/color_1.jpg";
		out2.src="/media/images/main/color_2.jpg";
	}
	if(color == "")
	{
		color="color1";
	}
	if(product != "")
	{	
		document.drawnObject.src=eval("'/media/images/main/'+product+'_'+color+'.jpg'");
	}
	else
	{
		document.drawnObject.src="/media/images/main/prod2_color2_logo1.jpg";
	}
	logo = "";
}
function toggleColor(theColor, theProduct)
{
	color = theColor
	if(product != "")
	{
		if(product == theProduct)
		{
			if(logo != "")
			{
				document.drawnObject.src=eval("'/media/images/main/'+product+'_'+color+'_'+logo+'.jpg'");
			}
			else
			{
				document.drawnObject.src=eval("'/media/images/main/'+product+'_'+color+'.jpg'");
			}
		}
		else if(product != theProduct)
		{
			if(logo != "")
			{
				product = theProduct;
				document.drawnObject.src=eval("'/media/images/main/'+product+'_'+color+'_'+logo+'.jpg'");
			}
			else
			{
				product = theProduct;
				document.drawnObject.src=eval("'/media/images/main/'+product+'_'+color+'.jpg'");
			}
		}
	}
	else
	{
		color = "";
		document.drawnObject.src="/media/images/main/prod2_color1_logo1.jpg";
	}
}
function toggleLogo(theLogo)
{
	logo = theLogo;
	if((product != "")&&(color != ""))
	{
		document.drawnObject.src=eval("'/media/images/main/'+product+'_'+color+'_'+logo+'.jpg'");
	}
	else
	{
		logo = "";
		document.drawnObject.src="/media/images/main/prod2_color1_logo1.jpg";
	}
}
        var lastLayer;
	var theLayer;
function showLayer(aLayer)
{
	var theLayer = aLayer;
	if (document.layers)
        {
		eval('document.layers["'+theLayer+'"].visibility="visible";');
        }else if(document.all){
		eval('document.all["'+theLayer+'"].style.visibility="visible";');
        }else if(!document.all && document.getElementById) {
                eval('document.getElementById(aLayer).style.visibility = "visible";');
        }	
        lastLayer=theLayer;
}
function hideLayer()
{
	if (lastLayer)
	{
		if (document.layers)
        	{
			eval('document.layers["'+lastLayer+'"].visibility="hidden";');
       		}else if(document.all){
			eval('document.all["'+lastLayer+'"].style.visibility="hidden";');
        	}else if(!document.all && document.getElementById) {	
			eval('document.getElementById(lastLayer).style.visibility = "hidden";');
		}
	}
}
function hideCatRight()
{
	if (document.layers) {
        	eval('document.layers["catRight"].visibility="hidden";');
        }else if(document.all){
                eval('document.all["catRight"].style.visibility="hidden";');
        }else if(!document.all && document.getElementById) {
                eval('document.getElementById("catRight").style.visibility = "hidden";');
        }
}
function openPopUpWindow(url) {
	newPopUp = window.open(url,'newPopUp','toolbar=no,menubar=no,location=no,height=300,width=500');
}
index = -1;
function textRotater(layer, theArray) {
	index++;
	if(index==textArray.length) {
		index = 0;
	}
	divId = layer;
	textArray = theArray;
	//startFont = '<font face="verdana" size="2" color="#c63"><b>';
	//endFont = '</b></font>';
	startFont = '<span class="testimonial"><b>';
	endFont = '</b></span>';
	if(document.getElementById) {
		document.getElementById(divId).innerHTML =
		startFont + textArray[index] + endFont;
	}else if(document.all || navigator.userAgent.indexOf("Opera") != -1) {
		document.all[divId].innerHTML =
		startFont + textArray[index] + endFont;
	}else if(document.layers) {
		with (document[divId].document) {
			open();
			write(startFont + textArray[index] + endFont);
			close();
		}
	}
	setTimeout("textRotater(divId, textArray)", 3 * 1000);
}

