var moviendoMiniaturas = false;
var activoIzq = false;
var activoDer = true;
$(document).ready(inicia);

function inicia (){

	var $productos = $('#nav_mini li');		
	thisProductos = $productos;
	var totalIndex = thisProductos.length;
	
	if (document.getElementById("izq")){
		$("#izq").fadeTo(100, 0.5);
	}
	if (totalIndex<4) {
		$("#der").fadeTo(100, 0.5);
		activoDer =false;
	}
		
}

function navegaCatalogoDcha()
{
  if (moviendoMiniaturas) { return; }
  if (!activoDer ) {return;}
  else { moviendoMiniaturas = true; }
  var $contenedorElementos = $('#nav_mini');
  var $totalElementos = $('#nav_mini li');
  var anchoElemento = $totalElementos.eq(0).width()+5;
  var totalAncho = anchoElemento * ($totalElementos.length+5);
  var posicion = $contenedorElementos.css('left');
  posicion = parseFloat(posicion.substring(0,posicion.length-2));
  var posicionSiguiente = posicion - (anchoElemento*3);
  //alert("anchoElemento: " + anchoElemento + "\n" + "totalAncho: " + totalAncho + "\n" + "Posicion: " + posicion + "\n" + "Posicion Siguiente: " + posicionSiguiente);
  $contenedorElementos.css('width',totalAncho);
  if (posicion > -(totalAncho-anchoElemento*3))
  {
    $contenedorElementos.animate({'left':posicionSiguiente},200, function()
    {
      moviendoMiniaturas = false;
      $("#izq").fadeTo(100, 1);
	  activoIzq=true;
      posicion = $contenedorElementos.position().left;
      if (posicion < -(totalAncho-anchoElemento*3))
      {
        $("#der").fadeTo(100, 0.5);
      }
      else
      {
        $("#der").fadeTo(100, 1);
      }
    });
  }
  else
  {
    moviendoMiniaturas = false;
  }   
}

function navegaCatalogoIzda()
{
  if (moviendoMiniaturas) { return; }
  if (!activoIzq ) {return;}
  else { moviendoMiniaturas = true; }
  var $contenedorElementos = $('#nav_mini');
  var $totalElementos = $('#nav_mini li');
  var anchoElemento = $totalElementos.eq(0).width()+5;
  var totalAncho = anchoElemento * ($totalElementos.length+5);
  var posicion = $contenedorElementos.css('left');
  posicion = parseFloat(posicion.substring(0,posicion.length-2));
  var posicionSiguiente = posicion + (anchoElemento*3);
  //alert("anchoElemento: " + anchoElemento + "\n" + "totalAncho: " + totalAncho + "\n" + "Posicion: " + posicion + "\n" + "Posicion Siguiente: " + posicionSiguiente);
  $contenedorElementos.css('width',totalAncho);
  if (posicion <= -((anchoElemento*3)-1))
  {
    $contenedorElementos.animate({'left':posicionSiguiente},200, function()
    {
      moviendoMiniaturas = false;
      $("#der").fadeTo(100, 1);
      posicion = $contenedorElementos.position().left;
      if (posicion >= 0)
      {
        $("#izq").fadeTo(100, 0.5);
      }  
      else
      {
        $("#izq").fadeTo(100, 1);
      }
    });
  }
  else
  {
    moviendoMiniaturas = false;
  } 
}