function browserWidth(){
 var viewportwidth;
 var viewportheight;
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
	 if (typeof window.innerWidth != 'undefined')
	 {
		  viewportwidth = window.innerWidth,
		  viewportheight = window.innerHeight
	 }
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
	 else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
	 {
		   viewportwidth = Math.round(document.documentElement.clientWidth*0.951),
		   viewportheight = Math.round(document.documentElement.clientHeight*0.951)
	 }
	 
	//Center Main Panel Panel
		if(document.getElementById("photoPanel") != null){
			var divHeight = document.getElementById("photoPanel").offsetHeight;
			var difference = viewportheight - divHeight;
			document.getElementById("photoPanel").style.top= (difference/2) - 15 + 'px';
		}
		if(document.getElementById("vidpanel") != null){
			var divHeight = document.getElementById("vidpanel").offsetHeight;
			var difference = viewportheight - divHeight;
			document.getElementById("vidpanel").style.top= (difference/2) - 15 + 'px';
		}
		if(document.getElementById("twocolumn") != null){
			var divHeight = document.getElementById("twocolumn").offsetHeight;
			var difference = viewportheight - divHeight;
			document.getElementById("twocolumn").style.top= (difference/2) - 15 + 'px';
		}		

		if(document.getElementById("intdesPanel") != null){
			var divHeight = document.getElementById("intdesPanel").offsetHeight;
			var difference = viewportheight - divHeight;
			document.getElementById("intdesPanel").style.top= (difference/2) - 15 + 'px';
		}		
	
	if(document.getElementById("tagNav") != null){
		document.getElementById("tagNav").style.width = 0.10 * viewportwidth - 10 + "px";
		document.getElementById("tagNav").style.right = (-0.10 * viewportwidth) - 10 + "px";
	}

	if(document.getElementById("mainCntLeft") != null){
		document.getElementById('projImg').removeAttribute("style");
		var divWidth = document.getElementById('mainCntLeft').offsetWidth;
		var divHeight = document.getElementById('mainCntLeft').offsetHeight;
		var origWidth = document.getElementById('projImg').offsetWidth;
		var origHeight = document.getElementById('projImg').offsetHeight;
		var wratio = origWidth/origHeight;
		var hratio = origHeight/origWidth;
		document.getElementById('projImg').style.height = (0.56 * divWidth) +"px";
		var newImgWidth = document.getElementById('projImg').offsetWidth;
		if(newImgWidth > divWidth){
			document.getElementById('projImg').style.height = (hratio * divWidth) +"px";
			document.getElementById('projImg').style.width = 0.85 * divWidth + "px";
		}
 }
 

	if(document.getElementById("indexImage") != null){
			var divWidth = document.getElementById("indexImageContainer").offsetWidth;
			var divHeight = document.getElementById("indexImageContainer").offsetHeight;
			var origWidth = document.getElementById('indexImage').offsetWidth;
			var origHeight = document.getElementById('indexImage').offsetHeight;
			if(origHeight < 500){
				document.getElementById('indexImage').style.width = 340 + "px";
				document.getElementById('indexImage').style.height = "auto";
			}else if(origHeight > 500){
				document.getElementById('indexImage').style.height = 340 +"px";
				document.getElementById('indexImage').style.width = "auto";
				}
			}
	}
window.onresize= browserWidth;