// Hide dropdowns at start
$(function() {
	$('#energy-submenu').hide();
	$('#customer-submenu').hide();
	$('#about-submenu').hide();
	$('#media-submenu').hide();
})
// Show dropdowns
$(document).ready(function() {

	$('.energy').bind ({
		mouseover: function(event)	{$('#energy-submenu').show ()},
		mouseout: function(event)		{$('#energy-submenu').stop(true, true).delay(100).hide ()}
  });

	$('.customer').bind ({
		mouseover: function(event)	{$('#customer-submenu').show ()},
		mouseout: function(event) 	{$('#customer-submenu').stop(true, true).delay(100).hide ()}
  });

	$('.about').bind ({
		mouseover: function(event)	{$('#about-submenu').show ()},
		mouseout: function(event)		{$('#about-submenu').stop(true, true).delay(100).hide () }
	});
	
	$('.media').bind ({
		mouseover: function(event)	{$('#media-submenu').show ()},
		mouseout: function(event)		{$('#media-submenu').stop(true, true).delay(100).hide ()}
  });

});