$( function(){
	
	$nav = $('#nav');
	
	
	$('#nav > li').each( function(i, el){
		$(el).bind('mouseenter', function(){
			$(el).addClass('active');
			$(el).find('div.callout').show();
			$('#nav > li').css('z-index',1);
			$(el).css({'left':'-5px', 'margin-right':'-5px'});
			$(el).nextAll().css({'left': '-5px' });
		});
			
		$(el).bind('mouseleave', function(){
			$(el).removeClass('active');
			$(el).find('div.callout').hide();
			$(el).css({'left':'0','margin-right':'0'});
			$(el).nextAll().css({'left':'0'});
			
		});
	});

	//console.log($togglers);
});