function switchImage(pic) {
    var onoff;
    onoff = pic.src.substring(pic.src.length-6);
    onoff = onoff.substring(0,2);

    if(onoff == "on") {
    	pic.src=pic.src.replace("_on.","_off.");
    } else {
    	pic.src=pic.src.replace("_off.","_on.");
    }
   }

function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
		return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
		return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
		return document.layers[objectId];
    } else {
		return false;
    }
} // getStyleObject

function changeObjectVisibility(objectId, newVisibility) {
  	if(newVisibility) {
  		newVisibility = "visible";
  	} else {
  	  	newVisibility = "hidden";
  	}
  	
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject) {
	styleObject.visibility = newVisibility;
	return true;
    } else {
	// we couldn't find the object, so we can't change its visibility
	return false;
    }
} // changeObjectVisibility

var menuVis;
var toId;

var isNN = document.layers ? true : false;
var isIE = document.all ? true : false;

var mouse_x = 0;
var mouse_y = 0;

function setVis(tf) {
	menuVis = tf;
	clearTimeout(toId);
  	toId = setTimeout("hideMenu()",1000);
  	//window.status = menuVis;
}

function getVis() {
  	var vis=getStyleObject('sites').visibility;
  	
  	menuVis = vis;
  	return vis;
}

function showMenu() {
	var width = isIE ? document.body.clientWidth : window.innerWidth;
	//var width = 1000;
	menuVis = true;
	changeObjectVisibility('sites',true);
	
	var s = getStyleObject("sites");
	s.left = (width/2) - (776/2);
}

function hideMenu() {
	if(!menuVis) {
		changeObjectVisibility('sites',false); 
	} else {
	  	//alert(menuVis);
	}
}
function fillForm(form1,form2) {
	var styleObject1 = getObject(form1);
	var styleObject2 = getObject(form2);

	if(styleObject1 && styleObject2) {
		styleObject1.innerHTML = styleObject2.innerHTML;
	} else {
		alert("Error filling divs.");
	}
}

function getObject(objectId) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId);
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId);
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&id.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

var showing = -1;

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  
  if(args[2] == "show") {
    	showing = args[0];
  } else {
    	showing = -1;
  }
  
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; obj.left=tempX+10; obj.top=tempY+10; }
}

function update() {
	if(showing !== -1) {
		MM_showHideLayers(showing,'','show');
	}
}

function ShowHide() {
	var i,p,v,obj,args=ShowHide.arguments;
	for (i=0; i<(args.length-1); i+=2) if ((obj=MM_findObj(args[i]))!=null) { 
		v=args[i+1];
		if (obj.style) { 
			obj=obj.style; 
			switch(v)
			{
				case 'h': obj.visibility='hidden'; break
				case 'v': obj.visibility='visible'; break
				case 'b': obj.display='block'; break
				case 'i': obj.display='inline'; break
				case 'l': obj.display='list-item'; break
				case 'n': obj.display='none'; break
			}
		}
	}
	return true;
}



function doStuff(el) {
el.src="Steps_01.gif";
document.getElementById("text").style.display="block";
el.onmouseout=function() {
el.src="Steps_01.gif";
document.getElementById("text").style.display="none";
}
}



var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

var tempX = 0
var tempY = 0

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  update();
  return true
}
// end hide -->