// Auto-resizes content based on window size

function autoSize(){
    
    var h = window.innerHeight;
    if(window.oldHeight != undefined && h == window.oldHeight){return;}
	window.oldHeight = h;
	
	logo = document.getElementById('header_logo');
	header = document.getElementById('header_mid');
	nav = document.getElementById('nav');
	
	if (h > 768){
		logo.width = 573;
		logo.height = 188;
		header.style.height = 188;
		header.height = 188;
		nav.style.top = "183px";
		nav.style.left = "20px";
		nav.style.fontSize = "75px";
		nav.style.letterSpacing = "-5px";
	}else{
		logo.width = 573/2;
		logo.height = 188/2;
		header.style.height = 188/2;
		header.height = 188/2;
		nav.style.top = "70px";
		nav.style.left = "14px";
		nav.style.fontSize = "50px";
		nav.style.letterSpacing = "0px";
	}

}

// Event handler adding
// http://stackoverflow.com/questions/641857/
function addEvent(elem, type, eventHandle) {
    if(elem == null || elem == undefined){return;}
    if(elem.addEventListener){
        elem.addEventListener(type, eventHandle, false);
    }else if(elem.attachEvent){
        elem.attachEvent("on"+type, eventHandle);
    }
}

addEvent(window,"load",autoSize);
addEvent(window,"resize",autoSize);