// Requires JQuery + Dimensions

// on dom ready
$(function() {

	
	// main nav dropdown menus
	$('#navigation li').not('li#home').bind('mouseenter', function() {
	
		var menuPos = $(this).outerWidth();
	
		$(this).addClass('active');
		$(this).children('ul').show().css('left' , -((144-menuPos)/2));
	}).bind('mouseleave', function() {
		$(this).removeClass('active');
		$(this).children('ul').hide().css('left' , 0);
	});
	

});