$(document).ready(function(){
    $("#location").hover(
        function(){
            $("#center").css("background-image","url(\""+base_url+"images/bg_center_h.jpg\")");
            $("#center img").stop(true,true).fadeIn();
        },
        function(){
            $("#center").css("background-image","url(\""+base_url+"images/bg_center.jpg\")");
            $("#center img").stop(true,true).fadeOut();
        }
    );

    $("#wedding").hover(
        function(){

            $("#right").css("background-image","url(\""+base_url+"images/bg_right_h.jpg\")");
            $("#right img").stop(true,true).fadeIn();
        },
        function(){
            $("#right").css("background-image","url(\""+base_url+"images/bg_right.jpg\")");
            $("#right img").stop(true,true).fadeOut();
        }
    );


    $("#banqueting").hover(
        function(){
            $("#left").css("background-image","url(\""+base_url+"images/bg_left_h.jpg\")");
            $("#left img").stop(true,true).fadeIn();
        },
        function(){
            $("#left").css("background-image","url(\""+base_url+"images/bg_left.jpg\")");
            $("#left img").stop(true,true).fadeOut();
        }
    );
});