// JavaScript Document
$(document).ready(function() {
    $("#changeLocation .wrapper").addClass("hide");

    $(".change").click(function() {
        toggleLocationBox();
    });

    $("#locArrow").click(function() {
        toggleLocationBox();
    });

    $("#close_button").click(function() {
        toggleLocationBox();
    });


});

function toggleLocationBox() {
    if ($("#changeLocation .wrapper").hasClass("hide")) {
        showLocationBox();
    }
    else {
        hideLocationBox();
    }
}

function showLocationBox() {
    $("#changeLocation .wrapper").slideDown(300, function() {
        $("#changeLocation  .wrapper").removeClass("hide");
    });
    $("#locArrow").css("backgroundPosition", "left");
}

function hideLocationBox() {
    $("#changeLocation .wrapper").slideUp(300, function() {
        $("#changeLocation .wrapper").addClass("hide");
    });
    $("#locArrow").css("backgroundPosition", "right");
}