$(document).ready(function () {
    $('#menu-1, #menu-2, #menu-3, #menu-holder').mouseout(function () {
        $('#menu-1').css('background-position', '0px 0px');
        $('#menu-2').css('background-position', '0px 0px');
        $('#menu-3').css('background-position', '0px 0px');
    });
    $('#submenu-1').mouseover(function () {
        $('#menu-1').css('background-position', '0px -27px');
        $('#menu-2').css('background-position', '0px 0px');
        $('#menu-3').css('background-position', '0px 0px');
    });
    $('#submenu-2').mouseover(function () {
        $('#menu-1').css('background-position', '0px 0px');
        $('#menu-2').css('background-position', '0px -27px');
        $('#menu-3').css('background-position', '0px 0px');
    });
    $('#submenu-3').mouseover(function () {
        $('#menu-1').css('background-position', '0px 0px');
        $('#menu-2').css('background-position', '0px 0px');
        $('#menu-3').css('background-position', '0px -27px');
    });
    $('#menu-1').mouseover(function () {
        $('#menu-1').css('background-position', '0px -27px');
        $('#menu-2').css('background-position', '0px 0px');
        $('#menu-3').css('background-position', '0px 0px');
    });
    $('#menu-2').mouseover(function () {
        $('#menu-1').css('background-position', '0px 0px');
        $('#menu-2').css('background-position', '0px -27px');
        $('#menu-3').css('background-position', '0px 0px');
    });
    $('#menu-3').mouseover(function () {
        $('#menu-1').css('background-position', '0px 0px');
        $('#menu-2').css('background-position', '0px 0px');
        $('#menu-3').css('background-position', '0px -27px');
    });

});