// JavaScript Document


function defaultvals() {
	//if js is enabled, we'll want some default style in place
	document.getElementById('title4').style.background = '#333399';
	document.getElementById('show4info').style.display = 'block';
}


function highlightme(me,hex,url) 
{
	var i, title, show, notme;
	
	//we need to NOT highlight the other sections, "notme" is gonna be a lot of things
	notme = (me.id.length) - 1;
	notme = me.id.charAt(notme); 
	 
	for(i=1; i<=5; i++)
	{
		if(i != notme){
		title = 'title'+i;
		show = 'show'+i+'info';
		more = 'more'+i;
		document.getElementById(title).style.background = '#999';
		document.getElementById(show).style.display = 'none';
		//document.getElementById(more).style.display = 'none';
		//document.getElementById(more).style.display = 'none';
		}
	}
	
	
	//we returned them all to gray, but this one has to be blue...
	me.style.background = hex;
	//and we also have to show the appropriate pic and info underneath
	document.getElementById('changimglink').href = url;
	document.getElementById('changimg').src = '/homepg_files/img/show'+notme+'hpp.jpg';
	//showmore = 'hmore'+notme;
	//document.getElementById(showmore).style.display = 'block';
	notme = 'show'+notme+'info';
	document.getElementById(notme).style.display = 'block';
	
	
}