ShoppingCart = {
	initialize: function() {
		var payItemsButton = $('shopping-cart').getElement('.button');
		payItemsButton.setStyle('display', 'none');

		var shoppingCartTable = $('shopping-cart').getElement('table');
		
		if (shoppingCartTable != null) {
			var items = shoppingCartTable.getElements('tr');
			var addedItems = shoppingCartTable.getElements('tr.added');
			
			if (items.length == 1 && addedItems.length == 1) {
				payItemsButton.reveal.delay(2000, payItemsButton);
			} else if (items.length > 0) {
				payItemsButton.setStyle('display', 'block');
			}
			
			addedItems.each(function(element) {
				
				var myEffect = new Fx.Morph(element, {duration: 2000, transition: Fx.Transitions.Bounce.easeOut});
 
				myEffect.start({
				    'background-color': ['#FF6C00', '#ffffff']
				});

				
	/*			function highlightAdded(element) {
					element.toggleClass('highlight');
				};
				highlightAdded.periodical(100, */
				
	/*			var fx = element.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});				 				fx.start({					'backgroundColor': '#000000'				}).chain(function(){					// executes immediately after completion of above effect					this.start({						'backgroundColor': '#FFFFFF'					});				});*/				
			}.bind(this));
		}
	}
};


window.addEvent('domready', ShoppingCart.initialize.bind(ShoppingCart));
