//  js jww

window.onload = function() {
	hideIt();
	showIt();	
}

//button active state
function swapBtn() {
 	document.getElementById('btnImg').src = 'images/button_active.png';
 }
 //button inactive state
function swapBtnBk() {
	 document.getElementById('btnImg').src = 'images/button.png';
 }

function hideIt() {
	document.getElementById('wrap').style.display = 'block';	
}

function showIt() {
	document.getElementById('oneImg').style.display='block';
	document.getElementById('twoImg').style.display='block';
	document.getElementById('threeImg').style.display='block';
	document.getElementById('link1').className = ('active');
	document.getElementById('foo1').style.display='block';
	document.getElementById('foo2').style.display='none';
	document.getElementById('foo3').style.display='none';
	document.getElementById('boxbottom').className = ('shaded');
}



function navClick(menuSet) {
	menuImg(menuSet);			
}



function menuImg(menuSet) {
	if ( menuSet == 'oneOn')
	{
		document.getElementById('oneImg').src = 'images/t1-on.png';
		document.getElementById('twoImg').src = 'images/t2-off.png';
		document.getElementById('threeImg').src = 'images/t3-off.png';
		document.getElementById('link1').className = ('active');
		document.getElementById('link2').className = ('');
		document.getElementById('link3').className = ('');
		document.getElementById('foo1').style.display='block';
		document.getElementById('foo2').style.display='none';
		document.getElementById('foo3').style.display='none';
		document.getElementById('boxbottom').className = ('shaded');
	}
	else if (menuSet == 'twoOn')
	{
		document.getElementById('oneImg').src = 'images/t1-off.png';
		document.getElementById('twoImg').src = 'images/t2-on.png';
		document.getElementById('threeImg').src = 'images/t3-off.png';
		document.getElementById('link1').className = ('');
		document.getElementById('link2').className = ('active');
		document.getElementById('link3').className = ('');
		document.getElementById('foo1').style.display='none';
		document.getElementById('foo2').style.display='block';
		document.getElementById('foo3').style.display='none';
		document.getElementById('boxbottom').className = ('shaded_left');
	}
	else if (menuSet == 'threeOn')
	{
		document.getElementById('oneImg').src = 'images/t1-off.png';
		document.getElementById('twoImg').src = 'images/t2-off.png';
		document.getElementById('threeImg').src = 'images/t3-on.png';
		document.getElementById('link1').className = ('');
		document.getElementById('link2').className = ('');
		document.getElementById('link3').className = ('active');
		document.getElementById('foo1').style.display='none';
		document.getElementById('foo2').style.display='none';
		document.getElementById('foo3').style.display='block';
		document.getElementById('boxbottom').className = ('shaded_left');
	}
}