var semaforo=0;
			     	
     	scrollList=new Array();


	    function registraScroll(idAbajo, idArriba, div, velAbajo, velArriba)
      {
          if(scrollList[idAbajo]==null) scrollList[idAbajo]=new Array();
          if(scrollList[idArriba]==null) scrollList[idArriba]=new Array();
          scrollList[idAbajo].push(new Array(div, velAbajo));
          scrollList[idArriba].push(new Array(div, velArriba));
      }
      window.onload=inicializar;
       
       
      
      function getEl(elementId)
      {
          return document.getElementById(elementId);
      }
       
      function inicializar()
      {
          for(key in scrollList)
          {
              var elemento=getEl(key);
              elemento.onmouseover=iniciaScroll;
              elemento.onmouseout=detieneScroll;
          }
      }
       
      function iniciaScroll()
      {
        scrollDivs=new Array();
        velDivs=new Array();
        for(key in scrollList[this.id])
        {
            scrollDivs.push(getEl(scrollList[this.id][key][0]));
            velDivs.push(scrollList[this.id][key][1]);
            if(velDivs>0)
            	document.getElementById('nav_prod_left').className="";
            else
            	document.getElementById('nav_prod_right').className="";
        }
        identificador=setInterval('scrollNow()', 3);
      }
       
      function detieneScroll()
      {
        clearInterval(identificador);
      }
       
      function scrollNow()
      {
        for(key in scrollDivs)
        {
        	var desplazamientoActual=scrollDivs[key].scrollLeft;
        	var nuevoDesplazamiento=desplazamientoActual+velDivs[key];
        	scrollDivs[key].scrollLeft=nuevoDesplazamiento;
        	
        	if(scrollDivs[key].scrollLeft <= 0)
        		document.getElementById('nav_prod_left').className="no_visible";
        	else if(scrollDivs[key].scrollLeft==desplazamientoActual)
        		document.getElementById('nav_prod_right').className="no_visible";
        }
      }
      
      
      
      
/////////////////////////////////////////////////////////////////////////
      
      
      
      //scroll cuando tocamos las familias
      function scrollToNow(num_productos)
      {    	
      	if(semaforo==0)
      	{
      		n_prod = num_productos;
	      	id_div = 'nav_prod_clip';
	      	scrollDiv = getEl(id_div);
	      	scrollActual = scrollDiv.scrollLeft;
	      	
	      	velDiv = 10;
	      	
	      	if ((73*num_productos)-(velDiv-1) < scrollActual && scrollActual < (73*num_productos)+(velDiv-1))
	      		return;
	
					
	      	if(scrollActual > 73*num_productos)
	      	{
	      		document.getElementById('nav_prod_left').className="";
	      		semaforo=1;
	      		identificador1 = setInterval('scrollNowPropio1()', 10);
	      	}
	      	else if (scrollActual < 73*num_productos)
	      	{
	      		document.getElementById('nav_prod_left').className="";
	      		scrollAnterior = -1;
	      		semaforo=1;
	      		identificador2 = setInterval('scrollNowPropio2()', 10);
	      	}
	      }
      }
      
      //scroll izquierda
      function scrollNowPropio1()
      {
      		if (scrollActual - velDiv < 73*n_prod)
      		{
      			document.getElementById('nav_prod_right').className="";
      			velDiv = scrollActual - 73*n_prod;
      		}
         	else if(scrollActual == 73*n_prod)
      		{
      			clearInterval(identificador1);
      			semaforo=0;
      			if(scrollActual==0)
      				document.getElementById('nav_prod_left').className="no_visible";
      		}
      		
         	var desplazamientoActual=scrollDiv.scrollLeft;
        	var nuevoDesplazamiento=desplazamientoActual-velDiv;
        	scrollDiv.scrollLeft=nuevoDesplazamiento;
        	scrollActual= scrollDiv.scrollLeft;
      }
      
      //scroll derecha
      function scrollNowPropio2()
      {     			
         	if (scrollActual + velDiv > 73*n_prod)
      		{
      			document.getElementById('nav_prod_right').className="";
      			velDiv = 73*n_prod - scrollActual;
      		}         	
         	else if(scrollActual == 73*n_prod) 
      		{
      			clearInterval(identificador2);
      			semaforo=0;
      		}
      		else if (scrollActual == scrollAnterior)
      		{
      			clearInterval(identificador2);
      			semaforo=0;
      			document.getElementById('nav_prod_right').className="no_visible";
      		}
      		scrollAnterior = scrollActual;
         	var desplazamientoActual=scrollDiv.scrollLeft;
        	var nuevoDesplazamiento=desplazamientoActual+velDiv;
        	scrollDiv.scrollLeft=nuevoDesplazamiento;
      		
        	
        	scrollActual= scrollDiv.scrollLeft;
      }