//HOVER INTENT FUNCTION DELAYS THE DROP DOWN SO THE ANIMATION WORKS CORRECTLY
/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* 
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne <brian@cherne.net>
*/

(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:2,interval:38,timeout:3};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);



// JavaScript Document
$(document).ready(function(){
	// CONTROLS DORP DOWN ANIMATION					   
	$('.inner').hide();
	$('.button_wrapper').hoverIntent
	(
		function (){$(this).stop(false, true).children('.inner').slideToggle(200);}, 
		function (){$(this).stop(false, true).children('.inner').slideToggle(200);}
	);
		
	// SETS THE STYLE OF THE ACTIVE PAGE BASED ON VARIABLE SET IN HTML	
	currPage = document.getElementById(activePage);
	currPage.className = "button active"
	currPage.parentNode.onmouseout = "btnoff('', 'top')"

	if (activePage == "btn1")
	{
		currPage.className = "button_first active"
		currPage.parentNode.onmouseout = "btnoff('', 'top left')"
	}
	if (activePage == "btn6")
	{
		currPage.className = "button_last active"
		currPage.parentNode.onmouseout = "btnoff('', 'top right')"
	}



});

//ROLLOVER FUNCTIONALITY OF THE NAV BAR  
function btnon(btn, loc)
{
	var location = loc;
	if(loc == "top"){var location ="-193px 0px";}
	if(loc == "top left"){var location ="-180px 0px";}
	if(loc == "top right"){var location ="-210px 0px";}
	document.getElementById(btn).style.backgroundPosition = location;
}      
function btnoff(btn, loc)
{
	var location = loc;
	if(loc == "top"){var location ="-13px 0px";}
	if(loc == "top left"){var location ="0px 0px";}
	if(loc == "top right"){var location ="-30px 0px";}
	document.getElementById(btn).style.backgroundPosition = location;
}