$(function () {


    $("div#bottom-scroller").click(scrollDown);

});



function scrollDown() {
    $("div#bottom-scroller").unbind();

    var first = true;
    $("ul#map-menu").animate({
        top: '-450px'
    }, 500, function () {
        if (first) {
            first = false;
            $("div#bottom-scroller").css("background-image", "url(/Content/images/website/scroll-down-inactive.jpg)");
            $("div#bottom-scroller").css("cursor", "auto");
            $("div#top-scroller").css("background-image", "url(/Content/images/website/scroll-up.jpg)");
            $("div#top-scroller").css("cursor", "pointer");
            $("div#top-scroller").css("cursor", "hand");
            $("div#top-scroller").bind("click", scrollUp);
        }
    });
}


function scrollUp() {
    $("div#top-scroller").unbind();
    var first = true;
    $("ul#map-menu").animate({
        top: '0px'
    }, 500, function () {
        if (first) {
            first = false;
            $("div#top-scroller").css("background-image", "url(/Content/images/website/scroll-up-inactive.jpg)");
            $("div#top-scroller").css("cursor", "auto");
            $("div#bottom-scroller").css("background-image", "url(/Content/images/website/scroll-down.jpg)");
            $("div#bottom-scroller").css("cursor", "pointer");
            $("div#bottom-scroller").css("cursor", "hand");
            $("div#bottom-scroller").bind("click", scrollDown);
        }
    });

}