var slideOpenDelay, slideCloseDelay
var fadeInDelay, fadeOutDelay

slideOpenDelay = 1500;
slideCloseDelay = 900;
fadeInDelay = 500;
fadeOutDelay = 200;

var IS_OPEN = false;
var IS_DISPLAY_TEXT = false;

$(document).ready(function() {
    var slidingPanel = $("#sel-sliding-panel");
    var slidingPanelContent = $("#sel-sliding-panel-content");
    var slidingPanelText = $("#sel-sliding-panel-text");
    var slidingPanelClose = $("#sel-sliding-panel-close");



    // set styles and hide panles in the info panel on the home page
    $(".sel-slide-info").attr("style", "cursor:pointer;");
    slidingPanelClose.attr("style", "cursor:pointer;");
    slidingPanelText.hide();
    slidingPanelContent.hide();


    // the panel must slide open and display the selected text
    $(".sel-slide-info").click(function() {
        var id = $(this).attr("data-id");
        // animate panel open
        ShowInfo(id);
    });


    // show the text in the open panel
    function ShowInfo(id) {
        if (!IS_OPEN) {
            slidingPanelContent.show();
            slidingPanel.animate(
            {
                left: "-553px",
                width: "553px"
            },
            slideOpenDelay,
            '',
            function() { IS_OPEN = true; ShowConent(id); }
            );

        } else { ShowConent(id); }
    }

    // close the panel
    slidingPanelClose.click(function() {
        IS_OPEN = false;
        slidingPanelText.fadeOut(fadeOutDelay, function() {
            slidingPanel.animate(
            {
                left: "-5px",
                width: "10px"
            }, slideCloseDelay
            , ''
            , function() { slidingPanelContent.hide(); }
        );
        });
    });

    //navigate back and forth in the open panel
    $(".sel-back").live("click", function() {
        var id = $(this).attr("data-id");
        ShowConent(id);
    });

    $(".sel-next").live("click", function() {
        var id = $(this).attr("data-id");
        ShowConent(id);
    });

    function ShowConent(id) {
        if (IS_DISPLAY_TEXT) {
            IS_DISPLAY_TEXT = false;
            slidingPanelText.fadeOut(fadeOutDelay, function() {
                SetInfoPanelHTML(id);
            });
        } else { SetInfoPanelHTML(id); }
    }

    // get content from db
    function SetInfoPanelHTML(iInfoPanel_ID) {

        //alert(iInfoPanel_ID);
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            url: "webservices/IdeasBankService.asmx/GetInfoPanelContent",
            data: "{iInfoPanel_ID:" + iInfoPanel_ID + "}",
            success: function(result) { BindResult(result.d); },
            error: function(err) { alert("Error: " + err.responseText); }
        });
    }

    function BindResult(result) {
        slidingPanelText.html(result);
        slidingPanelText.fadeIn(fadeInDelay);
        IS_DISPLAY_TEXT = true;
        InitSIFR();
        $(".sel-back").attr("style", "cursor:pointer;");
        $(".sel-next").attr("style", "cursor:pointer;");
    }

});