var navigationHover = Class.create();
navigationHover.prototype = {

	initialize : function (elems) {
		this.naventries = elems;		
		for( i=0; i<this.naventries.length; i++ ) {
			for( k=0; k<this.naventries[i].length; k++ ) {
				this.naventries[i][k].myClass = this;
				this.naventries[i][k].observe('mouseover', this.over);				
				this.naventries[i][k].observe('mouseout', this.out);
			}
		}
	},
	
	over : function () {	
		//hideSelectBoxes();
		this.addClassName('sfhover');
		
		ul_box = this.getElementsBySelector("ul.subnav")[0];
		if (ul_box != null) {
			ul_box.setStyle({ left: '-0px' });
		}
		
		clearInterval(this.hide);
	},
	
	out : function () {
		this.hide = setInterval(this.myClass.removeClass.bind(this),30);
	},
	
	removeClass : function() {	
		if (this.className == "main") {
			//showSelectBoxes();
			clearInterval(this.hide);
		}
		
		if(this.className.indexOf("sfhover") >= 0) {
			this.removeClassName("sfhover");
		}
		
		ul_box = this.getElementsBySelector("ul.subnav")[0];
		if (ul_box != null) {
			ul_box.setStyle({ left: '-9999em' });
		}
	}

};