Mortenson.Overlay = function()
{
};

var Overlay = Mortenson.Overlay;
    

Mortenson.Overlay.ShowModal = function(oID)
{
    //if we have the div on the page use it, otherwise go get it
    if (document.getElementById('Overlay' + oID))
    {
        Projects.ShowHideModal('Overlay' + oID);
    }
    else
    {
        var contextObj = {varoID: oID}
        //Go get it from the server
        Mortenson.AjaxAPI.MortensonAjax.OverlayModalDivRetrieve(oID, Overlay.OverlayModalDivRetrieve_callback, contextObj);
    }
};
Mortenson.Overlay.OverlayModalDivRetrieve_callback = function(res)
{
    if (res.error)
        alert(res.error.Message);
    else
    {
        var d = Ext.DomQuery.selectNode('data', res.value);
        
        var newDiv = new Ext.Element(document.createElement('div'));
        newDiv.update(d.firstChild.nodeValue);
        var parentOverlayDiv = Ext.get('modalOverlay');
        parentOverlayDiv.appendChild(newDiv);
        
        Overlay.ShowHideModal('Overlay' + res.context.varoID);
    }    
};

Mortenson.Overlay.ShowHideModal = function(ref)
{
    //div exists
    if (document.getElementById(ref).style.display == "block")
    {
        document.getElementById(ref).style.display = "none";
        document.getElementById('modalSubmission').style.display = "none";
    }else
    {
        document.getElementById(ref).style.top = getScrollY();
        document.getElementById(ref).style.display = "block";
        document.getElementById('modalSubmission').style.display = "block";
        window.onscroll = function () { document.getElementById('modalSubmission').style.top = getScrollY();};
    }
};

Mortenson.Overlay.FlipAsset = function(d, isNext)
{
    var nextDiv = '';
    
    var a = getFormElementsArray(d, '1');
    
    //loop through the assets, turn them off.  when we find the "on" one, then turn on the next one
    for (i = 0; i < a.length; i++)
    {
        if (document.getElementById(a[i]).style.display == "block")
        {
            //asset is on.  turn off and show next one
            document.getElementById(a[i]).style.display = "none";
            
            if (isNext == 1)
            {
                if (document.getElementById(a[i+1]))
                    nextDiv = a[i+1];
                else
                    nextDiv = a[0]; //set to 1st
            }
            else
            {
                if (document.getElementById(a[i-1]))
                    nextDiv = a[i-1];
                else
                    nextDiv = a[a.length - 1]; //set to last            
            }            
        }
    }
    
    document.getElementById(nextDiv).style.display = "block";
};