var divLightBox;
var divLightBoxIFrame;
function InitPage() {
    divLightBox = new YAHOO.widget.Overlay(LightBoxId, { visible: false, width: "920px", height: "630px" });
    divLightBox.render();

    divLightBoxIFrame = new YAHOO.widget.Overlay(IFrameLightBoxId, { visible: false, width: "702px", height: "456px" });
    divLightBoxIFrame.render();

    $("#submitMetro").click(function() {
        var selectedValue = $("#metroList")[0].options[$("#metroList")[0].selectedIndex].value;
        if (selectedValue != "@") {
            OpenIFrameOverlay(selectedValue);
            $("#errorArea").hide();
        }
        else
            $("#errorArea").show();
    });
    LoadMetroListDropDown();
}
//overlay helper functions
function OpenIFrameOverlay(metroID) {
    Reposition_Curtain();
    $("#zoningIFrame").attr("src", zoningPage + "?MetroID=" + metroID);
    var divCurtain = YAHOO.util.Dom.get(CurtainId);
    YAHOO.util.Dom.setStyle(divCurtain, "display", "block");
    divLightBoxIFrame.cfg.setProperty("height", "482px");
    divLightBoxIFrame.cfg.setProperty("width", "702px");
    divLightBoxIFrame.show();


    Reposition_Overlay();
}
function CloseIFrameOverlay() {
    var divCurtain = YAHOO.util.Dom.get(CurtainId);
    YAHOO.util.Dom.setStyle(divCurtain, "display", "none");

    divLightBoxIFrame.cfg.setProperty("height", "0px");
    divLightBoxIFrame.hide();
}
function OpenOverlay() {
    Reposition_Curtain();

    var divCurtain = YAHOO.util.Dom.get(CurtainId);
    YAHOO.util.Dom.setStyle(divCurtain, "display", "block");

    divLightBox.cfg.setProperty("height", "630px");
    divLightBox.cfg.setProperty("width", "920px");
    //$(divLightBox).css("height", "470");

    divLightBox.show();

    Reposition_Overlay();
}

var Reposition_Overlay = function() {
    divLightBox.center();
    divLightBoxIFrame.center();
}

function CloseOverlay() {
    var divCurtain = YAHOO.util.Dom.get(CurtainId);
    YAHOO.util.Dom.setStyle(divCurtain, "display", "none");

    divLightBox.cfg.setProperty("height", "0px");
    //$(divLightBox).css("height", "0");
    divLightBox.hide();
}
var Reposition_Curtain = function() {
    var divCurtain = YAHOO.util.Dom.get(CurtainId);

    var docHeight = YAHOO.util.Dom.getDocumentHeight();
    var docWidth = YAHOO.util.Dom.getDocumentWidth();

    divCurtain.style.width = docWidth + "px";
    divCurtain.style.height = docHeight + "px";
}
var LoadMetroListDropDown = function() {
    var metros = YAHOO.lang.JSON.parse(metroData);
    var metroOption = null;
    var defaultOption = $("#metroList OPTION:first");
    var metroList = $("#metroList");
    metroList.empty().append(defaultOption);
//    metroOption = new Option("Please Choose...", "@");

//    if ($.browser.msie) {
//        metroList[0].add(metroOption);
//    }
//    else {
//        metroList[0].add(metroOption, null);
//    }
    $.each(metros, function(index) {

        //get current status type
        var metro = this;

        metroOption = new Option(metro.BusinessState.ShortName + " - " + metro.Name, metro.MetroAreaKey);

        if ($.browser.msie) {
            metroList[0].add(metroOption);
        }
        else {
            metroList[0].add(metroOption, null);
        }
    }); //state loop
}