﻿var coverTimeout = 0;
var coverOpacity = 35;
var loginPanelTimeout = 0;
var loginPanelOpacity = 60;
var loginType = "";
var loginPrefix = "IncLoginPopup_";

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("divLoginPopup");
    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 popID = "divLoginPopup"; //Get Popup Name
    var popWidth = "440"; //Gets the first query string value

    //Fade in the Popup and add close button

    if (logType == "Advertiser") {
        jQuery('.pop-radios input[value=rbAdvertiser]').attr('checked', 'checked');
    }
    else {
        jQuery('.pop-radios input[value=rbMember]').attr('checked', 'checked');
    }

    jQuery('#' + popID).fadeIn().css({ 'width': Number(popWidth) });

    //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
    var popMargTop = (jQuery('#' + popID).height() + 80) / 2;
    var popMargLeft = (jQuery('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup
    jQuery('#' + popID).css({
        'margin-top': -popMargTop,
        'margin-left': -popMargLeft
    });

    //Fade in Background
    jQuery('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    jQuery('#fade').css({ 'filter': 'alpha(opacity=80)' }).fadeIn(); //Fade in the fade layer

    jQuery('.jxt-close-popup, #fade').live('click', function() { //When clicking on the close or fade layer...
    jQuery('#fade , #divLoginPopup').fadeOut(function() {
    jQuery('#fade').remove();
        }); //fade them both out
    });
    return false;
}

//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);
//        
//        if (document.getElementById("Advertisement"))
//        {
//            document.getElementById("Advertisement").style.visibility = "hidden";
//        }
//        
//        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;

//        }
//    }
//}

