//global vars
var easingMethod = 'easeInOutCubic';
var ol;


/*------------------------------------------------------------------
menu drop down
------------------------------------------------------------------*/
var rumDropDown = function(li){
	var dd = $j(li.find('.dd'));
	var ddId = $j(li).attr('id');
	var ul = dd.find('ul');
	var downX = '0px';
	var topY = '0px';
	var dur = 400;
	var isDown = false;
	if(ddId == 'nav-ourcompany'){
		downX = '0px';
		topY = '0px';
	}
		
	var hoverConfig = {
		interval:100,
		timeout:100,
		over:function(){show()},
		out:function(){hide()}
	}
	
	var init = function(){
		li.hoverIntent(hoverConfig);
	}
	
	var show = function(){
		ul.stop().animate({marginTop:downX}, {duration:dur, easing:easingMethod});
		dd.css({borderWidth:'1px'});
		ol.showOl();
	}
	
	var hide = function(){
		ul.stop().animate({marginTop:'-350px'}, {duration:dur, easing:easingMethod});
		dd.css({borderWidth:'0'});
		ol.hideOl();
	}
	
	init();
}


var overlay = function(){
	//private vars
	var ov;
	var isDown= false;
	
	//private functions
	var init = function(){
		if(!document.getElementById('overlay_black')){
			ov = $j('<div id="overlay_black"/>');
			$j('#footer').append(ov);
		}else{
			ov = $j('#overlay_black');
		}
	}
	init();
		
	//public methods
	return {
		showOl:function(){
			ov.stop().height($j(document).height() - 150).fadeTo(500,.9);
		},
		hideOl:function(){
			ov.stop().fadeTo(500,0, function(){ov.height('1px');});
		},
		body : ov,
		isDown : isDown
	}
};


/*------------------------------------------------------------------
initialize!!
------------------------------------------------------------------*/
$j(document).ready(function() {
	ol = new overlay();
	var rdd = new rumDropDown($j('#nav-ourproducts'));
	var add = new rumDropDown($j('#nav-ourcompany'));
});