// JavaScript Document
subMenus = {
	queryURL: "/gallery/list",
	baseURL : "/gallery/display/",
	menus: 'corsetsMenu wardrobeMenu accessoriesMenu aboutMenu profilesMenu',

	hideAll: function(side) {
		if("right" == side) {
			var menus = "aboutMenu"; 
		} else {
			var menus = subMenus.menus;
		}
		
		$w(menus).each(
							function(name, index) {
								$(name).hide(); 
						});
	},
	init: function() {
		try {
		$("mainPanel").observe("mouseover", function(event) 
										{
											subMenus.hideAll("right");
										});
		} catch(e) {}
		
		$("profilesMenu").hide();

		$("corsets").observe("mouseover", function(event) 
									   {
										   var element  = event.findElement();
										   if (element.id == "corsets") {
											   try  {
										   		   subMenus.hideAll();
												   event.stop();
											   } catch (e) {};
											   
										   if($("corsetsMenu").down("UL").empty()) 
										   {
											   new Ajax.Request(subMenus.queryURL, {
																method: "get",
																parameters: {gallery: 1, format: "json"},
																onSuccess: function(transport) {
																	for(p in transport.responseJSON) {
																		if("subGalleries" == p) 
																		{ 
																			if("null" != transport.responseJSON["subGalleries"]) 
																			{
																				galleries = transport.responseJSON["subGalleries"];
																				for(gallery in galleries)
																				{
																					if(!$(gallery + "_menu")) {
																						var menuItem = new Element("LI", {id: gallery + "_menu"});
																						var menuLink = new Element("A", {href: subMenus.baseURL +  gallery});
																						menuLink.innerHTML = gallery;
																						menuItem.insert(menuLink);
																						$("corsetsMenu").down("UL").insert(menuItem);
																					}

																				}
																				$("corsetsMenu").show();
																			}
																		}
																	}
																},
																onFailure: function(transport) 
																{
																	alert("ERROR: Unable to load menu at this time.");
																}
																}); 
										   } else {
											   $("corsetsMenu").show();
										   }
										   }
										   });
		
		$("wardrobe").observe("mouseover", function(event) 
									   {
										  event.stop();
										  var element = event.findElement();
										  if(element.id == "wardrobe") {
										  subMenus.hideAll();
										  
										   if($("wardrobeMenu").down("UL").empty()) 
										   {
											   new Ajax.Request(subMenus.queryURL, {
																method: "get",
																parameters: {gallery: 2, format: "json"},
																onSuccess: function(transport) {
																	for(p in transport.responseJSON) {
																		if("subGalleries" == p) 
																		{ 
																			if("null" != transport.responseJSON["subGalleries"]) 
																			{
																				galleries = transport.responseJSON["subGalleries"];
																				for(gallery in galleries)
																				{
																					if(!$(gallery + "_menu")) {
																						var menuItem = new Element("LI", {id: gallery + "_menu"});
																						var menuLink = new Element("A", {href: subMenus.baseURL + gallery});
																						menuLink.innerHTML = gallery;
																						menuItem.insert(menuLink);
																						$("wardrobeMenu").down("UL").insert(menuItem);
																					}
																				}
																				$("wardrobeMenu").show();
																			}
																		}
																	}
																},
																onFailure: function(transport) 
																{
																	alert("ERROR: Unable to load menu at this time.");
																}
																}); 
										   } else {
											   $("wardrobeMenu").show();
										   }
										  }
										   });
				
		$("accessories").observe("mouseover", function(event) 
									   {
										event.stop();
										var element = event.findElement();
										if(element.id == "accessories") {
										subMenus.hideAll()
										 if($("accessoriesMenu").down("UL").empty()) 
										   {
											   new Ajax.Request(subMenus.queryURL, {
																method: "get",
																parameters: {gallery: 3, format: "json"},
																onSuccess: function(transport) {
																	for(p in transport.responseJSON) {
																		if("subGalleries" == p) 
																		{ 
																			if("null" != transport.responseJSON["subGalleries"]) 
																			{
																				galleries = transport.responseJSON["subGalleries"];
																				for(gallery in galleries)
																				{
																					if(!$(gallery + "_menu")) {
																						var menuItem = new Element("LI", {id: gallery + "_menu"});
																						var menuLink = new Element("A", {href: subMenus.baseURL + gallery});
																						menuLink.innerHTML = gallery;
																						menuItem.insert(menuLink);
																						$("accessoriesMenu").down("UL").insert(menuItem);
																					}
																				}
																				$("accessoriesMenu").show();
																			}
																		}
																	}
																},
																onFailure: function(transport) 
																{
																	alert("ERROR: Unable to load menu at this time.");
																}
																}); 
										   } else {
											   $("accessoriesMenu").show();
										   }
										}
										   });

		$("about_").observe("mouseover", function(event)
										{
											event.stop();
											var element = event.findElement()
											if(element.id == "about_") {
											subMenus.hideAll();
											$("aboutMenu").show();
										}
										});
		$("profiles").observe("mouseover", function(event) 
										{
											event.stop();
											$("profilesMenu").show();
										});
	/*	$w('news articles blog events').each(function( name, index) {
			$(name).observe("mouseover", function(event) 
									{
										event.stop();
										$("profilesMenu").hide();
									});
			});*/
	}
}



subMenus.init();