// JavaScript Document

	// array element of menu links
	var menuLinks = new Array();
	menuLinks[0] = "products";
	var currentMenu = "";

// this is window.load
// the DOM is now loaded. 
// I can load my observers.
Event.observe(window, 'load', function() {
									   
	// I'd REALLY like to just pull this list off the DOM but
	// i can't remember exactly how to get it done and I'm out of time :\
	
	Event.observe('page', 'mouseover', function() {
		swapSubmenu('sub_products');
	});	
	//Event.observe('gnav_store', 'mouseover', function() {
	//	deanimateSubmenu('sub_products');
	//});	
	//Event.observe('gnav_news', 'mouseover', function() {
	//	deanimateSubmenu('sub_products');
	//});	
	//Event.observe('gnav_contact', 'mouseover', function() {
	//	deanimateSubmenu('sub_products');
	//});	
	//Event.observe('gnav_six', 'mouseover', function() {
	//	deanimateSubmenu('sub_products');
	//});	
	//Event.observe('gnav_seven', 'mouseover', function() {
	//	deanimateSubmenu('sub_products');
	//});
	//Event.observe('gnav_eight', 'mouseover', function() {
	//	deanimateSubmenu('sub_products');
	//});	
	//Event.observe('page_body', 'mouseover', function() {
	//	deanimateSubmenu('sub_products');
	//});	
});

// function to work the submenu
function swapSubmenu(subName) {
	
	if( subName != currentMenu ) {
		hideSubmenu("all");
		animateSubmenu(subName);
		currentMenu = subName;
	}
	  
}

function deanimateSubmenu(subName) {
	
	if( currentMenu == subName ) {
	// cancel everything in the queue
		var q = Effect.Queues.get('submenu');
		q.each(function(e) { e.cancel() } );
	
		// add a new fade effect to the queue		
		new Effect.Fade(subName, { duration: 0.6, queue: {position: 'front',scope:'submenu', limit:1 }});
		
		currentMenu = "";
	}
	
}

// functon to hide a submenu
function hideSubmenu(subName) {

	// if i pass "all", hide ALL submenus
	if( subName == "all" ) {
		
		// loop through the list of menu items
		for( i = 0; i < menuLinks.length; i++ ) {
			
			// hide its respective submenu
			var objSub = "sub_" + menuLinks[i];
			$(objSub).hide();
		}
	}
	else {
		// hide just the specified submenu
		$(subName).hide();
	}

}

function animateSubmenu(subName) {
	
	// cancel everything in the queue
	var q = Effect.Queues.get('submenu');
	q.each(function(e) { e.cancel() } );

	// add a new fade effect to the queue		
	new Effect.Appear(subName, { duration: 0.6, queue: {position: 'front',scope:'submenu', limit:1 }});
}

function swapContent(paneName) {
	
	// cancel everything in the queue
	var q = Effect.Queues.get('content');
	q.each(function(e) { e.cancel() } );

	// add a new fade effect to the queue		
	new Effect.Appear(content, { duration: 0.5, queue: {position: 'front',scope:'content', limit:1 }});
}