var m_EditDivW = 550;

var m_oXmlHttp;

function RefExisting() {
    if (!m_LoadingRefExistingImages) {
        m_oXmlHttp = new XMLHttpRequest();

        m_LoadingRefExistingImages = true;

        var url = "../admin/SelectExistingImage.aspx";

        m_oXmlHttp.onreadystatechange = SelectExistingLoaded;
        m_oXmlHttp.open("GET", url, true);
        m_oXmlHttp.send();


        show("LoadingGifWhite", true);
    }
}

var m_LoadingRefExistingImages = false;

function ce(sId,AppendTo)
{
    var el = document.createElement("div");
    el.setAttribute("id", sId);

    get(AppendTo).appendChild(el);

    el.style.position = "absolute";

    return el;
}

function SelectExistingLoaded() {
    if (m_oXmlHttp.readyState == 4) {
        if (m_oXmlHttp.status == 200) {
            //DisplayAdminStatusMessage("page created", "green");
            hide("LoadingGifWhite", true);
            m_LoadingRefExistingImages = false;

            if (typeof get("LinkToExistingPicker") != "undefined" && get("LinkToExistingPicker") != null) {
                get("PageDiv").removeChild(get("LinkToExistingPicker"));
            }

            var el = ce("LinkToExistingPicker", "PageDiv");

            sdim(el.id, 10, 100, 610, 550, false, 90000000);

            //el.style.overflow = "scroll";
            el.style.border = "1px solid #7f7f7f";
            el.style.backgroundColor = "white";
            el.style.overflow = "hidden";
            
            var sHtml = "<div style='position:absolute;top:10px; left:15px'><table cellpadding='0' cellspacing='0'><tr>";
            sHtml += "<td width='100%'><span class='GalleryName'>LINK TO AN EXISTING ITEM</span>";
            if (m_CurPageRefId != "" && m_CurPageRefId != 0) {
                sHtml += "<span class='GalleryName'>&nbsp;&nbsp;|&nbsp;&nbsp;Current page is a link to another page</span>";
            }
            sHtml += "</td>";
            sHtml += "<td align='right'><span class='GalleryName' style='margin-right:10px'><a href='javascript:void(0)' onclick=\"hide('LinkToExistingPicker')\">X</a></span></td>";
            sHtml += "</tr></table></div>";
            get("LinkToExistingPicker").innerHTML = sHtml;

            var el = ce("PickerContents", "LinkToExistingPicker");

            if (UsingIE()) {
                sdim(el.id, 40, 0, 610, 510);
            }
            else {
                sdim(el.id, 40, 0, 580, 510);
            }
            el.style.overflow = "scroll";
            el.style.backgroundColor = "white";
            el.style.paddingLeft = 30;
            
            show("LinkToExistingPicker");
            get("PickerContents").innerHTML = m_oXmlHttp.responseText;

        }
    }
}

function SetRefId(sId) {
    m_oXmlHttp = new XMLHttpRequest();

    var url = "../admin/SavePage.aspx?SavePage=1&iPageId=" + m_iCurrentPageId +
				"&SetRefId=" + sId;


    m_oXmlHttp.onreadystatechange = RefIdSet;
    m_oXmlHttp.open("GET", url, true);
    m_oXmlHttp.send();

    show("LoadingGifWhite", true);

}

function RefIdSet() {
    if (m_oXmlHttp.readyState == 4) {
        if (m_oXmlHttp.status == 200) {
            hide("LinkToExistingPicker");
            DisplayAdminStatusMessage("Save successful", "green");
            
            LoadPageAsync(m_iCurrentPageId);
        }
        else {
            DisplayAdminStatusMessage("Save failed", "red");
        }

        hide("LoadingGifWhite", true);
    }
}

function EditFeatured() {
    PopGalListForFeat();
    show("FeatGalSpan");
    get("NewOptionLink").innerHTML = "&nbsp;&nbsp;|&nbsp;&nbsp;add featured item";
    get("NewOptionLink").onclick = function () { NewFeat() };
    get("EditFeatDiv").style.backgroundColor = "white";
    get("EditFeatDiv").style.boder = "1px solid black";

    //sdim("EditFeatDiv", 0, gw("PageDiv") + 30, gw("PageDiv") - 105, gh("PageDiv"));
    //sdim("EditFeatFrame", 0, 10, gw("PageDiv") - 105, gh("PageDiv"));
    sdim("EditFeatDiv", 0, gw("PageDiv") + 30, m_EditDivW, gh("PageDiv"));
    sdim("EditFeatFrame", 0, 10, m_EditDivW, gh("PageDiv"));


    get("EditFeatFrame").src = "../Admin/EditFeat.aspx?GalId=" + m_FeatGalId;
    show("EditFeatDiv");

    m_CenterSiteOffset = m_EditDivW + 30;
    CenterSite();
}

