sfHover = function(){
	var sfEls = document.getElementById("nav").getElementsByTagName("li");
	for (var i = 0; i < sfEls.length; i++) {
		sfEls[i].onmouseover = function(){
			this.className += " sfhover";
		}
		sfEls[i].onmouseout = function(){
			this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

if (window.attachEvent) {
	window.attachEvent("onload", sfHover);
	
}

function underlayListener(){

	if ($('#mainimage').height() > 300) {
		$('#mainimage').bind('load', function(){
			activeUnderlay($('#mainimage').height());
		});
	} else {
		activeUnderlay($(this).height($('#mainimage').height()));
	}
	
}

function activeUnderlay(height){
	$('#underlay').height(height - 229);
	$('#underlay').fadeTo(0, 0.5);
	$('#underlay').css('background-color', "white");
}