// ExpoDisplays.ca JavaScript
// © 2009 Promotion Marketing Design, All Rights Reserved.
//
// Script by Ean Bowman
// with credit to the creators of JQuery (http://jquery.com/)
// Thanks for making my life easier. :3

function shownav( selector, cursor ) {
	var obj = $("#"+selector);
	obj.css("background", "url(images/navigation/" + selector + "-back.gif) 0px -36px no-repeat");
	obj.find(".dropdown").css("top", "" + ( obj.offset().top + 34 ) + "px");
	obj.find(".dropdown").css("left", "" + ( obj.offset().left - 12 ) + "px");
	obj.find("a").css("color", "#730303");
	obj.find(".dropdown a").css("color", "black");
	obj.find(".third a").css("color", "#730303");
	obj.find(".dropdown").slideDown("fast");
	cursor[ selector ] = "in";
} // end shownav

function hidenav( selector, cursor ) {
	setTimeout ( function( ) {
		if( cursor[ selector ] == "out" ) {
			var obj = $("#"+selector);
			obj.find(".dropdown").slideUp("fast", function() {
				obj.find("a").css("color", "white");
				obj.css("background", "url(images/navigation/" + selector + "-back.gif) 0px 0px no-repeat");
			});
		} // end if
	}, 2000);
	cursor[ selector ] = "out";
} // end shownav

function resetnav( selector ) {
	var obj = $("#"+selector);
	obj.find(".dropdown").slideUp("fast", function() {
		obj.find("a").css("color", "white");
		obj.css("background", "url(images/navigation/" + selector + "-back.gif) 0px 0px no-repeat");
	});
} // end resetnav

/* Perform these functions once the page is finished loading */
$(function() {
					 
	$("#portable").css("background", "url(images/navigation/portable-back.gif) 0px 0px no-repeat");
	$("#portable a").css("display", "block");
	$("#portable a").css("width", "128px");
	$("#portable a").css("overflow", "hidden");
	$("#portable a").css("text-align", "left");
	$("#portable").find(".dropdown").css("position", "absolute");
	$("#portable").find(".dropdown").css("z-index", "9999");
	$("#portable").find(".dropdown").css("background", "url(images/navigation/portable-dropdown.gif) 0px 0px no-repeat");
	$("#portable").find(".dropdown").css("width", "723px");
	$("#portable").find(".dropdown").css("height", "163px");
	$("#portable").find(".third li").css("background", "url(images/home/marketing-rarr.gif) 1em 0.4em no-repeat");
	$("#portable .dropdown a").css("width", "128px");
	$("#services").css("background", "url(images/navigation/services-back.gif) 0px 0px no-repeat");
	$("#services").css("width", "70px");
	$("#services").css("text-align", "left");
	$("#services").find(".dropdown").css("position", "absolute");
	$("#services").find(".dropdown").css("z-index", "9999");
	$("#services").find(".dropdown").css("background", "url(images/navigation/services-dropdown.gif) 0px 0px no-repeat");
	$("#services").find(".dropdown").css("width", "150px");
	$("#services").find(".dropdown").css("height", "163px");

	var cursor = Array();
	cursor[ "#portable" ] = "out";
	cursor[ "#services" ] = "out";
	
	$("#portable").bind("mouseover", function(){ shownav( 'portable', cursor ); resetnav( 'services', cursor ); } );
	$("#portable").bind("mouseout",  function(){ hidenav( 'portable', cursor ); } );
	$("#services").bind("mouseover", function(){ shownav( 'services', cursor ); resetnav( 'portable', cursor ); } );
	$("#services").bind("mouseout",  function(){ hidenav( 'services', cursor ); } );

});