$(document).ready(function($) {
  $('.dmenu_li').mouseover(function(){showbox(this);});
  $('.dmenu_li').mouseout(function(){hidebox(this);});
//  $('.dmenu_box').mouseover(function(){highlight(this);});
//  $('.dmenu_box').mouseout(function(){unhighlight(this);});
});


function showbox($parent){
//$($parent).find('.dmenu_box').css('opacity','0.0');
var offsetItem = $($parent).offset();
var offsetMenu = $('#dmenuTop').offset();
var widthTotal = $('#dmenuTop').width();
var rightEdgeofBox = (offsetItem.left - offsetMenu.left) + 450;
var adjust = widthTotal - rightEdgeofBox ;
//alert(rightEdgeofBox+'-'+widthTotal);
if(rightEdgeofBox>widthTotal){
$($parent).find('.dmenu_box').css('left',adjust);
}
$($parent).find('.dmenu_box').show();
$($parent).find('.dmenu_top_item').css('background','rgb(51 , 51 , 51)');
}

function hidebox($parent){
$($parent).find('.dmenu_box').hide();
$($parent).find('.dmenu_top_item').css('background','none');
}

 function highlight($parent){
 $($parent).parent().find('.dmenu_top_item').css('background','rgb(51 , 51 , 51)');
 }

 function unhighlight($parent){
 $($parent).parent().find('.dmenu_top_item').css('background','none');
 }