var site_minheight = 650;

function auto_adjustheight() {
	var viewport_height = returnViewPortHeight();
	var site_height = document.getElementById('site').offsetHeight;
	var footer_height = 42;
	//alert('before: viewport_height: '+viewport_height+', site_height: '+site_height);
	if((site_height+footer_height) < viewport_height) {
		document.getElementById('site').style.height = (viewport_height-footer_height)+'px';
	}
	//var site_height = document.getElementById('site').offsetHeight;
	//alert('after: viewport_height: '+viewport_height+', site_height: '+site_height);
}

function auto_adjustProjectDivs() {
	//Find current height of content
	var content_height = document.getElementById('content').offsetHeight;
	var site_height = document.getElementById('site').offsetHeight;
	var content_newheight = site_height - 157; // we need to accommodate for some headroom
	var vp_height_temp = returnViewPortHeight();
	var vp_height = vp_height_temp - 30; //we also have a footer to fit in
	//alert('content_height: '+content_height+', content_newheight: '+content_newheight);
	if(content_height < content_newheight && site_height > site_minheight) {
		document.getElementById('content').style.height = content_newheight+'px';
	} else if(vp_height < site_height) {
		document.getElementById('site').style.height = (site_minheight-40)+'px';
		document.getElementById('info_thumbnails').style.bottom = '45px';
	}
}

function auto_adjustProfileDivs() {
	var vp_height = returnViewPortHeight();
	var content_height = document.getElementById('content').offsetHeight;
	var site_height = document.getElementById('site').offsetHeight;
	//alert('vp_height: '+vp_height+', site_height: '+site_height);
	if(site_height < site_minheight) {
		document.getElementById('site').style.height = (site_minheight+50)+'px';
		document.getElementById('content').style.height = (site_minheight - 106)+'px';
	} else {
		document.getElementById('content').style.height = (site_height - 156)+'px';
	}
}

//Takes 2 parameters and force resizes the height of one div to the height of another div
//div_toResize and div_toMatch must be the ID of the div. You can add an offset if you like.
function force_adjustHeight(div_toResize, div_toMatch, offset) {
	if(offset==null || offset=='' || offset==0){var offset=0;}
	var divOne = document.getElementById(div_toResize);
	var divTwo = document.getElementById(div_toMatch);
	if(divOne.offsetHeight < divTwo.offsetHeight) {
		divOne.style.height = (divTwo.offsetHeight-offset) + 'px';
		//alert("divOne: "+div_toResize+", divTwo: "+div_toMatch+"\n"+"height has been adjusted to: "+divOne.style.height);
	}
}

//Retrieves the height of the browser's viewport, which is the height of the viewable area in the browser.
function returnViewPortHeight() {
	var myHeight; //This is all we need
	if( typeof( window.innerHeight ) == 'number' ) { 
		//Non-IE 
		myHeight = window.innerHeight;  
	} else if( document.documentElement && ( document.documentElement.clientHeight ) ) { 
		//IE 6+ in 'standards compliant mode' 
		myHeight = document.documentElement.clientHeight;
		//alert('I am Internet Explorer');
	} else if( document.body && ( document.body.clientHeight ) ) { 
		//IE 4 compatible 
		myHeight = document.body.clientHeight; 
	}
	return myHeight;
}
function returnViewPortWidth() {
	var myWidth;
	if( typeof( window.innerWidth ) == 'number' ) { 
		//Non-IE 
		myWidth = window.innerWidth;
	} else if(document.documentElement && (document.documentElement.clientWidth)) {
		//IE 6+ in 'standards compliant mode' 
		myWidth = document.documentElement.clientWidth; 
		//alert('I am Internet Explorer');
	} else if( document.body && ( document.body.clientWidth) ) { 
		//IE 4 compatible 
		myWidth = document.body.clientWidth; 
	}
	return myWidth;
}