Event.observe(window, 'load',
	function() {
		$$('.submit_cart').invoke('observe', 'submit', function(event){
			
			var intProductId = $F($(this).down());
			var intQuantity = $F($(this).down(1));
			
			shoppingCartPosX = 965 + $('base-header').positionedOffset().left
			$('shopping_icon').setStyle({
				left: (this.cumulativeOffset().left*1)+10+'px',
				top: this.cumulativeOffset().top+'px',
				display: 'block'
			});
			$('shopping_icon').down().setStyle({
				width: '14px',
				height: '21px'
			});

			new Effect.Move($('shopping_icon'), { 
				x: shoppingCartPosX, 
				y: 154, 
				mode: 'absolute',
				//transition: Effect.Transitions.spring
				afterFinish: function() {
					$('shopping_icon').fade({ duration: 0.2 });
					new Ajax.Updater('shoppingcart', '/includes/ajax/shoppingcart.php', {
					  parameters: { productId: intProductId, quantity: intQuantity }
					});
				}
			});
			new Effect.Scale($('shopping_icon').down(), 150);
			new Effect.ScrollTo('base', { duration: 0.6 });

			event.stop();
		});
		$$('.add_to_cart').invoke('observe', 'click', function(event){
			//var objOldPos = $(this).up(2);
			if($(this).up(3).identify() == 'home_items') var objOldPos = $(this).up(2);
			else var objOldPos = $(this).up(3);
			
			var intProductId = $F($(this).previous(1));
			var intQuantity = $F($(this).previous());
			
			shoppingCartPosX = 965 + $('base-header').positionedOffset().left
			$('shopping_icon').setStyle({
				left: this.cumulativeOffset().left+'px',
				top: this.cumulativeOffset().top+'px',
				display: 'block'
			});
			$('shopping_icon').down().setStyle({
				width: '14px',
				height: '21px'
			});

			new Effect.Move($('shopping_icon'), { 
				x: shoppingCartPosX, 
				y: 154, 
				mode: 'absolute',
				//transition: Effect.Transitions.spring
				afterFinish: function() {
					$('shopping_icon').fade({ duration: 0.2 });
					new Ajax.Updater('shoppingcart', '/includes/ajax/shoppingcart.php', {
					  parameters: { productId: intProductId, quantity: intQuantity }
					});
					//new Effect.ScrollTo(objOldPos, { duration: 0.2 });
					//objOldPos.setOpacity(0.5);
					objOldPos.scrollTo();
				}
			});
			new Effect.Scale($('shopping_icon').down(), 150);
			new Effect.ScrollTo('base', { duration: 0.6 });

			event.stop();
		});
	}
);