$(function(){
	$("ul#nav li").each(function(){
		$(this).find('div').css({'display':'none'})
	});
});

$(function(){
	/**
	*	Jquery Horizontal Slide Navigation
	*	webmaster@chazzuka.com
	*	http://www.chazzuka.com
	*	Nov 13th 2008 @ Denpasar, Bali Paradise Island
	**/
	//@ active scroll
    var _active = null;
	//@ max expand in pixel
    var _hmax1 = 55;
	var _hmax2 = 65;
	var _hmax3 = 90;
	//@ min height in pixel
    var _hmin = 0;
	//@ loop through matches selector
    $("ul#nav li").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child div1 expand
				$(this).find('#comp').animate({height: _hmax1+"px"}, {queue:false, duration:300, easing:'easeOutBack'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('#comp').animate({height: _hmin+"px"}, {queue:false, duration:300, easing:'easeInBack'});
			}
		);
		$(this).hover(
			//@ hover
			function(){
				//@ child div1 expand
				$(this).find('#prod').animate({height: _hmax2+"px"}, {queue:false, duration:300, easing:'easeOutBack'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('#prod').animate({height: _hmin+"px"}, {queue:false, duration:300, easing:'easeInBack'});
			}
		);
		$(this).hover(
			//@ hover
			function(){
				//@ child div1 expand
				$(this).find('#opp').animate({height: _hmax3+"px"}, {queue:false, duration:300, easing:'easeOutBack'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('#opp').animate({height: _hmin+"px"}, {queue:false, duration:300, easing:'easeInBack'});
			}
		);
	});
});