var m_CenterSiteOffset = 0;

function EditGalleries() {
    hide("FeatGalSpan");
    get("NewOptionLink").innerText = "new gallery";
    get("NewOptionLink").onclick = function () { NewGal() };
    get("EditFeatDiv").style.backgroundColor = "white";
    get("EditFeatDiv").style.boder = "1px solid black";

    sdim("EditFeatDiv", 0, gw("PageDiv") + 30, m_EditDivW, gh("PageDiv"));
    sdim("EditFeatFrame", 0, 10, m_EditDivW, gh("PageDiv"));
    get("EditFeatFrame").src = "../Admin/EditGalleries.aspx";
    show("EditFeatDiv");

    m_CenterSiteOffset = m_EditDivW + 30;
    CenterSite();
}

function HideAdminPane() {
    m_CenterSiteOffset = 0;
    hide("FeatGalSpan");
    hide('EditFeatDiv'); 
    CenterSite();
}


function NewFeat() {
    window.EditFeatFrame.location.href = "../admin/EditFeat.aspx?New=1&GalId=0";
}

function NewGal() {
    window.EditFeatFrame.location.href = "../admin/EditGalleries.aspx?New=1";
}

function ChangeOrdinal() {
    m_bShowGalPrevPageContext = true;
    ShowGalleryPreviewDelay(m_CurrentGalleryId, 9,30,70);
}

function ChangeImage() {
    //alert(document.body.style.backgroundColor);
    st("FileUploadIframe", -12);
    get("FileUploadIframe").src = "../Admin/FileUpload.aspx?iPageId=" + m_iCurrentPageId + "&bgcolor=" + m_bodybgcolor;
    //window.FileUploadIframe.document.getElementById("CurrentPageId").value = m_iCurrentPageId;
    togdisplay("FileUploadIframe");

}
function ImageUploadComplete() {
    GetE("StatusFloatingDiv").innerHTML = window.FileUploadIframe.document.getElementById("UploadStatus").innerHTML;
    //GetE("StatusFloatingDiv").style.display = "inline";
    togdisplay("FileUploadIframe");
    LoadPageAsync(m_iCurrentPageId);
    //window.location.reload(true);

    //NavigatePage(m_iCurrentPageId);
}

function ExitAdminMode() {
    var sUrl = window.location.href.replace("&admin=1", "&admin=0");
    sUrl = sUrl.replace("?admin=1", "?admin=0");
    window.location.href = sUrl;
}

var m_oXmlHttpSavePage;
var m_oXmlHttpNewPage;

function NewPage() {
    m_oXmlHttpNewPage = new XMLHttpRequest();

    var url = "../admin/SavePage.aspx?NewPage=1&iPageId=" + m_iCurrentPageId + "&sPageGalleryID=" + m_CurrentGalleryId + 
                   "&CurrentPgOrdinal=" + m_sPageOrdinal;

    m_oXmlHttpNewPage.onreadystatechange = PageNewed;
    m_oXmlHttpNewPage.open("GET", url, true);
    m_oXmlHttpNewPage.send();

    show("LoadingGifWhite", true);
}

function PageNewed() {
    if (m_oXmlHttpNewPage.readyState == 4) {
        if (m_oXmlHttpNewPage.status == 200) {
            DisplayAdminStatusMessage("page created", "green");

            var iNewPageId = m_oXmlHttpNewPage.responseText;
            LoadPageAsync(iNewPageId);
            //NavigatePage(iNewPageId, true);

        }
        else {
            DisplayAdminStatusMessage("new page failed", "red");
        }

        hide("LoadingGifWhite", true);
    }
}

var m_oXmlHttpDeletePage;

function DeletePage() {
    m_oXmlHttpDeletePage = new XMLHttpRequest();

    var url = "../admin/SavePage.aspx?DeletePage=1&iPageId=" + m_iCurrentPageId + "&sPageGalleryID=" + m_CurrentGalleryId +
                "&CurrentPgOrdinal=" + m_sPageOrdinal;

    m_oXmlHttpDeletePage.onreadystatechange = PageDeleted;
    m_oXmlHttpDeletePage.open("GET", url, true);
    m_oXmlHttpDeletePage.send();

    show("LoadingGifWhite", true);
}

