﻿window.onresize = function() { ResizeCoverDiv(); }
var coverTimeout = 0;
var coverOpacity = 35;
var loginPanelTimeout = 0;
var loginPanelOpacity = 60;
var loginType = "";
var loginPrefix = "";

function RedirectToRegister()
{
    var rdoLogin;
    rdoLogin = document.getElementById(loginPrefix + "rbMember");
    if (rdoLogin.checked)
    {
        location.href = "/MemberAccount.aspx";
    }
    else
    {
        location.href = "/advertiser/register.aspx";
    }
}

function IncreaseCoverOpacity() {
    clearTimeout(coverTimeout);

    var coverDiv = document.getElementById("divCover");
    if (coverDiv) {
        coverOpacity += 2;
        coverDiv.style.filter = "alpha(opacity=" + coverOpacity + ")";
        coverDiv.style.opacity = coverOpacity / 100;
    }

    if (coverOpacity < 60)
        coverTimeout = setTimeout("IncreaseCoverOpacity()", 30);
    else {
        var rdoLogin;
        
        if (loginType == "Member") {
            rdoLogin = document.getElementById(loginPrefix + "rbMember");
            rdoLogin.checked = true;
        }
        else {
            rdoLogin = document.getElementById(loginPrefix + "rbAdvertiser");
            rdoLogin.checked = true;
        }
        loginPanelTimeout = setTimeout("IncreaseLoginPanelOpacity();", 300);
    }
    window.scroll(0, 0);
    ResizeCoverDiv();
}

function IncreaseLoginPanelOpacity() {
    clearTimeout(loginPanelTimeout);

    var loginDiv = document.getElementById("divLogin");
    var loginPanelTable = document.getElementById(loginPrefix + "tblLoginPanel");
    loginDiv.style.display = "block";
    loginDiv.style.position = "absolute";
    loginDiv.style.visibility = "visible";

    if (loginDiv) {
        loginPanelOpacity += 2
        loginDiv.style.filter = "alpha(opacity=" + loginPanelOpacity + ")";
        loginDiv.style.opacity = loginPanelOpacity / 100;
    }

    if (loginPanelOpacity < 100)
        loginPanelTimeout = setTimeout("IncreaseLoginPanelOpacity()", 30);
    else
        document.getElementById(loginPrefix + "tbUserName").focus();
}

function DisplayLoginPopup(logType) {
    var bodyNode = document.getElementsByTagName("body")[0];
    var coverDiv = document.createElement("div");
    if (bodyNode) {
        loginType = logType;
        coverDiv.id = "divCover";
        coverDiv.name = "divCover";
        coverDiv.style.position = "absolute";
        coverDiv.style.top = "0px";
        coverDiv.style.left = "0px";
        coverDiv.style.width = bodyNode.clientWidth;
        coverDiv.style.height = bodyNode.clientHeight;
        coverDiv.style.backgroundColor = "black";
        coverDiv.style.overflow = "auto";
        coverDiv.style.filter = "alpha(opacity='0')";
        coverDiv.style.opacity = 0;
        coverDiv.style.zIndex = "5";

        bodyNode.appendChild(coverDiv);
        
        IncreaseCoverOpacity();
    }
    
    var lbMessage = document.getElementById(loginPrefix + "lbMessage");
    if (lbMessage)
        lbMessage.innerHTML = "";
        
    var tbUserName = document.getElementById(loginPrefix + "tbUserName");
    if (tbUserName)
        tbUserName.value = "";
    
    var tbPassword = document.getElementById(loginPrefix + "tbPassword");
    if (tbPassword)
        tbPassword.value = "";
}

function ResizeCoverDiv() {
    var bodyNode = document.getElementsByTagName("body")[0];
    var coverDiv = document.getElementById("divCover");
    var loginDiv = document.getElementById("divLogin");
    
    if (bodyNode) {
        if (coverDiv) {
            coverDiv.style.left = bodyNode.scrollLeft;
            coverDiv.style.top = bodyNode.scrollTop;
            coverDiv.style.width = bodyNode.clientWidth;
            coverDiv.style.height = bodyNode.clientHeight;
        }

        if (loginDiv) {
            var w, h;
            w = (window.innerWidth) ? window.innerWidth : document.body.offsetWidth;
            h = (window.innerHeight) ? window.innerHeight : document.body.offsetHeight;

            loginDiv.style.left = (w - loginDiv.style.width.replace("px", "")) / 2 + bodyNode.scrollLeft;
            loginDiv.style.top = (h - loginDiv.style.height.replace("px", "")) / 2 + bodyNode.scrollTop;

        }
    }
}


function CloseLoginPopup() {
    var bodyNode = document.getElementsByTagName("body")[0];
    var coverDiv = document.getElementById("divCover");
    var loginDiv = document.getElementById("divLogin");

    if (bodyNode) {
        if (coverDiv) {
            bodyNode.removeChild(coverDiv);
        }

        if (loginDiv) {
            loginDiv.style.display = "none";
            loginDiv.style.visibility = "hidden";
        }
    }

    coverOpacity = 35;
    coverTimeout = 0;

    loginPanelOpacity = 60;
    loginPanelTimeout = 0;
}