// JavaScript Document

YAHOO.namespace("example.container");

function init() {
	
	
	///////SERVICES DROP DOWN
	YAHOO.example.container.services_overlay = new YAHOO.widget.Overlay("services-sub", { context:["services","tl","bl"],
																					  visible:false } );
	YAHOO.example.container.services_overlay.render(document.body);
	YAHOO.util.Event.addListener("services", "mouseover", YAHOO.example.container.services_overlay.show, YAHOO.example.container.services_overlay, true);
	
	YAHOO.util.Event.addListener("services-sub", "mouseover", YAHOO.example.container.services_overlay.show, YAHOO.example.container.services_overlay, true);
	YAHOO.util.Event.addListener("services-sub", "mouseout", YAHOO.example.container.services_overlay.hide, YAHOO.example.container.services_overlay, true);
	
	///HIDE SERVICES DROP DOWN
	YAHOO.util.Event.addListener("navcontainer2", "mouseover", YAHOO.example.container.services_overlay.hide, YAHOO.example.container.services_overlay, true);
	YAHOO.util.Event.addListener("flashcontainer", "mouseover", YAHOO.example.container.services_overlay.hide, YAHOO.example.container.services_overlay, true);
	YAHOO.util.Event.addListener("logo", "mouseover", YAHOO.example.container.services_overlay.hide, YAHOO.example.container.services_overlay, true);
	YAHOO.util.Event.addListener("about", "mouseover", YAHOO.example.container.services_overlay.hide, YAHOO.example.container.services_overlay, true);
	
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	
	///////ABOUT DROP DOWN
	YAHOO.example.container.about_overlay = new YAHOO.widget.Overlay("about-sub", { context:["about","tl","bl"],
																					  visible:false } );
	YAHOO.example.container.about_overlay.render(document.body);
	YAHOO.util.Event.addListener("about", "mouseover", YAHOO.example.container.about_overlay.show, YAHOO.example.container.about_overlay, true);
	
	YAHOO.util.Event.addListener("about-sub", "mouseover", YAHOO.example.container.about_overlay.show, YAHOO.example.container.about_overlay, true);
	YAHOO.util.Event.addListener("about-sub", "mouseout", YAHOO.example.container.about_overlay.hide, YAHOO.example.container.about_overlay, true);
		
	///HIDE SERVICES DROP DOWN
	YAHOO.util.Event.addListener("navcontainer2", "mouseover", YAHOO.example.container.about_overlay.hide, YAHOO.example.container.about_overlay, true);
	YAHOO.util.Event.addListener("flashcontainer", "mouseover", YAHOO.example.container.about_overlay.hide, YAHOO.example.container.about_overlay, true);
	YAHOO.util.Event.addListener("logo", "mouseover", YAHOO.example.container.about_overlay.hide, YAHOO.example.container.about_overlay, true);
	YAHOO.util.Event.addListener("services", "mouseover", YAHOO.example.container.about_overlay.hide, YAHOO.example.container.about_overlay, true);
	YAHOO.util.Event.addListener("info", "mouseover", YAHOO.example.container.about_overlay.hide, YAHOO.example.container.about_overlay, true);
	
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	
	///////INFO DROP DOWN
	YAHOO.example.container.info_overlay = new YAHOO.widget.Overlay("info-sub", { context:["info","tl","bl"],
																					  visible:false } );
	YAHOO.example.container.info_overlay.render(document.body);
	YAHOO.util.Event.addListener("info", "mouseover", YAHOO.example.container.info_overlay.show, YAHOO.example.container.info_overlay, true);
	
	YAHOO.util.Event.addListener("info-sub", "mouseover", YAHOO.example.container.info_overlay.show, YAHOO.example.container.info_overlay, true);
	YAHOO.util.Event.addListener("info-sub", "mouseout", YAHOO.example.container.info_overlay.hide, YAHOO.example.container.info_overlay, true);
		
	///HIDE INFO DROP DOWN
	YAHOO.util.Event.addListener("navcontainer2", "mouseover", YAHOO.example.container.info_overlay.hide, YAHOO.example.container.info_overlay, true);
	YAHOO.util.Event.addListener("flashcontainer", "mouseover", YAHOO.example.container.info_overlay.hide, YAHOO.example.container.info_overlay, true);
	YAHOO.util.Event.addListener("logo", "mouseover", YAHOO.example.container.info_overlay.hide, YAHOO.example.container.info_overlay, true);
	YAHOO.util.Event.addListener("about", "mouseover", YAHOO.example.container.info_overlay.hide, YAHOO.example.container.info_overlay, true);
	YAHOO.util.Event.addListener("locations", "mouseover", YAHOO.example.container.info_overlay.hide, YAHOO.example.container.info_overlay, true);
	
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	
	
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	/**********************************************************************************************************************/
	
	///////INFO DROP DOWN
	YAHOO.example.container.location_overlay = new YAHOO.widget.Overlay("location-sub", { context:["locations","tl","bl"],
																					  visible:false } );
	YAHOO.example.container.location_overlay.render(document.body);
	YAHOO.util.Event.addListener("locations", "mouseover", YAHOO.example.container.location_overlay.show, YAHOO.example.container.location_overlay, true);
	
	YAHOO.util.Event.addListener("location-sub", "mouseover", YAHOO.example.container.location_overlay.show, YAHOO.example.container.location_overlay, true);
	YAHOO.util.Event.addListener("location-sub", "mouseout", YAHOO.example.container.location_overlay.hide, YAHOO.example.container.location_overlay, true);
		
	///HIDE INFO DROP DOWN
	YAHOO.util.Event.addListener("navcontainer2", "mouseover", YAHOO.example.container.location_overlay.hide, YAHOO.example.container.location_overlay, true);
	YAHOO.util.Event.addListener("flashcontainer", "mouseover", YAHOO.example.container.location_overlay.hide, YAHOO.example.container.location_overlay, true);
	YAHOO.util.Event.addListener("logo", "mouseover", YAHOO.example.container.location_overlay.hide, YAHOO.example.container.location_overlay, true);
	YAHOO.util.Event.addListener("info", "mouseover", YAHOO.example.container.location_overlay.hide, YAHOO.example.container.location_overlay, true);
	YAHOO.util.Event.addListener("contact", "mouseover", YAHOO.example.container.location_overlay.hide, YAHOO.example.container.location_overlay, true);
	
	
	
}

YAHOO.util.Event.addListener(window, "load", init);