window.addEvent('domready', function() {
	if (Cookie.read('shoppingcart') == null) 
		Cookie.write('shoppingcart', -1, {path: "/"});
	$$('a.bestel').addEvent('click', function() {
		var current = Cookie.read('shoppingcart');
		var prod_id = this.get('id').split('_');
		prod_id = prod_id[1];
		
		var new_current = '';
		if (current != -1 && current.contains(prod_id)) {
			var arr_cart = current.split("|");
			for (var i = 0; i < arr_cart.length; i++) {
				var item = arr_cart[i].split("*");
				if (item[0] > 0) {
					if (item[0] == prod_id) {
						item[1]++;
					}
					new_current = new_current + '|' + item[0] + '*' + item[1];
				}
			}
		} else {
			if (current != -1) {
				new_current = current + '|' + prod_id + '*1';
			} else {
				new_current = '|' + prod_id + '*1';
			}
		}
		Cookie.write('shoppingcart', new_current, {path: "/"});
	});
	
	$$('input.item').addEvent('keyup', function() {
		var current = Cookie.read('shoppingcart');
		var prod_id = this.get('id').split('_');
		prod_id = prod_id[1];
		if (this.value > 0) {
			if (current.contains(prod_id)) {
				var arr_cart = current.split("|");
				current = '';
				for (var i = 0; i < arr_cart.length; i++) {
					var item = arr_cart[i].split("*");
					if (item[0] > 0) {
						if (item[0] == prod_id) 
							item[1] = this.value;
						current = current + '|' + item[0] + '*' + item[1];
					}
				}
				Cookie.write('shoppingcart', current, {path: "/"});
			} 
		}
	});
	
	$$('li.cart-product-remove').addEvent('click', function() {
		var current = Cookie.read('shoppingcart');
		var prod_id = this.get('id').split('_');
		prod_id = prod_id[1];
		if (current.contains(prod_id)) {
			var arr_cart = current.split("|");
			current = '';
			for (var i = 0; i < arr_cart.length; i++) {
				if (arr_cart[i].contains('*')) {
					var item = arr_cart[i].split("*");
					if (item[0] != prod_id) 
						current = current + '|' + item[0] + '*' + item[1];
				}
			}
			$('pc_'+prod_id).dispose();
			Cookie.write('shoppingcart', current, {path: "/"});
		}
	});
	
	$('afronden').addEvent('click', function() {
		$('naw-container').setStyle('display', 'block');
	});
});