function PageDeleted() {
    if (m_oXmlHttpDeletePage.readyState == 4) {
        if (m_oXmlHttpDeletePage.status == 200) {
            //m_oXmlHttpDeletePage.responseText
            DisplayAdminStatusMessage("page deleted", "green");

            LoadPageAsync(m_iPrevPgId);
            //NavigatePage(MainImgDivB);
        }
        else {
            DisplayAdminStatusMessage("delete page failed", "red");
        }

        hide("LoadingGifWhite", true);
    }
}

var m_OrdinalChanging = false;

function SavePage() {
    m_oXmlHttpSavePage = new XMLHttpRequest();

    var url = "../admin/SavePage.aspx?SavePage=1&iPageId=" + m_iCurrentPageId +
				"&PgTitle=" + escape(GetE("PageTitle").innerText);


    var sNewOrdinal = GetE("PicNumberText").innerText;
    var NewOrdinal = (sNewOrdinal.indexOf("0") == 0) ? parseInt(sNewOrdinal.substring(1, sNewOrdinal.length)) : parseInt(sNewOrdinal);


    if (NewOrdinal != m_sPageOrdinal) {
        url += "&NewPgOrdinal=" + NewOrdinal + "&sPageGalleryID=" + m_CurrentGalleryId + "&CurrentPgOrdinal=" + m_sPageOrdinal;
        m_OrdinalChanging = true;
    }

    url += "&PgDesc=" + escape(GetE("PageDescription").innerText);

    m_oXmlHttpSavePage.onreadystatechange = PageSaved;
    m_oXmlHttpSavePage.open("GET", url, true);
    m_oXmlHttpSavePage.send();

    show("LoadingGifWhite", true);

}

function DisplayAdminStatusMessage(sMsg, sColor) {
    GetE("AdminStatusMsg").style.display = "inline";
    GetE("AdminStatusMsg").style.color = sColor;
    GetE("AdminStatusMsg").style.fontFamily = "arial";
    GetE("AdminStatusMsg").style.fontFamily = "14px";

    GetE("AdminStatusMsg").innerText = sMsg;

    setTimeout("HideAdminStatusMessage()", 2000);
}

function HideAdminStatusMessage() {
    GetE("AdminStatusMsg").style.display = "none";
}

function PageSaved() {
    if (m_oXmlHttpSavePage.readyState == 4) {
        if (m_oXmlHttpSavePage.status == 200) {
            DisplayAdminStatusMessage("Save successful", "green");
            if (m_OrdinalChanging) {
                window.location.reload(true);
            }
        }
        else {
            DisplayAdminStatusMessage("Save failed", "red");
        }

        hide("LoadingGifWhite", true);
    }

    get("PageDescription").blur();
    get("PageTitle").blur();
    get("PicNumberText").blur();

}

var m_oXmlHttpGalList;

function PopGalListForFeat() {

    m_oXmlHttpGalList = new XMLHttpRequest();

    var url = "../App/ChapterNav.aspx";

    m_oXmlHttpGalList.onreadystatechange = GalListLoaded;
    m_oXmlHttpGalList.open("GET", url, true);
    m_oXmlHttpGalList.send();
}

function GalListLoaded() {
    if (m_oXmlHttpGalList.readyState == 4) {
        if (m_oXmlHttpGalList.status == 200) {
            GalXml = m_oXmlHttpGalList.responseXML.documentElement;

            for (var i = 0; i < GalXml.childNodes.length; i++) {

                var id = GalXml.childNodes[i].attributes.getNamedItem("Id").value;
                var GalTitle = GalXml.childNodes[i].attributes.getNamedItem("Title").value;

                var SelectedHtml = "";
                if (m_FeatGalId == id) {
                    SelectedHtml = "selected";
                    
                }

                //get("FeatGalList").innerHTML += "<option value='" + id + "' " + SelectedHtml + ">" + GalTitle  + "</option>";

                if (m_FeatGalId == id) {
                    get("FeatGalList").add(new Option(GalTitle, id, true, true));
                    get("NewOptionLink").innerHTML = "";                    
                }
                else {
                    get("FeatGalList").add(new Option(GalTitle, id));
                }
                //myselect.add(new Option("New First Option", "0"), myselect.options[0]);
            }      					
        }

    }    
}

function FeatGalChange(Sel) {
    get("EditFeatFrame").src = "../Admin/EditFeat.aspx?GalId=" + Sel.options[Sel.selectedIndex].value;

    if (Sel.options[Sel.selectedIndex].value != 0) {
        get("NewOptionLink").innerHTML = "";
    }
    else {
        get("NewOptionLink").innerHTML = "&nbsp;&nbsp;|&nbsp;&nbsp;add featured item";
    }
}