window.addEvent("domready", function() {  
	
	// Side menu 
	var menuItems = $$("#oContentSubMenu .MenuItem, #oContentSubMenu .MenuItemCurrent");
	menuItems.each(function(menuItem, i) {
	
		var id = menuItem.id.split("Item");
		id = id[1];
		
		// Disable link
		var objMenuLink = menuItem.getFirst().getFirst();
		var objSubMenuContainer;
		objSubMenuContainer = $("SubItemContainer"+id);
		
		objMenuLink.addEvent("click", function(e) {

			new Event(e).stop();	
			
			var gotoURL = menuItem.getFirst().getFirst().href;		
			gotoURL = gotoURL + '/ajax';	
		
			if (objSubMenuContainer) {
				if(objSubMenuContainer.getStyle("display") == 'block') {
					objSubMenuContainer.setStyle("display", "none");
					menuItem.setStyle("backgroundImage", "url(/img/plusbxbk.gif)");
					//menuItem.removeClass('MenuItemCurrent');
				} else {
					objSubMenuContainer.setStyle("display", "block");
					menuItem.setStyle("backgroundImage", "url(/img/minusbxbk.gif)");
					//menuItem.addClass('MenuItemCurrent');
					
					var lastItem = $$('.SubMenuItemCurrent')[0];
		
					if(lastItem) {
						lastItem.addEvent("mouseover", function() { 
							lastItem.setStyle("backgroundColor", "#E1DFE0");			
						});
					
						lastItem.addEvent("mouseout", function() { 
							lastItem.setStyle("backgroundColor", "#EDEBEC");					
						});
					
						lastItem.setStyle("backgroundColor", "#EDEBEC");
						lastItem.className ='SubMenuItem';
					}
					
				}
			}
			
			ShowAJAXWaiting();
			
			new Ajax(gotoURL, {
				method: 'get',
				update: $$('#oContentProducts .Padding')[0]
			}).request();
			
			
			$('oBreadContainer').setHTML('<ul><li><a href="/welcome">Home</a></li><li>|</li><li><a href="/products">Products</a></li><li>|</li><li><a href="'+menuItem.getFirst().getFirst().href+'">'+menuItem.getFirst().getFirst().getText()+'</a></li></ul>');
		});
		
		menuItem.addEvent("click", function() {
			var gotoURL = menuItem.getFirst().getFirst().href;		
			gotoURL = gotoURL + '/ajax';	
		
			if (objSubMenuContainer) {
				if(objSubMenuContainer.getStyle("display") == 'block') {
					objSubMenuContainer.setStyle("display", "none");
					menuItem.setStyle("backgroundImage", "url(/img/plusbxbk.gif)");
					//menuItem.removeClass('MenuItemCurrent');
				} else {
					objSubMenuContainer.setStyle("display", "block");
					menuItem.setStyle("backgroundImage", "url(/img/minusbxbk.gif)");
					//menuItem.addClass('MenuItemCurrent');

					var lastItem = $$('.SubMenuItemCurrent')[0];
		
					if(lastItem) {
						lastItem.addEvent("mouseover", function() { 
							lastItem.setStyle("backgroundColor", "#E1DFE0");			
						});
					
						lastItem.addEvent("mouseout", function() { 
							lastItem.setStyle("backgroundColor", "#EDEBEC");					
						});
					
						lastItem.setStyle("backgroundColor", "#EDEBEC");
						lastItem.className ='SubMenuItem';
					}
				}
			}
			
			ShowAJAXWaiting();
			
			new Ajax(gotoURL, {
				method: 'get',
				update: $$('#oContentProducts .Padding')[0]
			}).request();
			
			$('oBreadContainer').setHTML('<ul><li><a href="/welcome">Home</a></li><li>|</li><li><a href="/products">Products</a></li><li>|</li><li><a href="/'+menuItem.getFirst().getFirst().href+'">'+menuItem.getFirst().getFirst().getText()+'</a></li></ul>');
		});
		
	});
	
	var subMenuItems = $$(".SubMenuItem");
	subMenuItems.each(function(subMenuItem, i) {
	
		subMenuItem.addEvent("click", function() {
		
			var lastItem = $$('.SubMenuItemCurrent')[0];
		
			if(lastItem) {
				lastItem.addEvent("mouseover", function() { 
					lastItem.setStyle("backgroundColor", "#E1DFE0");			
				});
			
				lastItem.addEvent("mouseout", function() { 
					lastItem.setStyle("backgroundColor", "#EDEBEC");					
				});
			
				lastItem.setStyle("backgroundColor", "#EDEBEC");
				lastItem.className ='SubMenuItem';
			}
			
		
			subMenuItem.className = 'SubMenuItemCurrent';
		
			subMenuItem.removeEvents('mouseover');
			subMenuItem.removeEvents('mouseout');
		
			var gotoURL = subMenuItem.getFirst().getFirst().href;
			gotoURL = gotoURL + '/ajax';	
			
			ShowAJAXWaiting();
		
			new Ajax(gotoURL, {
				method: 'get',
				update: $$('#oContentProducts .Padding')[0]
			}).request();
			
			//var currentMenuItem = $$("#oContentSubMenu .MenuItemCurrent")[0];
			$('oBreadContainer').setHTML('<ul><li><a href="/welcome">Home</a></li><li>|</li><li><a href="/products">Products</a></li><li>|</li><li><a href="'+subMenuItem.getParent().getParent().getPrevious().getFirst().getFirst().href+'">'+subMenuItem.getParent().getParent().getPrevious().getFirst().getFirst().getText()+'</a></li><li>|</li><li>'+subMenuItem.getFirst().getFirst().getText()+'</li></ul>');
			
		});
		
		subMenuItem.getFirst().getFirst().addEvent("click", function(e) { 
			
			new Event(e).stop();	
			
			var lastItem = $$('.SubMenuItemCurrent')[0];
		
			if(lastItem) {
				lastItem.addEvent("mouseover", function() { 
					lastItem.setStyle("backgroundColor", "#E1DFE0");			
				});
			
				lastItem.addEvent("mouseout", function() { 
					lastItem.setStyle("backgroundColor", "#EDEBEC");					
				});
			
				lastItem.setStyle("backgroundColor", "#EDEBEC");
				lastItem.className ='SubMenuItem';
			}
			
		
			subMenuItem.className = 'SubMenuItemCurrent';
		
			subMenuItem.removeEvents('mouseover');
			subMenuItem.removeEvents('mouseout');
			
			var gotoURL = subMenuItem.getFirst().getFirst().href;		
			gotoURL = gotoURL + '/ajax';	
			
			ShowAJAXWaiting();
					
			new Ajax(gotoURL, {
				method: 'get',
				update: $$('#oContentProducts .Padding')[0]
			}).request();
			
			//var currentMenuItem = $$("#oContentSubMenu .MenuItemCurrent")[0];
			$('oBreadContainer').setHTML('<ul><li><a href="/welcome">Home</a></li><li>|</li><li><a href="/products">Products</a></li><li>|</li><li><a href="'+subMenuItem.getParent().getParent().getPrevious().getFirst().getFirst().href+'">'+subMenuItem.getParent().getParent().getPrevious().getFirst().getFirst().getText()+'</a></li><li>|</li><li>'+subMenuItem.getFirst().getFirst().getText()+'</li></ul>');
		
		});
		
		subMenuItem.addEvent("mouseover", function() { 
			subMenuItem.setStyle("backgroundColor", "#E1DFE0");			
		});
		
		subMenuItem.addEvent("mouseout", function() { 
			subMenuItem.setStyle("backgroundColor", "#EDEBEC");					
		});
		

	});
	
});


function ShowAJAXWaiting() {

	

}

