var section;
var sectionOveride=null;

function testing()
{
	var tester = document.getElementById('test');
	tester.innerHTML = section;
	tester.style.visibility = "visible";
}


function changeBackground()
{
	var changeBackground = document.getElementById('container');
	changeBackground.style.backgroundImage = "url(/images/backgrnd_lines2.gif)";
}

function loadHighlightedImage()
{
	// if variable that overrides sectoin highlight is not available
	//proceed with using section.innerHTML text
	if(sectionOveride==null){
		// assign variable to DIV tag named section which contains section name
		var sectionName = document.getElementById('section');
	
		// gets innerhtml of section  which contains navigation button id
		section = "mm_" + sectionName.innerHTML;
	}
	//use section override
	//sectionOveride is defined in content body.
	else{
		section = "mm_" + sectionOveride;
		var shopButton = document.getElementById('mm_shop');
		shopButton.style.backgroundPosition = "0px -72px";
		
		//chnages background of main container to blue lines with no vertical red lines
		if(sectionOveride=="home")
		{
		changeBackground();
		}
	}
	

	
	// gets the hyperlink reference with matching section name
	var button = document.getElementById(section);

	// moves background up to a button
	if(button!=undefined){
		button.style.backgroundPosition = "0px 3px";
	}
	
	
	
	
	//calls testing function
	//testing();
	

}