var bShowing = false;

function _DoShowConfigurations() {

    $("#btnConfigurations").unbind("click");

    $("#btnConfigurations").click(_ToogleConfiguration);

    $("#spanConfig").show();

    $("#btnConfigurations").html("Mostrar Configuración");

    if ($.cookie("PortadaShowConfig") == "1")
        _ShowConfiguration();
}

function _ToogleConfiguration() {
    if (!bShowing) {
        _ShowConfiguration();


    } else {
        _HideConfiguration();

    }
}

function _ShowConfiguration() {

    if (bShowing)
        return;

    var table_template = "<table class='tableContainer' style='margin: 2px 2px 10px 2px' cellpadding='0' cellspacing='0'> \
    <tr style='background-color:#E9E0BF;padding:2px 2px 2px 2px;font-weigth:bold;'><td>#TITLE#</td></tr> \
    <tr><td style='padding:5px 0px 5px 5px;'></td></tr></table>";

    $("span[class=TableConfig]").each(function(index, value) {

        if ($(value).height() == 0 && $(value).width() == 0)
            return;
        //OBTENEMOS EL ID DEL ITEM Y EL TIPO
        var itemId = $(value).attr("itemId");
        var itemType = $(value).attr("itemType");
        var description = $(value).attr("description");

        var myTemplate = table_template;

        if (description != "") {
            myTemplate = myTemplate.replace("#TITLE#", description.toLowerCase());
        } else {
        myTemplate = myTemplate.replace("#TITLE#", "item [" + itemId  + "]");
        }

        var myTable = $(myTemplate);
        //var myOwner = $($(value).parent()[0]);
        myTable.insertAfter($(value));
        $(value).appendTo($(myTable.find("td")[1]));

        $(myTable.find("tr")[0]).css("cursor", "pointer");


        $(myTable.find("tr")[0]).hover(
        function() {
            $(this).css("background-color", "orange");
            $(myTable.find("td")[1]).fadeTo(150, 0.3);
        },
        function() {
            $(this).css("background-color", "#E9E0BF");
            $(myTable.find("td")[1]).fadeTo(250, 1);
        });

        //LOS ITEMS DE CANAL NO TIENEN BORDER
        if (itemType != "CHANNEL_ANNOUNCEMENT_ITEM") {
            myTable.css("border", "solid 1px black");
        }

        myTable.css("width", "99%");

        $(myTable.find("tr")[0]).click(function() {
            _DoConfig(itemId, itemType);
        });
    });

    $.cookie("PortadaShowConfig", 1);

    $("#btnConfigurations").html("Ocultar Configuración");

    bShowing = true;
}

function _HideConfiguration() {

    $("span[class=TableConfig]").each(function(index, value) {
        var tableContainer = $(value).closest("table");
        $(value).insertAfter($(tableContainer));
        tableContainer.remove();
    });

    $("#btnConfigurations").html("Mostrar Configuración");
    bShowing = false;

    $.cookie("PortadaShowConfig", 0);
}

function _DoConfig(ItemId, ItemType) {

    var mPathBase = appRoot + "/BackEnd";
    var sParams = "";
    var ret = false;

    switch (ItemType) {
        case "CHANNEL_ANNOUNCEMENT":
            sParams = "ChannelId=" + ItemId;
            var url = mPathBase + "/Campus/Dialogs/ChannelAnnouncement.aspx?" + sParams;
            ret = window.showModalDialog(url, "", "dialogHeight:600px;dialogWidth:900px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            break;

        case "CHANNEL_SURVEY":
            sParams = "ChannelId=" + ItemId;
            var url = mPathBase + "/Campus/Dialogs/ChannelSurvey.aspx?" + sParams;
            ret = window.showModalDialog(url, "", "dialogHeight:600px;dialogWidth:800px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            break;

        case "CHANNEL_ANNOUNCEMENT_ITEM":
            sParams = "ChannelItemId=" + ItemId;
            var url = mPathBase + "/Channel/ChannelAnnouncementItem.aspx?" + sParams;
            //ret = window.showModalDialog(url, "", "dialogHeight:600px;dialogWidth:800px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            //ret = true;
            location.href = url;
            break;

        case "CHANNEL_SURVEY_ITEM":
            sParams = "ChannelItemId=" + ItemId;
            var url = mPathBase + "/Channel/ChannelSurveyItem.aspx?" + sParams;
            ret = window.showModalDialog(url, "", "dialogHeight:600px;dialogWidth:800px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            ret = true;
            break;

        case "PORTADA_LEFT_HTML":
            sParams = "PortadaLeftId=" + ItemId;
            var url = mPathBase + "/Campus/Dialogs/PortadaLeftHTML.aspx?" + sParams;
            ret = window.showModalDialog(url, "", "dialogHeight:400px;dialogWidth:700px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            break;

        case "PORTADA_SECTION_RIGHT_HTML":
            sParams = "SectionRightId=" + ItemId;
            ret = window.showModalDialog(mPathBase + "/Campus/Dialogs/SectionRightHTML.aspx?" + sParams, "", "dialogHeight:400px;dialogWidth:700px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            break;

        case "PORTADA_SECTION_ROW_HTML1":
            sParams = "SectionRowId=" + ItemId;
            ret = window.showModalDialog(mPathBase + "/Campus/Dialogs/SectionRowHTML1.aspx?" + sParams, "", "dialogHeight:400px;dialogWidth:700px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            break;

        case "PORTADA_SECTION_ROW_HTML2":
            sParams = "SectionRowId=" + ItemId;
            ret = window.showModalDialog(mPathBase + "/Campus/Dialogs/SectionRowHTML2.aspx?" + sParams, "", "dialogHeight:400px;dialogWidth:700px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            break;
        case "PORTADA_SECTION_ROW_CENTER":
            sParams = "SectionRowId=" + ItemId;
            url = mPathBase + "/Campus/Dialogs/SectionCenterHTML.aspx?" + sParams;
            ret = window.showModalDialog(url, "", "dialogHeight:400px;dialogWidth:700px;center:1;resizable:0;scroll:1;status:0;unadorned:0;");
            break;

    }

    if (ret) {
        window.location.reload();
    }
}