document.observe("dom:loaded", function() {
	$$('#pNav > ul.tab > li > a').each(function(elm) {
		elm.writeAttribute('originalClass', elm.className);
	});
	$$('#pNav > ul > li').each(function(elm) {
		elm.observe('mouseover', function(){ openSubMenu(elm) });
		elm.observe('mouseout', function(){ closeSubMenu() });
	});
});

var menuTimer = 0;
var openSubMenu = function(srcElm) {
	clearTimeout(menuTimer);
	srcElm.down('a').className = 'over';
	if (srcElm.down('ul')) {
		if (!srcElm.down('ul').visible()) {
			closeAllSubMenus();

			//If IE6 or less
			if (IE6OrLess) {
				var sorterElement = $('sorter');
				if (sorterElement != null){
					sorterElement.hide();
				}
			}
			if (typeof(Scriptaculous) != 'undefined' && typeof(Effect) != 'undefined')
				Effect.Appear(srcElm.down('ul'), { duration:.25 });
			else if (typeof(jQuery) != 'undefined')
				$j(srcElm).find('ul').slideDown(250);
			else
				srcElm.down('ul').show();
		}
	} else {
		closeAllSubMenus();
	}
}

var closeSubMenu = function() {
	menuTimer = setTimeout(closeAllSubMenus, 100);
}

var closeAllSubMenus = function() {
	$$('#pNav > ul.tab > li > a').each(function(elm) {
		elm.className = elm.readAttribute('originalClass');
	});
	$$('#pNav > ul.tab > li > ul').each(function(elm) {
		if (typeof(jQuery) != 'undefined')
			$j(elm).stop(true,true);

		elm.hide();
	});
	
	//If IE6 or less
	if (IE6OrLess) {
		var sorterElement = $('sorter');
		if (sorterElement != null){
			sorterElement.show();
		}
	}
}

var initCSS = function() {
	$$('a.grayBtn').each(function(elm) {
		elm.update('<span class="s1">'+elm.innerHTML+'</span><span class="s2">&nbsp;</span>');
	});
	$$('a.blueBtn').each(function(elm) {
		elm.update('<span class="s1">'+elm.innerHTML+'</span><span class="s2">&nbsp;</span>');
	});
}

document.observe("dom:loaded", function() {
	if (typeof(initCSS) == 'function')
		initCSS();
});
