if(!document.$) { function $(e) { return document.getElementById(e); } }
if(!document.t) { function t(e) { return document.getElementsByTagName(e); } }

var imageList = Array("/images/pretty1.jpg","/images/pretty2.jpg","/images/pretty3.jpg");
var image1 = $('Product2');
var image2 = $('Product1');

var image3 = $('Product4');
var image4 = $('Product3');

var animTimeout = 5000;
var i = 0;
var n = 0;
var t = 0;
var opac = 100;
var opac2 = 100;




function fadeOut() {
	opac -= 10;
	if(!document.all) image2.style.opacity = opac / 100;
	else image2.style.filter = "alpha(opacity="+opac+")";
	if(opac == 0) loadImage(image2, "in");
	else setTimeout("fadeOut()", 100);
}

function fadeIn() {
	opac += 10;
	if(!document.all) image2.style.opacity = opac / 100;
	else image2.style.filter = "alpha(opacity="+opac+")";
	if(opac == 100) loadImage(image1, "out");
	else setTimeout("fadeIn()", 100);
}

function loadImage(control, dir, noanim) { i++;
	if(i == feature_image.length-1) i=0;
	newHTML = '<div class="inner">';
	//newHTML += '<a href="'+feature_link[i]+'"><img border="0" src="'+feature_image[i]+'"/></a>';
	newHTML += '<a href="/products/Special/"><img border="0" src="'+feature_image[i]+'"/></a>';
	newHTML += '<h4>'+feature_name[i]+'</h4>'; 
	if((feature_save[i]!="")) {
		newHTML += 'Normally: <strike>$'+feature_price[i]+'</strike><br/>'; 
		newHTML += '<span>Special: $'+feature_save[i]+'</span><br/>'; 
		newHTML += '<strong>You Save: '+feature_diff[i]+'</strong><br/>'; 
	} else {
		newHTML += '<strong>Price:'+feature_price[i]+'</strong><br/>'; 
	}
	newHTML += '<small>code: '+feature_code[i]+'</small>'; 
	newHTML += '</div>';
	control.innerHTML = newHTML;
	if(noanim==true) return;
	if(dir=="in") { setTimeout("fadeIn()", animTimeout); return; }
	else { setTimeout("fadeOut()", animTimeout); return; }
}




function fadeOut2() {
	opac2 -= 10;
	if(!document.all) image4.style.opacity = opac2 / 100;
	else image4.style.filter = "alpha(opacity="+opac2+")";
	if(opac2 == 0) loadImage2(image4, "in");
	else setTimeout("fadeOut2()", 100);
}

function fadeIn2() {
	opac2 += 10;
	if(!document.all) image4.style.opacity = opac2 / 100;
	else image4.style.filter = "alpha(opacity="+opac2+")";
	if(opac2 == 100) loadImage2(image3, "out");
	else setTimeout("fadeIn2()", 100);
}

function loadImage2(control, dir, noanim) { n++;
	if(n == new_image.length-1) n=0;
	newHTML = '<div class="inner"><a class="newProduct" href="/products/NewProducts/">';
	//newHTML += '<a href="'+new_link[n]+'"><img border="0" src="'+new_image[n]+'"/></a>';
	newHTML += '<img border="0" src="'+new_image[n]+'"/>';
	newHTML += '<h4>'+new_name[n]+'</h4>'; 
	if((new_save[n]!="")) {
		newHTML += 'Normally: <strike>$'+new_price[n]+'</strike><br/>'; 
		newHTML += '<span>Special: $'+new_save[n]+'</span><br/>'; 
		newHTML += '<strong>You Save: '+new_diff[n]+'</strong><br/>'; 
	} else {
		newHTML += '<strong class="price">Price:'+new_price[n]+'</strong><br/>'; 
	}
	newHTML += '<small class="code">code: '+new_code[n]+'</small>'; 
	newHTML += '</a></div>';
	control.innerHTML = newHTML;
	if(noanim==true) return;
	if(dir=="in") { setTimeout("fadeIn2()", animTimeout); return; }
	else { setTimeout("fadeOut2()", animTimeout); return; }
}


function newProduct()
{
	//alert("hello");
}



function initCrossFade() {
	// init feature image
	feature_name = feature_name.split("|");
	feature_image = feature_image.split("|");
	feature_code = feature_code.split("|");
	feature_price = feature_price.split("|");
	feature_save = feature_save.split("|");
	feature_diff = feature_diff.split("|");
	feature_link = feature_link.split("|");

	// init new products images
	new_name = new_name.split("|");
	new_image = new_image.split("|");
	new_code = new_code.split("|");
	new_price = new_price.split("|");
	new_save = new_save.split("|");
	new_diff = new_diff.split("|");
	new_link = new_link.split("|");

	loadImage(image2, "out", true);		
	setTimeout("loadImage(image1, \"out\");", 2500);

	if(image3 != undefined && image4 != undefined) {
		loadImage2(image4, "out", true);		
		setTimeout("loadImage2(image3, \"out\");", 0);
	}
	
}

initCrossFade();