function nodo(d){
	
	pos = Array(0,0,-1160,-343,-2320,-686,-3480,-1029);
	var c1 = {'background-image' : 'url(../img/fondobtmenuproductos_il.jpg)'};
	var c2 = {'background-image' : ''};
	
	var m1 = {'background-position' : '0 -1px'};
	var m2 = {'background-position' : '0 -13px'};
	
	if(d==0){
		$("#atras").css("visibility","hidden");
	}else{
		$("#atras").css("visibility","visible");
	}
	if(d==3){
		$("#adelante").css("visibility","hidden");	
	}else{
		$("#adelante").css("visibility","visible");	
	}
	
	$("#caja").animate({left:""+pos[d*2]+"px", top:""+pos[(d*2)+1]+"px"}, 750, "easeInOutSine");
	
	switch(d){
		case 0:
			$("#migapan").html('<a href="productos.php">Productos</a> <a href="productosbebidas.php" class="active">&rsaquo; Bebidas</a>');
			$("#superior").load("submenuproductos0.html", function(){
				$("#mn_productosbebidas").css(m2);
				$("#mn_productosalimentacion").css(m1);
				$("#mn_productoshogar").css(m1);
				$("#mn_productoshigiene").css(m1);
				$("#productos0").css(c1);
				$("#productos1").css(c2);
				$("#productos2").css(c2);
			});
		break;
		case 1:
			$("#migapan").html('<a href="productos.php">Productos</a> <a href="productosalimentacion.php" class="active">&rsaquo; Alimentaci&oacute;n</a>');
			$("#superior").load("submenuproductos1.html", function(){
				$("#mn_productosbebidas").css(m1);
				$("#mn_productosalimentacion").css(m2);
				$("#mn_productoshogar").css(m1);
				$("#mn_productoshigiene").css(m1);
				$("#productos0").css(c1);
				$("#productos1").css(c2);
				$("#productos2").css(c2);
			});
		break;
		case 2:
			$("#migapan").html('<a href="productos.php">Productos</a> <a href="productoshogar.php" class="active">&rsaquo; Productos para el hogar</a>');
			$("#superior").load("submenuproductos2.html", function(){
				$("#mn_productosbebidas").css(m1);
				$("#mn_productosalimentacion").css(m1);
				$("#mn_productoshogar").css(m2);
				$("#mn_productoshigiene").css(m1);
				$("#productos0").css(c1);
				$("#productos1").css(c2);
				$("#productos2").css(c2);
			});
		break;
		case 3:
			$("#migapan").html('<a href="productos.php">Productos</a> <a href="productoshigiene.php" class="active">&rsaquo; Higiene personal</a>');
			$("#superior").load("submenuproductos3.html", function(){
				$("#mn_productosbebidas").css(m1);
				$("#mn_productosalimentacion").css(m1);
				$("#mn_productoshogar").css(m1);
				$("#mn_productoshigiene").css(m2);
			});
		break;
		case 4:
			$("#migapan").html('<a href="productos.php">Productos</a> <a href="productospreformas.php" class="active">&rsaquo; Preformas</a>');
		break;
	}
}
function mover(d){
	var posX = $("#caja").css("left");
	var posY = $("#caja").css("top");
	var c1 = {'background-image' : 'url(../img/fondobtmenuproductos_il.jpg)'}
	var c2 = {'background-image' : ''}
	switch (d){
		case 0:
			$("#productos0").css(c1);
			$("#productos1").css(c2);
			$("#productos2").css(c2);
			switch(posY){
				case "0px":
					d = "0px";
				break;
				case "-343px":
					d = "-1160px";
				break;
				case "-686px":
					d = "-2320px";
				break;
			}
		break;
		case 1:
			$("#productos0").css(c2);
			$("#productos1").css(c1);
			$("#productos2").css(c2);
			switch(posY){
				case "0px":
					d = "-580px";
				break;
				case "-343px":
					d = "-1740px";
				break;
				case "-686px":
					d = "-2900px";
				break;
			}
		break;
		case 2:
			$("#productos0").css(c2);
			$("#productos1").css(c2);
			$("#productos2").css(c1);
			switch(posY){
				case "0px":
					d = "-1160px";
				break;
				case "-343px":
					d = "-2320px";
				break;
				case "-686px":
					d = "-3480px";
				break;
			}
		break;
	}
	$("#caja").animate({left:d}, 750, "easeInOutBack");
}
function anterior(){
	var posX = $("#caja").css("left");
	var posY = $("#caja").css("top");

	var c1 = {'background-image' : 'url(../img/fondobtmenuproductos_il.jpg)'};
	var c2 = {'background-image' : ''};
	
	var m1 = {'background-position' : '0 -1px'};
	var m2 = {'background-position' : '0 -13px'};
	
	switch(posX){
		case "-580px":
			a = "0px";
			b = "0px";
			$("#atras").css("visibility","hidden");
			
			$("#productos0").css(c1);
			$("#productos1").css(c2);
			$("#productos2").css(c2);
			
		break;
		case "-1160px":
			if(posY=="0px"){
				a = "-580px";
				b = "-0px";
				
				$("#productos0").css(c2);
				$("#productos1").css(c1);
				$("#productos2").css(c2);
			
			}else{
				a = "-1160px";
				b = "-0px";
				$("#migapan").html('<a href="productos.php">Productos</a> <a href="productosbebidas.php" class="active">&rsaquo; Bebidas</a>');
				$("#superior").load("submenuproductos0.html", function(){
					$("#mn_productosbebidas").css(m2);
					$("#mn_productosalimentacion").css(m1);
					$("#mn_productoshogar").css(m1);
					$("#mn_productoshigiene").css(m1);
					$("#productos0").css(c2);
					$("#productos1").css(c2);
					$("#productos2").css(c1);
				});
			}
		break;
		case "-1740px":
			a = "-1160px";
			b = "-343px";
			
			$("#productos0").css(c1);
			$("#productos1").css(c2);
			$("#productos2").css(c2);
			
		break;
		case "-2320px":
			if(posY=="-686px"){
				a = "-2320px";
				b = "-343px";
				$("#migapan").html('<a href="productos.php">Productos</a> <a href="productosalimentacion.php" class="active">&rsaquo; Alimentaci&oacute;n</a>');
				$("#superior").load("submenuproductos1.html", function(){
					$("#productos0").css(c2);
					$("#productos1").css(c2);
					$("#productos2").css(c1);
					
					$("#mn_productosbebidas").css(m1);
					$("#mn_productosalimentacion").css(m2);
					$("#mn_productoshogar").css(m1);
					$("#mn_productoshigiene").css(m1);
					
				 });
			}else{
				a = "-1740px";
				b = "-343px";
				
				$("#productos0").css(c2);
				$("#productos1").css(c1);
				$("#productos2").css(c2);
				
			}
		break;
		case "-2900px":
			a = "-2320px";
			b = "-686px";
			
			$("#productos0").css(c1);
			$("#productos1").css(c2);
			$("#productos2").css(c2);
			
		break;
		case "-3480px":
			if(posY=="-1029px"){
				a = "-3480px";
				b = "-686px";
				$("#migapan").html('<a href="productos.php">Productos</a> <a href="productoshogar.php" class="active">&rsaquo; Productos para el hogar</a>');
				$("#superior").load("submenuproductos2.html", function(){
				   $("#productos0").css(c2);
					$("#productos1").css(c2);
					$("#productos2").css(c1);
					
					$("#mn_productosbebidas").css(m1);
					$("#mn_productosalimentacion").css(m1);
					$("#mn_productoshogar").css(m2);
					$("#mn_productoshigiene").css(m1);
					
				 });
			}else{
				a = "-2900px";
				b = "-686px";
				
				$("#productos0").css(c2);
				$("#productos1").css(c1);
				$("#productos2").css(c2);
				
			}
		 	$("#adelante").css("visibility","visible");
		break;
	};
	
	$("#caja").animate({left:a, top:b}, 750, "easeInOutBack");
}
function siguiente(){
	
		var posX = $("#caja").css("left");
		var posY = $("#caja").css("top");
	
		var c1 = {'background-image' : 'url(../img/fondobtmenuproductos_il.jpg)'};
		var c2 = {'background-image' : ''};
		
		var m1 = {'background-position' : '0 -1px'};
		var m2 = {'background-position' : '0 -13px'};
		
		switch(posX){
			case "0px":
				a = "-580px";
				b = "0px";
				$("#atras").css("visibility","visible");
				$("#productos0").css(c2);
				$("#productos1").css(c1);
				$("#productos2").css(c2);
			break;
			case "-580px":
				a = "-1160px";
				b = "0px";
				$("#productos0").css(c2);
				$("#productos1").css(c2);
				$("#productos2").css(c1);
			break;
			case "-1160px":
				if(posY=="0px"){
					a = "-1160px";
					b = "-343px";
					$("#superior").load("submenuproductos1.html", function(){
						$("#productos0").css(c1);
						$("#productos1").css(c2);
						$("#productos2").css(c2);
						
						$("#mn_productosbebidas").css(m1);
						$("#mn_productosalimentacion").css(m2);
						$("#mn_productoshogar").css(m1);
						$("#mn_productoshigiene").css(m1);
						
						$("#migapan").html('<a href="productos.php">Productos</a> <a href="productosalimentacion.php" class="active">&rsaquo; Alimentaci&oacute;n</a>');
					});
					
				}else{
					a = "-1740px";
					b = "-343px";
					$("#productos0").css(c2);
					$("#productos1").css(c1);
					$("#productos2").css(c2);
				}
				
			break;
			case "-1740px":
				a = "-2320px";
				b = "-343px";
				$("#productos0").css(c2);
				$("#productos1").css(c2);
				$("#productos2").css(c1);
			break;
			case "-2320px":
				if(posY=="-343px"){
					a = "-2320px";
					b = "-686px";
					$("#superior").load("submenuproductos2.html", function(){
						$("#productos0").css(c1);
						$("#productos1").css(c2);
						$("#productos2").css(c2);
						
						$("#mn_productosbebidas").css(m1);
						$("#mn_productosalimentacion").css(m1);
						$("#mn_productoshogar").css(m2);
						$("#mn_productoshigiene").css(m1);
						
						$("#migapan").html('<a href="productos.php">Productos</a> <a href="productoshogar.php" class="active">&rsaquo; Productos para el Hogar</a>');
					});
				}else{
					a = "-2900px";
					b = "-686px";
					$("#productos0").css(c2);
					$("#productos1").css(c1);
					$("#productos2").css(c2);
				}
			break;
			case "-2900px":
				a = "-3480px";
				b = "-686px";
				$("#productos0").css(c2);
				$("#productos1").css(c2);
				$("#productos2").css(c1);
			break;
			case "-3480px":
				a = "-3480px";
				b = "-1029px";
				$("#superior").load("submenuproductos3.html", function(){
						$("#mn_productosbebidas").css(m1);
						$("#mn_productosalimentacion").css(m1);
						$("#mn_productoshogar").css(m1);
						$("#mn_productoshigiene").css(m2);
						
						$("#migapan").html('<a href="productos.php">Productos</a> <a href="productoshigiene.php" class="active">&rsaquo; Higiene personal</a>');
					});
				
				$("#adelante").css("visibility","hidden");
			break;
		};
		
		$("#caja").animate({left:a, top:b}, 750, "easeInOutBack");
	
}