$(document).ready(function () {
    //Start code    

    //palace navigation wipe

    $("#palaceNavigation .palaceRollContainer").hover(
        function () {
            animateOn(this);
        },
        function () {
            animateOff(this);
        }
    );

    function animateOn(navigationItem) {
        $(navigationItem).addClass("hasAnimation");
        //animate down
        $(navigationItem).find(".wipe").stop().animate({
            height: 75
        }, 150, function () {
            // Animation complete.
        });
    }

    function animateOff(navigationItem) {
        $(navigationItem).removeClass("hasAnimation");
        //animate up
        $(navigationItem).find(".wipe").stop().animate({
            height: 5
        }, 150, function () {
            // Animation complete.
        });
    }

    //end code
});