var SERVER_URL;
var mainPageContainer;
var frameContainerZIndex = 0;

var selectedSubPageTitle;
var selectedMainPageButton;

var selectedZindex;


var shopPage;
var photosPage;

var justicePage;
var contactPage;
var showsPage;
var journalPage;
var newsPage;
var musicPlayerPage;



window.onload = function()
{     
    if (window.location.href.toLowerCase().indexOf("www") < 0)
        window.location.href = "http://www.judithlam.com/";
      
    selectedZindex = 2;       
    determineBrowser();
    
    mainPageContainer = document.getElementById("dvMainPageContainer");
    SERVER_URL = document.getElementById("ServerUrl").value;
     
          
    createPage(new Page("musicPlayerPage", SERVER_URL + "interfacePages/IMusicPlayerPage.aspx"));       
    createPage(new Page("shopPage", SERVER_URL + "interfacePages/IShopPageMain.aspx"));
    createPage(new Page("contactPage", SERVER_URL + "interfacePages/IContactPage.aspx"));
    createPage(new Page("justicePage", SERVER_URL + "interfacePages/IJusticePage.aspx")); 
    createPage(new Page("photosPage", SERVER_URL + "interfacePages/IPhotosAlbumsPage.aspx"));
    createPage(new Page("journalPage", SERVER_URL + "interfacePages/IJournalPage.aspx"));
    createPage(new Page("showsPage", SERVER_URL + "interfacePages/IGeneralPage.aspx?pageId=3")); 
    createPage(new Page("musicWordsPage", SERVER_URL + "interfacePages/IMusicWordsPage.aspx"));     
    createPage(new Page("aboutPage", SERVER_URL + "interfacePages/IAboutPage.aspx")); 
    createPage(new Page("homePage", SERVER_URL + "interfacePages/IHomePage.aspx"));   /**/
}

window.onbeforeunload = function()
{
    if (isFirefox)
    {
        //if (btnHiddenLogout)
       //     btnHiddenLogout.click();
    }
}

function createAboutPage()
{                
    var frameContainer = document.createElement("DIV");
    frameContainer.id = "aboutPage";
    frameContainer.className = "frameContainer";
    frameContainer.style.zIndex = ++frameContainerZIndex;

    var aboutPageFrame = document.createElement("IFRAME");    
    aboutPageFrame.className = "frame";    
    aboutPageFrame.frameBorder = "no";
    aboutPageFrame.scrolling = "no";
    aboutPageFrame.src = SERVER_URL + "interfacePages/IAboutPage.aspx";
          
    frameContainer.appendChild(aboutPageFrame);          
               
    mainPageContainer.appendChild(frameContainer);
        
}

function createPage(page)
{
    var frameContainer = document.createElement("DIV");
    frameContainer.id = page.Id;
    frameContainer.className = "frameContainer";
    frameContainer.style.zIndex = ++frameContainerZIndex;
    
    var pageFrame = document.createElement("IFRAME");
    pageFrame.className = "frame";
    pageFrame.frameBorder = "no";
    pageFrame.scrolling = "no";
    pageFrame.src = page.Src;
    
    frameContainer.appendChild(pageFrame);
    
    mainPageContainer.appendChild(frameContainer);
}

function createShopPage()
{

    shopPage = document.createElement("DIV");
    shopPage.id = "shopPage";
    shopPage.className = "page";
    shopPage.style.zIndex = ++frameContainerZIndex;
    shopPage.style.border = "solid 0px #000000";
    
    mainPageContainer.appendChild(shopPage);
       
    httpRequest(isFirefox, "http://www.judithlam.com/ShopPageAjaxHandler.aspx?action=initialize", "shopPageAjaxDetails(xmlHttp.responseText)");
}

function createPhotosPage()
{
    
    photosPage = document.createElement("DIV");
    photosPage.id = "photosPage";
    photosPage.className = "page";
    photosPage.style.zIndex = ++frameContainerZIndex;
    photosPage.style.border = "solid 0px #000000";
      
    mainPageContainer.appendChild(photosPage);
    
    httpRequest(isFirefox, "http://www.judithlam.com/PhotosAlbumAjaxHandler.aspx?action=initialize", "photosAlbumAjaxDetails('initialize', xmlHttp.responseText);");
    
}

function createMusicWordsPage()
{ 
    var frameContainer = document.createElement("DIV");
    frameContainer.id = "musicWordsPage";
    frameContainer.className = "frameContainer";
    frameContainer.style.zIndex = ++frameContainerZIndex;
    
    var musicWordsPageFrame = document.createElement("IFRAME");    
    musicWordsPageFrame.className = "frame";
    musicWordsPageFrame.frameBorder = "no";
    musicWordsPageFrame.scrolling = "no";   
    musicWordsPageFrame.src = SERVER_URL + "interfacePages/IMusicWordsPage.aspx";
      
    frameContainer.appendChild(musicWordsPageFrame);      
      
    mainPageContainer.appendChild(frameContainer);          
}

function createJusticePage()
{   
    justicePage = document.createElement("DIV");
    justicePage.id = "justicePage";
    justicePage.className = "page";
    justicePage.style.zIndex = ++frameContainerZIndex;
    justicePage.style.border = "solid 0px #000000";
      
    mainPageContainer.appendChild(justicePage);
    
    httpRequest(isFirefox, "http://www.judithlam.com/JusticePageAjaxHandler.aspx?action=initialize", "justicePageAjaxDetails(xmlHttp.responseText);");
}

