var navitems = ["Home","Films","About","News"];
var featureitems = ["About","Films","News"];
Event.observe(window,"load",function(){	
	for(var i = 0;i < navitems.length; i++){
		/*link top and bottom navs*/
		$("nav" + navitems[i]).observe("mouseover",setHoverState);
		$("nav" + navitems[i]).observe("mouseout",removeHoverState);
		$("footerNav" + navitems[i]).observe("mouseover",setHoverState);
		$("footerNav" + navitems[i]).observe("mouseout",removeHoverState);
		
		/*inherit link property from child anchor*/
		$("nav" + navitems[i]).observe("click",inheritChildLink);
		$("footerNav" + navitems[i]).observe("click",inheritChildLink);

	}
	for(i = 0;i < featureitems.length; i++){
		if(!$("link" + (i+1))) return;
		$("link" + (i+1)).observe("mouseover",setHoverState);
		$("link" + (i+1)).observe("mouseout",removeHoverState);	
	}
});

/** how we make it happen **/
function getThisId(e){
	e = $(e);
	var myName = e.id.toString();
	if (myName.startsWith("footer")){
		myName = myName.substring(6,myName.length);
		myName = (myName.substring(0,1).toLowerCase() + myName.substring(1,myName.length));
	} else {
		myName = "footer" + myName.substring(0,1).toUpperCase() + myName.substring(1,myName.length);
	}
	return myName;
}

var setHoverState = function(){
	var n, targets = [];
	if(this.id.toString().startsWith("link")){
		n = Number(this.id.toString().substring(4,5))-1;
		targets.push(getThisId("nav" + featureitems[n]));
		targets.push(getThisId("footerNav" + featureitems[n]));
	} else {
		targets.push(getThisId(this));
	}
	targets.each(function(e){
		$(e).addClassName("hover");
	});
}
var removeHoverState = function(){
	var n, targets = [];
	if(this.id.toString().startsWith("link")){
		n = Number(this.id.toString().substring(4,5))-1;
		targets.push(getThisId("nav" + featureitems[n]));
		targets.push(getThisId("footerNav" + featureitems[n]));
	} else {
		targets.push(getThisId(this));
	}
	targets.each(function(e){
		$(e).removeClassName("hover");
	});
}


var inheritChildLink = function(){
	window.location.href = this.getElementsByTagName("a")[0].href;
}


/** done making it happen **/

/*
$$(".highlighthome").each(
	Event.observe(this,"mouseover",function(){
		$("navHome").addClassName("hover");
	});
);

*/
//$("navHome").addClassName("hover");



/*
var backgroundOffset = 0;
var bgObject = document.getElementById('homeFeature');
function init(){
	ScrollTimer();
	
}

function scrollBG(maxSize) {
 backgroundOffset = backgroundOffset - 12;
 if (backgroundOffset > maxSize) backgroundOffset = 0;
 bgObject.setStyle({"backgroundPositionY":backgroundOffset+"px"});
}
function ScrollTimer(){
	window.setInterval("scrollBG(281)", 100);
}

window.observe("load", init);
*/