// get universal reference to hills
var hillObj = null;
var onthisObj = null;
var hillsMin = 250;
var onthisMin = 133;

var oldWinHeight = 0;
var oldScrollPos = 0;

function getObj(name) {
	if (document.getElementById) {
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	} else if (document.all) {
		this.obj = document.all[name];
		this.style = document.all[name].style;
	} else if (document.layers) {
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}

function init() {
	hillObj = new getObj('hills');
	onthisObj = new getObj('onthispage');

	positionObjects();
	
	if (document.getElementById) sfHover();
}

function getScrollPos() {
	if (self.innerHeight) {
		return window.pageYOffset;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		return document.documentElement.scrollTop;
	} else if (document.body) {
		return document.body.scrollTop;
	}
	
	return null;
}

function getWinHeight() {
	if (self.innerHeight) {
		return self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		return document.documentElement.clientHeight;
	} else if (document.body) {
		return document.body.clientHeight;
	}
	
	return null;
}

function positionObjects() {
	var newPos;
	var scrollPos = getScrollPos();
	var winHeight = getWinHeight();
	
	if ((scrollPos == oldScrollPos) && (winHeight == oldWinHeight)) {
		// move on this page
		if (onthisObj.obj != null) {
			newPos = scrollPos + 15;
			if (newPos < onthisMin)
				newPos = onthisMin;
			onthisObj.style.top = newPos + ((document.getElementById) ? 'px' : '');
		}
	
		// move hill object
		newPos = (winHeight + scrollPos) - 50;
		if (newPos < hillsMin)
			newPos = hillsMin;
		hillObj.style.top = newPos + ((document.getElementById) ? 'px' : '');
	}
	oldScrollPos = scrollPos;
	oldWinHeight = winHeight;
	setTimeout('positionObjects()',100);
}

function sfHover() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
	
		var uls = sfEls[i].getElementsByTagName("UL");
		if (uls.length > 0)
			sfEls[i].subUL = uls[0];

		sfEls[i].onmouseover=function() {
			this.style.backgroundColor = '#188894';

			if (this.subUL != null)
				this.subUL.className = 'sfhover';
		}
		sfEls[i].onmouseout=function() {
			this.style.backgroundColor = 'transparent';
			if (this.subUL)
				this.subUL.className = '';
		}
	}
}

window.onload = init;