function createContactPage()
{
    contactPage = document.createElement("DIV");
    contactPage.id = "contactPage";
    contactPage.className = "page";
    contactPage.style.zIndex = ++frameContainerZIndex;
    contactPage.style.border = "solid 0px #000000";
      
    mainPageContainer.appendChild(contactPage);
    
    httpRequest(isFirefox, "http://www.judithlam.com/ContactPageAjaxHandler.aspx?action=initialize", "contactPageAjaxDetails(xmlHttp.responseText);");
}

function createJournalPage()
{
    journalPage = document.createElement("DIV");
    journalPage.id = "journalPage";
    journalPage.className = "page";
    journalPage.style.zIndex = ++frameContainerZIndex;
    journalPage.style.border = "solid 0px #000000";
      
    mainPageContainer.appendChild(journalPage);
    
    httpRequest(isFirefox, "http://www.judithlam.com/MainPageAjaxHandler.aspx?action=initialize&pageId=4", "journalPageAjaxDetails(xmlHttp.responseText);");  
}

function createShowsPage()
{   
    showsPage = document.createElement("DIV");
    showsPage.id = "showsPage";
    showsPage.className = "page";
    showsPage.style.zIndex = ++frameContainerZIndex;
    showsPage.style.border = "solid 0px #000000";
      
    mainPageContainer.appendChild(showsPage);
    
    httpRequest(isFirefox, "http://www.judithlam.com/MainPageAjaxHandler.aspx?action=initialize&pageId=3", "showsPageAjaxDetails(xmlHttp.responseText);"); 
}

function createNewsPage()
{   
    newsPage = document.createElement("DIV");
    newsPage.id = "newsPage";
    newsPage.className = "page";
    newsPage.style.zIndex = ++frameContainerZIndex;
    newsPage.style.border = "solid 0px #000000";
      
    mainPageContainer.appendChild(newsPage);
    
    httpRequest(isFirefox, "http://www.judithlam.com/MainPageAjaxHandler.aspx?action=initialize&pageId=9", "newsPageAjaxDetails(xmlHttp.responseText);"); 
}

function createMusicPlayerPage()
{
    musicPlayerPage = document.createElement("DIV");
    musicPlayerPage.id = "musicPlayerPage";
    musicPlayerPage.className = "page";
    musicPlayerPage.style.zIndex = ++frameContainerZIndex;
    musicPlayerPage.style.border = "solid 0px #000000";
      
    mainPageContainer.appendChild(musicPlayerPage);
 
    httpRequest(isFirefox, "http://www.judithlam.com/MusicPlayerPageAjaxHandler.aspx?action=initialize", "musicPlayerPageAjaxDetails(xmlHttp.responseText);");  
}

var mainPageImageUrl = "images/";

function showPage(button, pageId)
{   
    if (typeof(button) == "string")
        button = document.getElementById(button);   
    
    if (!selectedMainPageButton)
        selectedMainPageButton = button;
        
    var page = document.getElementById(pageId);
    var dvNavButtons = document.getElementById("dvNavButtons");
    
    if (page)
        if (page.style.zIndex != frameContainerZIndex)
            page.style.zIndex = ++frameContainerZIndex;        
                
    if (button)
    {
        
        if (selectedMainPageButton)
        {            
            var tempButton = selectedMainPageButton;
            var image = mainPageImageUrl + tempButton.id + ".jpg";            
            selectedMainPageButton = button;
            mainPageMouseOut(tempButton, image);           
        }
    }                    
}

function mainPageMouseOver(button, url)
{
    if (typeof(button) == "string")
        button = document.getElementById(button);
    
    if (button)
        button.style.background = "url(" + url + ")";
}

function mainPageMouseOut(button, url)
{      
    if (button)
    {
        
        if (selectedMainPageButton)
        {
            if (button.id != selectedMainPageButton.id)
                button.style.background = "url(" + url + ")";   
        }
        else
        {           
            button.style.background = "url(" + url + ")";
        }
        
    }
}

function showHomePage()
{
    var homePage = document.getElementById("homePage");
    if (homePage)
        if (homePage.style.zIndex != frameContainerZIndex)
            homePage.style.zIndex = ++frameContainerZIndex;
            
    if (selectedMainPageButton)
    {
        var temp = selectedMainPageButton;
        selectedMainPageButton = null;       
        mainPageMouseOut(temp, "images/" + temp.id + ".jpg");
    }        
}

function showShopPage()
{
    var shopButton = document.getElementById("shop");
        
    showPage(shopButton, "shopPage");
    mainPageMouseOver(shopButton, 'images/shop_over.jpg');   
   
}

function defaultAjaxDetails(details)
{}


function Publisher(controlOne, controlTwo)
{   
    if (controlOne)
    {
        controlOne.onkeyup = function(e)
        {
            
            var text = "";
            if (this.value != undefined)
                text = this.value;
            else if (this.innerHTML != undefined)
                text = this.innerHTML;
        
           
            if (controlTwo != undefined)
                controlTwo.value = text;                
            else if (controlTwo.innerHTML != undefined)  
                controlTwo.innerHTML = text;
                         
        }
    }
    
    if (controlTwo)
    {
        controlTwo.onkeyup = function(e)
        {
           
            var text = "";
            if (this.value != undefined)
                text = this.value;
                
            else if (this.innerHTML != undefined)
                text = this.innerHTML;
        
        
            if (controlOne != undefined)
                controlOne.value = text;
                
            else if (controlOne.innerHTML != undefined)  
                controlOne.innerHTML = text;
        }
    }

}