var productList;
var products;
var timeout;
var widthLI = 110;

function initProductCarrousel() {
	if ((!document.getElementById) && (document.getElementById("imgProducts")!==null)) {
		return true;
	}
	
	productList = document.getElementById("imgProducts");
	products = new Array();
	// Construimos el vector "products" con todos los productos de la lista
	for (i=0;i<productList.childNodes.length;i++) {
		node = productList.childNodes[i];
		if (node.nodeName == "LI") {
			products[products.length] = node;
			// Instalamos los rollovers que detienen la animación
			node.onmouseover = function (e) {
				stopMove();
			};
			node.onmouseout = function (e) {
				moveProducts();
			};
		}
	}
	
	for (i=0;i<products.length;i++) {
		node = products[i];
		node.style.left = widthLI*i+"px";
	}
	
	timeout = setTimeout("moveProducts();",0);
}

function moveProducts() {	
	for (i=0;i<products.length;i++) {
		node = products[i];
		position = node.style.left;
		position = position.substring(0,position.indexOf("p",0));
		position = parseInt(position);
		if (position <= -widthLI) {
			position = (products.length-1)*widthLI;
		}
		node.style.left = (position-1)+"px";
	}
	timeout = setTimeout("moveProducts();",25);
}

function stopMove() {
	clearTimeout(timeout);
}