// getBrowserWidth is taken from The Man in Blue Resolution Dependent Layout Script
// http://www.themaninblue.com/experiment/ResolutionLayout/
function getBrowserWidth(){
	if (window.innerWidth){
		return window.innerWidth;}	
	else if (document.documentElement && document.documentElement.clientWidth != 0){
		return document.documentElement.clientWidth;	}
	else if (document.body){return document.body.clientWidth;}		
		return 0;
}

// dynamicLayout by Kevin Hale
function dynamicLayout(){
	var browserWidth = getBrowserWidth();

	//Load Thin CSS Rules
	if (browserWidth < 1050){
		changeLayout("pageThin");
	}

	//Load Wide CSS Rules
	if (browserWidth > 1049){
		changeLayout("pageWide");
	}
}

// changeLayout is based on setActiveStyleSheet function by Paul Sowdon 
// http://www.alistapart.com/articles/alternate/
function changeLayout(description){
	if(document.getElementById('resolutionDependantLayout')) {
		document.getElementById('wrapper').className = description;
	}
}

var topMenuHover = function() {
	var liArr = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<liArr.length; i++) {
		liArr[i].onmouseover=function() {
			this.className+=" over";
		}
		liArr[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" over\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", topMenuHover);

//addEvent() by John Resig
var amp = {
	addEvent: function(obj, type, fn) { 
		if (obj.addEventListener){ 
			obj.addEventListener( type, fn, false );
		}
		else if (obj.attachEvent){ 
			obj["e"+type+fn] = fn; 
			obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); } 
			obj.attachEvent( "on"+type, obj[type+fn] ); 
		} 
	}
}

//Run dynamicLayout function when page loads and when it resizes.
amp.addEvent(window, 'load', dynamicLayout);
amp.addEvent(window, 'resize', dynamicLayout);