function setVisual( url ) 	{	
	
	var path= window.location.href;
	var root = "./media/banners/";
	var elem= path.split("/");
	var page= elem[elem.length-1];
	strip = page.indexOf( ".htm");
	page= page.substr( 0, strip );
	
	var url = root + page + ".jpg";
	var dot = root + page + ".png";
	
	var visual = document.getElementById("visual");
	var dotter = document.getElementById("dot-text");
	
	if ( visual != null ){ 	document.getElementById("visual").style.backgroundImage = "url( " +url+ " )"; }
	if ( dotter != null ){  document.getElementById("dot-text").style.backgroundImage = "url( " +dot+ " )"; }
	
}

sfHover = function() {
	var sfEls = document.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"), "");
		}
	}
	var sfEls = document.getElementsByTagName("img");
	for (var i=0; i<sfEls.length; i++) {
		if ( sfEls[i].className.substr(0,6) == "header" ){
			sfEls[i].onmouseover=function() {
				this.className+="-sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp("-sfhover\\b"), "");
			}
		}
	}
	for (var i=0; i<sfEls.length; i++) {
		if ( sfEls[i].className.substr(0,4) == "menu" ){
			sfEls[i].onmouseover=function() {
				this.className+="-sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp("-sfhover\\b"), "");
			}
		}
	}
}

function init(){
	// IE7 THINKS Backdrop 100% is WindowHeight ... Well it's'wrong if there is a scroll.
	var html = document.getElementsByTagName("body");
	var sh = document.body.parentNode.scrollHeight;
	if ( sh > 0 ) html[0].style.height = sh + "px";
}

var alreadyrunflag=0 //flag to indicate whether target function has already been run

if (document.addEventListener)
  document.addEventListener("DOMContentLoaded", function(){alreadyrunflag=1; init(); }, false)
else if (document.all && !window.opera){
  document.write('<script type="text/javascript" id="contentloadtag" defer="defer" src="javascript:void(0)"><\/script>')
  var contentloadtag=document.getElementById("contentloadtag")
  contentloadtag.onreadystatechange=function(){
    if (this.readyState=="complete"){
      alreadyrunflag=1;
      init();
    }
  }
}

window.onload=function(){
  setTimeout("if (!alreadyrunflag) { init(); } ", 0 );
}