var InksticksProductClass = new Class({
	
	initialize: function(){
		window.addEvent('domready', function(){
			this.ProductSubMenu();
		}.bind(this));
	},
	
	ProductSubMenu: function(){
		var ProductMenuItems = $$('#sub_menu .middle ul li .product_toplevelitem')
		
		ProductMenuItems.each(function(el){
			var ProductMenuParent = el.getParent();
			var ProductMenuParentSelected = ProductMenuParent.get('class');
			
			var ProductSubSubMenuContainer = ProductMenuParent.getChildren('div');
			var ProductSubSubMenu = ProductSubSubMenuContainer.getFirst('ul');
			
				
			var ProductSubSubMenuHeight = ProductSubSubMenu.getStyle('height');
			
			if (ProductMenuParentSelected != 'first selected' && ProductMenuParentSelected != 'selected'){
				ProductSubSubMenu.setStyle('margin-top', (0 - parseInt(ProductSubSubMenuHeight)) - 10)
			}
			
			el.addEvent('click', function(e){
				
				e.stop();
				
				var ProductMenuParentSelected2 = ProductMenuParent.get('class');
				var CurrentMargin = ProductSubSubMenu.getStyle('margin-top');
								
				if (ProductMenuParentSelected2 != 'first selected' && ProductMenuParentSelected2 != 'selected'){
					ProductSubSubMenu.tween('margin-top', '0px')
				} else {
					ProductSubSubMenu.tween('margin-top', ((0 - parseInt(ProductSubSubMenuHeight)) - 10) + 'px')
				}
				
				ProductMenuParent.toggleClass('selected');
				
			})
		});
	}
	
})

var InkSticksProducts = new InksticksProductClass();