﻿
var currentTabId = "menuTabMap";
var editsLoaded = false;
var reportLoaded = false;
var adminLoaded = false;
var igcLoaded = false;
var uploadLoaded = false;

function UnselectTabs() {
    document.getElementById('t1').style.visibility = "hidden";
    document.getElementById('t2').style.visibility = "hidden";
    document.getElementById(currentTabId).className = "unselectedTab";

    switch (currentTabId) {
        case "menuTabMap":
            OverlayClose('myMap');
            OverlayClose('mapControl');
            break;
        case "menuTabSearch":
            OverlayClose('TabSearchDetail');
            break;
        case "menuTabReport":
            OverlayClose('TabReport');
            break;
        case "menuTabUploadReportLibrary":
            OverlayClose('TabUploadReportLibrary');
            break;
        case "menuTabSearchReportLibrary":
            OverlayClose('TabSearchReportLibrary');
            break;
        case "menuTabContact":
            OverlayClose('TabContact');
            break;
        case "menuTabReview":
            OverlayClose('TabReviewEdits');
            break;
        case "menuTabIGC":
            OverlayClose('TabIGCHome');
            break;
        case "menuTabAdmin":
            OverlayClose('TabAdmin');
            break;
    }
    document.getElementById(currentTabId).className = "unselectedTab";
}

function TabClick(tabId) {
    try {
        UnselectTabs();
        switch (tabId) {
            case "menuTabMap":
                document.getElementById("myMap").style.display = "block";
                document.getElementById("mapControl").style.display = "block";
                document.getElementById("menuTabMap").className = "selectedTab";
                break;
            case "menuTabSearch":
                document.getElementById("TabSearchDetail").style.display = "block";
                document.getElementById("menuTabSearch").className = "selectedTab";
                break;
            case "menuTabReport":                
                document.getElementById("TabReport").style.display = "block";
                document.getElementById("menuTabReport").className = "selectedTab";
                //if (!reportLoaded) {
                    document.getElementById("Iframe_Report").src = "ReportParams.aspx";
                    reportLoaded = true;
                //}
                break;
            case "menuTabUploadReportLibrary":
                document.getElementById("TabUploadReportLibrary").style.display = "block";
                document.getElementById("menuTabUploadReportLibrary").className = "selectedTab";
                if (!uploadLoaded) {
                    document.getElementById("Iframe_UploadReportLibrary").src = "UploadReportLibrary.aspx";
                    SetFrameHeight("Iframe_UploadReportLibrary");
                    uploadLoaded = true;
                }
                break;
            case "menuTabSearchReportLibrary":
                document.getElementById("TabSearchReportLibrary").style.display = "block";
                document.getElementById("menuTabSearchReportLibrary").className = "selectedTab";
                document.getElementById("Iframe_SearchReportLibrary").src = "SearchReportLibrary.aspx";
                SetFrameHeight("Iframe_SearchReportLibrary");
                break;
            case "menuTabContact":
                document.getElementById("TabContact").style.display = "block";
                document.getElementById("menuTabContact").className = "selectedTab";
                break;
            case "menuTabReview":
                document.getElementById("TabReviewEdits").style.display = "block";
                document.getElementById("menuTabReview").className = "selectedTab";
                //if (!editsLoaded) {
                    document.getElementById("Iframe_ReviewEdits").src = "EditSummary.aspx";
                    SetFrameHeight("Iframe_ReviewEdits");
                    editsLoaded = true;
                //}
                break;
            case "menuTabIGC":
                document.getElementById("TabIGCHome").style.display = "block";
                document.getElementById("menuTabIGC").className = "selectedTab";
                if (!igcLoaded) {
                    SetFrameHeight("Iframe_IGC");
                    igcLoaded = true;
                }
                break;
            case "menuTabAdmin":
                document.getElementById("TabAdmin").style.display = "block";
                document.getElementById("menuTabAdmin").className = "selectedTab";
                if (!adminLoaded) {
                    document.getElementById("Iframe_Admin").src = "AdminSystem.aspx";
                    SetFrameHeight("Iframe_Admin");
                    adminLoaded = true;
                }
                break;
        }
        currentTabId = tabId;
    }
    catch (err) {
        alert(err.message);
    }
}

function SetFrameHeight(frameId) {    
    var frame = document.getElementById(frameId);

    if (frame.document && frame.document.body.scrollHeight) {
        var scroll = frame.document.body.scrollHeight;
        var client = document.body.scrollHeight - 90;
        //alert("scroll: " + scroll + " client: " + client);    
        if (scroll < client) frame.style.height = client + "px";
        else frame.style.height = scroll + "px";
    }
//    while (frame.offsetWidth != 800) {
//        frame.height = frame.height + 10;
    //    }
//    frame.style.height = 2000;
    //alert(frame.offsetWidth);
//    var scroll;  
//    if (frame.document && frame.document.body.scrollHeight) {
//        scroll = frame.document.body.scrollHeight;
//        if (scroll < 500) scroll = 850;
//    }
    else {
        frame.style.height = "850px";
    }
//    frame.style.height = scroll + "px";
}
