$(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 _hmax0 = 25;
	var _hmax1 = 26;
	var _hmax2 = 44;
    var _hmax3 = 62;
	var _hmax4 = 80;
	var _hmax5 = 98;
	var _hmax6 = 116;
	//@ min height in pixel
    var _hmin = 0;	
	//@ loop through matches selector
	
	$(".nav ul li div.zeroitems").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child span expand
				$(this).find('span').animate({height: _hmax0+"px"}, {queue:false, duration:120, easing:'easeOutQuad'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('span').animate({height: 12+"px"}, {queue:false, duration:120,easing:'easeInQuad'});
			}
		);	
	});

		
    $(".nav ul li div.oneitem").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child span expand
				$(this).find('span').animate({height: _hmax1+"px"}, {queue:false, duration:150, easing:'easeOutQuad'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('span').animate({height: _hmin+"px"}, {queue:false, duration:150,easing:'easeInQuad'});
			}
		);	
	});
	
	$(".nav ul li div.twoitems").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child span expand
				$(this).find('span').animate({height: _hmax2+"px"}, {queue:false, duration:180, easing:'easeOutQuad'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('span').animate({height: _hmin+"px"}, {queue:false, duration:180,easing:'easeInQuad'});
			}
		);	
	});
	
	$(".nav ul li div.threeitems").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child span expand
				$(this).find('span').animate({height: _hmax3+"px"}, {queue:false, duration:210, easing:'easeOutQuad'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('span').animate({height: _hmin+"px"}, {queue:false, duration:210,easing:'easeInQuad'});
			}
		);	
	});
	
	$(".nav ul li div.fouritems").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child span expand
				$(this).find('span').animate({height: _hmax4+"px"}, {queue:false, duration:240, easing:'easeOutQuad'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('span').animate({height: _hmin+"px"}, {queue:false, duration:240,easing:'easeInQuad'});
			}
		);	
	});
	
	$(".nav ul li div.fiveitems").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child span expand
				$(this).find('span').animate({height: _hmax5+"px"}, {queue:false, duration:270, easing:'easeOutQuad'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('span').animate({height: _hmin+"px"}, {queue:false, duration:270,easing:'easeInQuad'});
			}
		);	
	});
	
	$(".nav ul li div.sixitems").each(function(){
		//@ in/out handler
		$(this).hover(
			//@ hover
			function(){
				//@ child span expand
				$(this).find('span').animate({height: _hmax6+"px"}, {queue:false, duration:300, easing:'easeOutQuad'});
				//@ set active to current hovered
				_active = $(this);
			},
			//@ out
			function() {
				//@ slide back
				$(_active).find('span').animate({height: _hmin+"px"}, {queue:false, duration:300,easing:'easeInQuad'});
			}
		);	
	});




});