scrollList=new Array();
     
function registraScroll(idAbajo, idArriba, div, velAbajo, velArriba)
{   
	scrollList[idAbajo]=new Array()
	scrollList[idArriba]=new Array();
	
    scrollList[idAbajo].push(new Array(div, velAbajo));
    scrollList[idArriba].push(new Array(div, velArriba));
	
	//alert(scrollList[idAbajo]);
	//alert(scrollList[idArriba]);
}   
 
window.onload=inicializar;
 
function getEl(elementId)
{
    //alert(elementoId);
	return document.getElementById(elementId);
}
 
function inicializar()
{
    var flechaAbajo = document.getElementById("flechaAbajo");
	var flechaArriba = document.getElementById("flechaArriba");
	
    flechaAbajo.onmouseover=iniciaScroll;
    flechaAbajo.onmouseout=detieneScroll;
	flechaArriba.onmouseover=iniciaScroll;
    flechaArriba.onmouseout=detieneScroll;
}
 
function iniciaScroll()
{
    scrollDivs=new Array();
    velDivs=new Array();
	
    //alert(scrollList[this.id][0][0]);
	
	var flechaAbajo = document.getElementById("flechaAbajo");
	
	for(key in scrollList[this.id])
    {
        //alert(scrollList[this.id][1][0]);
		scrollDivs.push(getEl(scrollList[this.id][key][0]));
        velDivs.push(scrollList[this.id][key][1]);
	}
    identificador=setInterval('scrollNow()', 1);
}
 
function detieneScroll()
{
    clearInterval(identificador);
}
 
function scrollNow()
{
    for(key in scrollDivs)
    {
    var desplazamientoActual=scrollDivs[key].scrollLeft;
    var nuevoDesplazamiento=desplazamientoActual+velDivs[key];
    scrollDivs[key].scrollLeft=nuevoDesplazamiento;
    }
}

	addEvent(window, 'load',iniciar, false);

	function iniciar()
	{
		//var listNov = document.getElementById("listaNovedades");
		var refTabProd = document.getElementById("tabProductos");
		var refProd = refTabProd.getElementsByTagName("img");
		//alert(refProd.length);
		for(var i=0; i<refProd.length; i++){
			addEvent(refProd[i],'mouseover',activa, false);
			addEvent(refProd[i],'mouseout',desactiva, false);
		}
	}
	function activa()
	{
		if (window.event)
		{
			var imgProd=window.event.srcElement;
			
		}
		else{
			if (e)
			{
				var imgProd=e.target;
				
			}
		}
		/*imgProd.style.borderTop="2px";
		imgProd.style.borderBottom="2px";
		imgProd.style.borderLeft="2px";
		imgProd.style.borderRight="2px";
		imgProd.style.borderColor="#990000";
		imgProd.style.borderStyle="solid";*/
	}
	function desactiva()
	{
		if (window.event)
		{
			var imgProd=window.event.srcElement;
			
		}
		else{
			if (e)
			{
				var imgProd=e.target;
				
			}
		}
		//var imgProd = window.event.srcElement;
		/*imgProd.style.borderTop="2px";
		imgProd.style.borderBottom="2px";
		imgProd.style.borderLeft="2px";
		imgProd.style.borderRight="2px";
		imgProd.style.borderColor="#ffffff";
		imgProd.style.borderStyle="solid";*/
	}

function addEvent(elemento, evento, funcion, valor)
{
	if(elemento.attachEvent){
		elemento.attachEvent("on" + evento, funcion, valor);
		return true;
	}else{
		if(elemento.addEventListener){
			elemento.addEventListener(evento, funcion, valor);
			return true;	
		}else{
			return false;
		}
	}
}