$(document).ready(function() {
   	$("#compra_info").click(function(){
		$("#module_cart").css('display', function(){
			return "block";
		});
	});
	$(".box .top").click(function(){
		$("#module_cart").slideUp("slow");
	});
	$(".producto_tela ul li p").click(function(){
		color = $(this).css('background-color');
		hexa = rgb2hex(color);
		retorno = ntc.name(hexa);
		$(this).parent().parent().parent().prev().find('span').html(retorno[1]);
	});
	
	/* para el detalle de producto */
   	$("#quantity").change(function(){				  
		if ($("#quantity").val() != "" && $("#option1").val() != "" )
			$('#btnAdd').attr('src',"catalog/view/theme/nautyblue/image/btnAddActive.jpg")
		else
			$('#btnAdd').attr('src',"catalog/view/theme/nautyblue/image/productoInternos-10.jpg")
	});	

			
   	$("#option1").change(function(){				  
		if ($("#quantity").val() != "" && $("#option1").val() != "" )
			$('#btnAdd').attr('src',"catalog/view/theme/nautyblue/image/btnAddActive.jpg")
		else
			$('#btnAdd').attr('src',"catalog/view/theme/nautyblue/image/productoInternos-10.jpg")
	});	


	valorCompra();
//	nombreColor();
//	TotalCompra
 });

function valorCompra(){
	$(".valorCompra").empty();
	valorCompra = $("#TotalCompra").html();
	$(".valorCompra").html(valorCompra);
}

function nombreColor(){
//		$(".color").empty();
		$(".producto_tela ul li:first").attr('class', 'selec');
		color = $(".producto_tela ul li:first p").css('background-color');
		colorHexa = rgb2hex(color);
		return colorHexa;
}

function rgb2hex(rgb) {
 rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
 function hex(x) {
  return ("0" + parseInt(x).toString(16)).slice(-2);
 }
 return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

function cambiarImagen(imagen1, index, color)
{

 rutaimg = $('#' + imagen1).attr('src')

 	 posi=rutaimg.lastIndexOf('/')
	 nombreimagen = rutaimg.substr(posi+1,255);
	 rutaimgen =  rutaimg.substr(0,posi);
	 divNombreImg = nombreimagen.split("-")
	 tamanio = divNombreImg[1]
	 nombreReal = divNombreImg[0]
  
	 //alert ("rutaimgen " + rutaimgen + "\n " + " tamanio " + tamanio + " \n " + "nombreReal " + nombreReal)
	 if (nombreReal.indexOf("_") != -1){
		 nombreReal = nombreReal.split("_")
		 nombreReal = nombreReal[0]
	 }
 		
	
		 if (index != 1){
			 rutanueva = rutaimgen + "/" + nombreReal + "_"+ index + "-" +  tamanio
			 rutanuevaPq = rutaimgen + "/" + nombreReal + "_"+ index + "-" +  "121x201.jpg"
			 rutanuevaGr = rutaimgen + "/" + nombreReal + "_"+ index + "-" +  "500x500.jpg"		 
		 }else{
			 rutanueva  = rutaimgen + "/" +   nombreReal + "-" + tamanio
			 rutanuevaPq  = rutaimgen + "/" +   nombreReal + "-" + "121x201.jpg"
			 rutanuevaGr  = rutaimgen + "/" +   nombreReal + "-" + "500x500.jpg"		 
		 }
 		 
	if (nombreReal.indexOf("imgPrincipalPro") == -1 )
	{
	 	 $('#' + imagen1).attr('src',rutanueva)    
		 $('#linkimgPpal' + index).attr('href',rutanuevaGr)
		 $('#linkimgPpal').attr('href',rutanuevaGr)		 
	}else{
	 	 $('#' + imagen1).attr('src',rutanueva)    
		 $('#linkimgPpal' + index).attr('href',rutanuevaGr)
	}
 		
	if (isNaN(index) == false) //si el indice es un numero entonces es un color 
		cambiarColor(index, color);
}

function cambiarColor(index, color)
{
	$('.producto_tela ul>li div').removeClass("selected");
	$('#DivColor'+index).addClass("selected");
	$('#option138').val(color);
	
}