$(document).ready(function () {
    //References
    var sections = $(".nav-1 li");
    var loading = $("#loading");
    var content = $("#container");
    var last_click;

		sections.click(function (x) {
        x.preventDefault();

        //se ho premuto lo stesso pulsante 
        if (last_click == $(this).attr("class")) {

            //apri e chiudi come un idiota la tendina senza cambiare i contenuti 
            content.slideToggle();

            //oppure
        } else {
            //ricorda il nuovo pulsante ho ho appena premuto
            last_click = $(this).attr("class");
            showLoading();
            content.css("width", "0px");
            content.slideDown("fast");
            content.animate({"width": "0px"}, "slow");
            switch (last_click) {
            case "posizione":
                content.load("schede.htm  #scheda_posizione", hideLoading);

                break;
            case "eventi":
                content.load("schede.htm  #scheda_eventi", hideLoading);

                break;
            case "stile":
                content.load("schede.htm  #scheda_stile", hideLoading);

                break;
            case "recensioni":
                content.load("schede.htm  #scheda_recensioni", hideLoading);

                break;
            case "camere":
                content.load("schede.htm  #scheda_camere", hideLoading);

                break;
            case "offerte":
                content.load("schede.htm  #scheda_offerte", hideLoading);

                break;
            case "photogallery":
                content.load("schede.htm  #scheda_photogallery", hideLoading);

                break;
            case "solo_prenotazioni_bol":
                content.load("schede.htm  #scheda_solo_prenotazioni_bol", hideLoading);

                break;
            default:
                //hide loading bar if there is no selected section
                hideLoading();
                break;
            }
            content.animate({
                "width": "300px"
            }, "slow");
            //fine if
        }

    });

    function showLoading() {
        loading.css({
            visibility: "visible"
        }).css({
            opacity: "1"
        }).css({
            display: "block"
        });
    }

    function hideLoading() {
        loading.fadeTo(1000, 0);
        $("#container").find("#close").bind("click", function (x) {
            x.preventDefault();
            content.slideUp(function () {});
        })
    };
});