function addProduct(code,quantity)
{
	if(quantity == undefined) var quantity=1;
	var html = $.ajax({
	  url: "/ajax.php",
	  async: false,
	  data:{type:'mov',prod:code,cant:quantity}
	 }).responseText;
	$("#carrito")[0].innerHTML = html;
	$("#carrito").animate({"top": "0px"}, "slow");
	return false;
}

function deleteProduct(code)
{
	var html = $.ajax({
	  url: "/ajax.php",
	  async: false,
	  data:{type:'del',prod:code}
	 }).responseText;
	$("#carrito")[0].innerHTML = html;
	generaBotonBorrar();
	return false;
}


function generaBotonBorrar()
{
	$(".delete").click(function(){
		deleteProduct(this.id);
		return false;
	});
	
	$("#btn-oculta-carrito").click(function(){
		if($("#carrito").css('top')>='0px')
			{
			var top = $("#carrito").height()+20;
			$(this).html("Mostrar Carrito");
			$("#carrito").animate({"top": "-"+top+"px"}, "slow");
			}
		else
			{
			$(this).html("Ocultar Carrito");
			$("#carrito").animate({"top": "0px"}, "slow");
			}
	});
}


$(document).ready(function(){

	
	$('.addProduct')
	.click(function(){
		if( $(this).parent().next(".updater").length < 1 )
			{
				$(this).parent().after('<div class="updater"></div>');
			}
		$(this).parent().next(".updater").html('<img src="http://www.cristacolor.com.mx/images/indicator.gif">');			
		addProduct(this.id, $(this).parent().find(":text")[0].value);
		$(this).parent().next(".updater").css('display','block').html('Producto Agregado').fadeOut(3000);
//		$(this).parent().next(".updater").html('<b>Producto Agregado</b>').slideUp(2000);
		
		generaBotonBorrar();
		
	});
	
generaBotonBorrar();

});