var currentPic = 1;
var currentProduct = 1;
var skinURL = '/skin/frontend/default/yardworld/images/';
var productPics = new Array();
productPics[1] = 'featuredproduct1.jpg';
productPics[2] = 'featuredproduct2.jpg';
productPics[3] = 'featuredproduct3.jpg';
productPics[4] = 'featuredproduct4.jpg';
productPics[5] = 'featuredproduct5.jpg';
productPics[6] = 'featuredproduct1.jpg';

var productInfo = new Array();
productInfo[1] = '3" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[2] = '3" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[3] = '3" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[4] = '3" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[5] = '3" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[6] = '3" Sprinkler <a href="more.html">View Details&raquo;</a>';

productInfo[7] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[8] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[9] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[10] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[11] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[12] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';

productInfo[13] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[14] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[15] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[16] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[17] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';
productInfo[18] = '5" Sprinkler <a href="more.html">View Details&raquo;</a>';

var totalProducts = productPics.length - 1;

function picClick(picNum) {
	if(picNum != currentPic) {
		var shrinkPic = 'pic'+currentPic;
		var shrinkInfo = 'info'+currentPic;
		document.getElementById(shrinkInfo).style.display = 'none';
		new Effect.Morph(shrinkPic, {
  		style: 'width: 55px;',
  		duration: 0.8
		});
		var growPic = 'pic'+picNum;
		var growInfo = 'info'+picNum;
		new Effect.Morph(growPic, {
  		style: 'width: 230px;',
  		duration: 0.8
		});
		document.getElementById(growInfo).style.display = 'block';
		currentPic = picNum;
	}
}

function changeproducts(direction) {
	if(direction == 'minus') {
		if(currentProduct == 1) return false;
		if(currentProduct - 6 < 0) currentProduct == 1;
		else currentProduct = currentProduct - 6;
	}
	if(direction == 'plus') {
		if(currentProduct + 6 > totalProducts) return false;
		else currentProduct = currentProduct + 6;
	}
	document.getElementById('pic1').style.backgroundImage = 'url('+skinURL+productPics[currentProduct]+')';
	document.getElementById('pic1').style.width = '230px';
	document.getElementById('pic2').style.backgroundImage = 'url('+skinURL+productPics[currentProduct+1]+')';
	document.getElementById('pic2').style.width = '55px';
	document.getElementById('pic3').style.backgroundImage = 'url('+skinURL+productPics[currentProduct+2]+')';
	document.getElementById('pic3').style.width = '55px';
	document.getElementById('pic4').style.backgroundImage = 'url('+skinURL+productPics[currentProduct+3]+')';
	document.getElementById('pic4').style.width = '55px';
	document.getElementById('pic5').style.backgroundImage = 'url('+skinURL+productPics[currentProduct+4]+')';
	document.getElementById('pic5').style.width = '55px';
	document.getElementById('pic6').style.backgroundImage = 'url('+skinURL+productPics[currentProduct+5]+')';
	document.getElementById('pic6').style.width = '55px';
	document.getElementById('info1').innerHTML = productInfo[currentProduct];
	document.getElementById('info1').style.display = "block";
	document.getElementById('info2').innerHTML = productInfo[currentProduct+1];
	document.getElementById('info2').style.display = "none";
	document.getElementById('info3').innerHTML = productInfo[currentProduct+2];
	document.getElementById('info3').style.display = "none";
	document.getElementById('info4').innerHTML = productInfo[currentProduct+3];
	document.getElementById('info4').style.display = "none";
	document.getElementById('info5').innerHTML = productInfo[currentProduct+4];
	document.getElementById('info5').style.display = "none";
	document.getElementById('info6').innerHTML = productInfo[currentProduct+5];
	document.getElementById('info6').style.display = "none";
	var selectorText = '<p>';
	selectorText += '<a href="#" onclick="changeproducts(\'minus\'); return false;">&laquo;</a>';
	selectorText += ' Featured Products '+ currentProduct + '-' + (currentProduct + 5) + ' ';
	selectorText += '<a href="#" onclick="changeproducts(\'plus\'); return false;">&raquo;</a>';
	selectorText += '</p>';
	document.getElementById('featuredselector').innerHTML = selectorText;

	currentPic = 1;
	return false;
}