var browserType;

if (document.layers) { browserType = "nn4" }
if (document.all) { browserType = "ie" }
if (window.navigator.userAgent.toLowerCase().match("gecko")) {
    browserType = "gecko"
}



/* Click on every place of the page hides weather popup  */
$("body").click(function (event) {
    var $thisObj = $(event.target);
    if ($thisObj.attr('class') != "WeatherPopupLink") {
        $(".WeatherPopUpContainer").css("display", "none");
    }
    else {
        var id = $thisObj.attr('id').replace(/.*WeatherPopupLink/, "");
        $(".WeatherPopUpContainer").each(function () {
            var idPopup = $(this).attr('id').replace(/.*WeatherPopup/, "");
            if (idPopup != id && $(this).css("display") != "none") {
                $(this).css("display", "none");
            }
        });
    }
    if ($thisObj.attr('class') != "rratPopupLink") {
        $(".rratPopUpContainer").css("display", "none");
    }
    else {
        var id = $thisObj.attr('id').replace(/.*rratPopupLink/, "");
        $(".rratPopUpContainer").each(function () {
            var idPopup = $(this).attr('id').replace(/.*rratPopup/, "");
            if (idPopup != id && $(this).css("display") != "none") {
                $(this).css("display", "none");
            }
        });
    }
});


function hide2(itemID) {
    if (browserType == "gecko")
        document.poppedLayer =
         eval('document.getElementById("WeatherPopup' + itemID + '")');
    else if (browserType == "ie")
        document.poppedLayer =
        eval('document.getElementById("WeatherPopup' + itemID + '")');
    else
        document.poppedLayer =
        eval('document.layers["WeatherPopup' + itemID + '"]');
    document.poppedLayer.style.display = "none";
}

function show2(itemID) {
    $("#WeatherPopup" + itemID).css("top", $("#WeatherPopupLink" + itemID).offset().top - $("#WeatherPopup" + itemID).height() + "px");
    $("#WeatherPopup" + itemID).css("left", $("#WeatherPopupLink" + itemID).offset().left + "px");

    if (browserType == "gecko")
        document.poppedLayer =
         eval('document.getElementById("WeatherPopup' + itemID + '")');
    else if (browserType == "ie")
        document.poppedLayer =
        eval('document.getElementById("WeatherPopup' + itemID + '")');
    else
        document.poppedLayer =
         eval('document.layers["WeatherPopup' + itemID + '"]');
    document.poppedLayer.style.display = "block";
}
function hide3(itemID) {
    if (browserType == "gecko")
        document.poppedLayer =
         eval('document.getElementById("rratPopup' + itemID + '")');
    else if (browserType == "ie")
        document.poppedLayer =
        eval('document.getElementById("rratPopup' + itemID + '")');
    else
        document.poppedLayer =
        eval('document.layers["rratPopup' + itemID + '"]');
    document.poppedLayer.style.display = "none";
}

function show3(itemID) {

    $("#rratPopup" + itemID).css("left", $("#rratPopupLink" + itemID).offset().left - $("#rratPopup" + itemID).width() + 80 + "px");

    if (browserType == "gecko")
        document.poppedLayer =
         eval('document.getElementById("rratPopup' + itemID + '")');
    else if (browserType == "ie")
        document.poppedLayer =
        eval('document.getElementById("rratPopup' + itemID + '")');
    else
        document.poppedLayer =
         eval('document.layers["rratPopup' + itemID + '"]');
    document.poppedLayer.style.display = "block";
}