$(document).ready(function(){

 $("#services").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-services").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-services").css({"left":margin+"px"});
   $("#sub-services").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#societe").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-societe").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-societe").css({"left":margin+"px"});
   $("#sub-societe").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#actualites").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-actualites").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-actualites").css({"left":margin+"px"});
   $("#sub-actualites").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#expertises").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-expertises").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-expertises").css({"left":margin+"px"});
   $("#sub-expertises").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#references").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-references").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-references").css({"left":margin+"px"});
   $("#sub-references").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#jobs").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-jobs").width()/2.0 - $("#logo").width();
   if($(this).position().left + $("#sub-jobs").width() > $("#menu").width()) 
    margin = $("#menu").width() - $("#sub-jobs").width() - $("#logo").width() - 100;
   $("#sub-jobs").css({"left":margin+"px"});
   $("#sub-jobs").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#contacts").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-contacts").width()/2.0 - $("#logo").width();
   if($(this).position().left + $("#sub-contacts").width() > $("#menu").width()) 
    margin = $("#menu").width() - $("#sub-contacts").width() - $("#logo").width() - 100;
   $("#sub-contacts").css({"left":margin+"px"});
   $("#sub-contacts").css({"display":"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });
 

});