// Showme Nav
var stopflag = 0;
var oldmenu = '';
var dnav = '';

function showme(ID){
	stopnoshow('');
	// set left position based off parent button
	var leftpos = $('c'+ID).positionedOffset()[0];
	$(ID).setStyle({left: leftpos+'px'});
	if (oldmenu != ''){
		document.getElementById(oldmenu).style.display='none';
		//$(oldmenu+'_nav').removeClassName('hov');
	}
	
	document.getElementById(ID).style.display='block';
	
	// oldmenu = ID;
}


function startnoshow(ID){
	stopflag = 1;
	oldmenu = ID;
	setTimeout("noshow()",'500');
}

function noshow(){
	if (stopflag == 1){
		if (oldmenu != ''){
			document.getElementById(oldmenu).style.display='none';
			//document.getElementById(oldmenu+'_nav').removeClassName('hov');
		}
		oldmenu = '';
		stopflag = 0;
		if (dnav != ''){
			showme(dnav);
		}
	}
}

function stopnoshow(){
	stopflag = 0;
}

// set and maintain background aspect ratio, fit to window
var resizeBg = function(){ 
	var screenHeight = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
	var screenWidth = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
	var thisImage = document.getElementById('backgroundImage');  // calculate screen/image width slop, to optimize for a full screen experience
	var imageAspectRatio = thisImage.offsetHeight / thisImage.offsetWidth;
	var newImageHeight = screenWidth * imageAspectRatio;
	var heightWaste = newImageHeight - screenHeight;
	var lostPXtolerance = (imageAspectRatio >= .70 && imageAspectRatio <= .80) ? 240 : 100;	// allow upto 220 pix overflow for slightly more boxed format, else 90
	if (heightWaste >=  0 && heightWaste <= lostPXtolerance) {
		document.getElementById('backgroundImage').style.width='100%'; 
		document.getElementById('backgroundImage').style.height='auto'; 
	} else {
		document.getElementById('backgroundImage').style.width='auto'; 
		document.getElementById('backgroundImage').style.height='100%'; 
	}
} 


//hide show div
function shode(ID){
	if ($(ID).style.display == 'block') {
		$(ID).style.display = 'none'; // hides body
	} else {
		$(ID).style.display = 'block'; // displays body
	}

}



//hide show background
function bshow(ID,texter){
	if ($(ID).style.display == 'block') {
		texter.innerHTML = 'resume site';
		$(ID).style.display = 'none'; // hides body
	} else {
		$(ID).style.display = 'block'; // displays body
		texter.innerHTML = 'view background';
	}

}