
/**
 * Dynamic styles for navigation elements
 */
window.addEvent('domready', function() {

	//Pop-out menu effects for WinIE6 (other browsers use CSS pseudo classes)
	//Based on Son of Suckerfish Menu: http://www.htmldog.com/articles/suckerfish/
	//Modified to suit
	
	if(window.attachEvent && navigator.userAgent.toLowerCase().indexOf('opera') == -1)
	{
		var navs = new Array('Navigation');
		for(var n = 0;n < navs.length;n++)
		{
			var nav = $(navs[n]);
			if(!nav)
				return;
			var sfEls = nav.getElementsByTagName("li");
			for (var i=0; i < sfEls.length; i++)
			{
				sfEls[i].onmouseover=function()
				{
					this.className += "sfhover";
				}
				sfEls[i].onmouseout=function()
				{
					this.className = this.className.replace(new RegExp("sfhover\\b"), "");
				}
			}
		}
	}

	//Dyanmically highlight current page in navigation 

	if(!Req)
		Req = '';
	$ES('#Navigation li a').each(function(el,i) {
		var is_current = el.href == Req? true:false;
		if(is_current)
		{
			if(el.parentNode.parentNode.parentNode.nodeName == 'LI' && el.parentNode.parentNode.parentNode.childNodes[0].nodeName == 'A')
				el.parentNode.parentNode.parentNode.childNodes[0].className = 'on';
			el.className = 'on';
		}
	});

	$ES('#Footer-Links li a').each(function(el,i) {
		var is_current = el.href == Req? true:false;
		if(is_current)
			el.className = 'on';
	});
});

/**
 * Special styles for larger screens
 */
if(screen.width && screen.width > 1024)
	document.write(unescape('%3Cstyle type="text/css" media="screen,projection"%3E@import url(/stylesheets/largescreen.css);%3C/style%3E'));

/**
 * Fade in effect styles
 */
if(fade_in && fade_in == 'yes')
{
	var styles = '#Header h1 a { visibility:hidden; }';
		styles+= '#Header #Navigation { visibility:hidden; }';
		styles+= '#Content { visibility:hidden; }';
		styles+= '#Footer { visibility:hidden; }';
	document.write(unescape('%3Cstyle type="text/css" media="screen,projection"%3E'+styles+'%3C/style%3E'));
}
