document.observe('dom:loaded',function () {

	$$('form[action*="action=add_product"]').each(function (element) {
		element.observe('submit', function (event) {
			event.stop();
			formElem = element.serialize(true);
			url = element.action + '&ajaxCart=1';
			new Ajax.Request(url, {
				parameters: formElem,
				onSuccess: function(transport){
					eval("json="+transport.responseText);
					$('basket').update(json[0]);
					$('contentCart').update(json[1]);
					if(!$('basket').visible()) animateBasket();
				},
				onComplete: function(){
					observeRemove();
					displayCart();
				}
			});
		});
	});

	//Activamos comportamiento borrado
	observeRemove();
	displayCart();
});


function displayCart() {
	//http://flasmar.dbolufer.zeus.onestic.com/index.php?main_page=shopping_cart
	$$('a[href*="main_page=shopping_cart"]').each(function (element) {
		element.observe('click', function (event) {
			event.stop();
			animateBasket();
		});
	});
}

function observeRemove(){
	$$('a[href*="action=remove_product"]').each(function (element) {
		element.observe('click', function (event) {

			url = element.href + '&ajaxCart=1';
			event.stop();

			new Ajax.Request(url, {
				method: 'get',
				onSuccess: function(transport) {
					eval("json="+transport.responseText);

					$('basket').update(json[0]);
					$('contentCart').update(json[1]);

					if (json[1].length < 5) {
						$('basket').hide();
						if ($('shopCart').hasClassName('shopCartOn'))
							$('shopCart').removeClassName("shopCartOn");
					}
				},
				onComplete: function() {
					observeRemove();
					displayCart();
				}
			});
		});
	});
}

function animateBasket(){
	Effect.toggle('basket', 'blind', { duration: 0.4 });
	if(!$('basket').visible() ){
		$('shopCart').addClassName("shopCartOn");
	}else{
		$('shopCart').removeClassName("shopCartOn");
	}
}

Ajax.Responders.register({
	onCreate: function() {
		$('working').show();
	},
	onComplete: function() {
		$('working').hide();
	}
});