$(document).ready(function(){
    $('#mainmenu > ul > li').hover(function(){
        var child = $(this).find('.children1');
        var this_position = ($(this).position()).left + $(this).width() / 2;
        var mainmenu_width = $('#mainmenu').width();
        var child_width = child.width();
        child.width(child_width);
        var max_left = mainmenu_width - child_width;
        var child_left = this_position - child_width / 2;
        if (child_left < 0) {
            child_left = 0;
        };
        if (child_left > max_left) {
            child_left = max_left - 24;
        };
        child.css('left', child_left);
    }, function(){
        $(this).find('.children1').css('left', -9999);
    });
    
    //Cell equaller
    var menuWidth = $(".mainmenu").width() - $(".mainmenu .basket").width() - parseInt($(".basket").css("border-left-width").substr(0, 1)) -
    $(".mainmenu > ul > li:first").width();
    var menuLiQuant = $(".mainmenu > ul > li").size() - 1;
    var menuAWidth = Math.ceil(menuWidth / menuLiQuant);
    $(".mainmenu > ul > li > span").css("margin-left", parseInt(Math.ceil((menuAWidth - 19) / 2)) + "px");
    $(".mainmenu > ul > li:gt(0):lt(" + parseInt(menuLiQuant - 1) + ") > a").width(menuAWidth);
    $(".mainmenu > ul > li").eq(menuLiQuant).css("border-right", "none");
    $(".mainmenu > ul > li > a").eq(menuLiQuant).css("width", parseInt(menuWidth - (menuLiQuant - 1) * menuAWidth - menuLiQuant * 2));
    var lastMenuAWidth = $(".mainmenu > ul > li > a").eq(menuLiQuant).width();
    $(".mainmenu > ul > li > span").eq(menuLiQuant).css("margin-left", parseInt(Math.ceil((lastMenuAWidth - 19) / 2)) + "px");
    
    $(".mainmenu > ul > li:has('.children1')").hover(function(){
        var dropWidth = $(this).children("ul").width() +
        parseInt($(this).children("ul").css("padding-left").substr(0, $(this).children("ul").css("padding-left").length - 2)) +
        parseInt($(this).children("ul").css("padding-right").substr(0, $(this).children("ul").css("padding-left").length - 2));
        var dropLoc = ($(this).index() - 1) * $(".mainmenu > ul > li:eq(1)").width();
        //console.log(menuWidth + "-" + dropLoc + "<" + dropWidth);
        $(this).children(".children1").css("left", "auto");
        if (menuWidth - dropLoc < dropWidth) 
            $(this).children(".children1").css("right", 0);
        $(this).children("span").css("left", "auto");
    }, function(){
        $(this).children(".children1").css({
            "left": -9999,
            "right": "auto"
        });
        $(this).children("span").css("left", -9999)
    })
});