//provides behvior for top nav, as well as faq and services page

//load handlers
Event.observe(window, 'load', function(){
	var li = $$("#nav > li");
	var ul = $$("#nav li ul");
	
	li.each(function(s){
		if(s.down('ul')){
			s.observe('mouseover', dropMenu.showPopup);
			s.observe('click', dropMenu.showPopup);
			s.observe('mouseout', dropMenu.hidePopup );
		}
	});
	ul.each(function(s){
		s.observe('mouseover', dropMenu.showPopup);
		s.observe('mouseout', dropMenu.hidePopup );
		s.observe('click', dropMenu.hidePopup );
	});
		
	if($('outline')){//if this page is service.php
		var listEl = $$("#outline dt");
		listEl.each(function(s){
		s.observe('click', shide)
		});
	}
	
	if($('faq')){//if this page is faq.php
		var listEl = $$("#faq dt");
		listEl.each(function(s){
		s.observe('click', shide)
		});
	}
});

// drop menu behavior
var dropMenu = {
    timeout : null,
    showPopup : function(){
		var id;
		this.nodeName=="UL"? id=this: id=this.down('ul');
        clearTimeout(this.timeout);
        if(id.style.display == 'none'){
            this.timeout=setTimeout(function(){new Effect.BlindDown(id, {duration:1, fps:40})},400);
        }
    },
    hidePopup : function(){
		var id;
		this.up().id!="nav"? id=this: id=this.down();
        if(id.style.display == 'none'){
            clearTimeout(this.timeout);
        }else{
            this.timeout=setTimeout(function(){new Effect.BlindUp(id, {duration:0.5, fps:40})},200);
        }
    }    
};


//show or hide services on service.php
function shide(){
	Effect.toggle(this.next('dd'), 'appear');
	if(this.up("dl").id=="outline"){
		this.next('dd').style.display=='none'? this.down('img').src="/images/close.png": this.down("img").src="/images/open.png";
	}
}