var Login = {
    ShowLoginBox: function(returnUrl) {
	    if (!returnUrl) returnUrl = "";
	    
        var pageHeight = ((document.height) ? document.height : document.body.offsetHeight) + 20;
        var pageWidth = ((document.width) ? document.width : document.body.offsetWidth) + 20;
        
        if (document.documentElement.clientHeight > pageHeight) 
            pageHeight = document.documentElement.clientHeight;
	    
	    var curtain = document.createElement("div");
        curtain.style.display = "block";
        curtain.style.position = "absolute";
        curtain.style.top = "0px";
        curtain.style.left = "0px";
        curtain.style.backgroundColor = "#000000";
	    curtain.style.opacity = 0.8;
	    curtain.style.filter  = "alpha(opacity=80)";
        curtain.style.height = Math.ceil(pageHeight) + "px";
        curtain.style.width = Math.ceil(pageWidth) + "px";
        curtain.style.margin = "0px auto";
        curtain.style.zIndex = 1999;
	    curtain.appendChild(document.createTextNode(" "));
	    
	    Get("ElementDropBox").appendChild(curtain);
	    
	    var wrapper = document.createElement("div");
	    wrapper.className = "Dialog";
	    wrapper.style.width = "340px";
	    
	    Login.PositionLoginBox(wrapper);
	    var positionInterval = setInterval(function() { Login.PositionLoginBox(wrapper); }, 500);
	    
	    var form = document.createElement("form");
	    form.action = "https://www.ezlandlordforms.com/login.aspx";
	    form.method = "post";
	    form.style.display = "inline";
	    
	    var header = document.createElement("h1");
	    header.appendChild(document.createTextNode("Log In to Your Account"));
	    
	    var tableContainer = document.createElement("div");
	    tableContainer.style.textAlign = "center";
	    
	    var table = document.createElement("table");
	    var row, col1, col2;
	    
	    table.cellspacing = 0;
	    table.cellpadding = 4;
	    table.style.textAlign = "left";
	    table.style.width = "260px";
	    table.style.margin = "25px auto 35px auto";
	    
	    row = table.insertRow(table.rows.length);
	    cell1 = row.insertCell(row.cells.length);
	    cell2 = row.insertCell(row.cells.length);
	    
	    var field = document.createElement("input");
	    field.type = "text";
	    field.id = "LogInEmail";
	    field.name = "LogInEmail";
	    field.value = ReadCookie("lastemail") ? ReadCookie("lastemail") : "";
	    field.style.width = "175px";
	    field.maxlength = 128;
	    field.tabindex = 1;
	    cell1.appendChild(document.createTextNode("E-mail: "));
	    cell2.appendChild(field);
	    
        row = table.insertRow(table.rows.length);
	    cell1 = row.insertCell(row.cells.length);
	    cell2 = row.insertCell(row.cells.length);
	    
	    field = document.createElement("input");
	    field.type = "password";
	    field.id = "LogInPassword";
	    field.name = "LogInPassword";
	    field.style.width = "175px";
	    field.maxlength = 128;
	    field.tabindex = 2;
	    cell1.appendChild(document.createTextNode("Password: "));
	    cell2.appendChild(field);
	    
        row = table.insertRow(table.rows.length);
	    cell1 = row.insertCell(row.cells.length);
	    cell1.setAttribute("colSpan", 2);
	    cell1.style.padding = "2px 0 5px 0";
	    
	    field = document.createElement("input");
	    field.type = "checkbox";
	    field.id = "RememberLogin";
	    field.name = "RememberLogin";
	    field.checked = true;
	    field.style.verticalAlign = "middle";
	    var label = document.createElement("label");
	    label.setAttribute("for", "RememberLogin");
	    label.style.verticalAlign = "middle";
	    label.appendChild(document.createTextNode(" Remember me on this computer."));
	    cell1.appendChild(field);
	    cell1.appendChild(label);
	    
        row = table.insertRow(table.rows.length);
	    cell1 = row.insertCell(row.cells.length);
	    cell1.setAttribute("colSpan", 2);
	    cell1.style.textAlign = "center";
	    
	    field = document.createElement("input");
	    field.type = "submit";
	    field.id = "ButtonLogIn";
	    field.value = "Secure Log In";
	    field.tabindex = 3;
	    field.style.background = "#5275C6 url(/images/layout2009/header_nav_lock.jpg) no-repeat scroll 11px center";
	    field.style.color = "#FFFFFF";
	    field.style.border = "1px solid #999999";
        field.style.fontFamily = "Arial, Helvetica, Sans-Serif";
        field.style.fontSize = "12px";
        field.style.padding = "5px 20px 5px 31px";
	    cell1.appendChild(field);
	    
	    field = document.createElement("input");
	    field.type = "hidden";
	    field.id = "HiddenReturnUrl";
	    field.name = "HiddenReturnUrl";
	    field.value = returnUrl;
	    cell1.appendChild(field);
	    
	    tableContainer.appendChild(table);
	    
        var links = document.createElement("div");
        links.style.padding = "5px 0 0 0";
        links.style.margin = "10px 0 5px 0";
        links.style.borderTop = "1px solid #CCCCCC";
        var l1 = document.createElement("a");
        var l2 = document.createElement("a");
        l1.href = "https://www.ezlandlordforms.com/join/";
        l1.style.display = "block";
        if (typeof(l1.style.cssFloat) != "undefined") l1.style.cssFloat = "left";
        else l1.style.styleFloat = "left";
        l1.appendChild(document.createTextNode("Create New Account"));
        l2.href = "https://www.ezlandlordforms.com/lostpassword.aspx";
        if (typeof(l2.style.cssFloat) != "undefined") l2.style.cssFloat = "right";
        else l2.style.styleFloat = "right";
        l2.appendChild(document.createTextNode("Lost Password?"));
        links.appendChild(l1);
        links.appendChild(l2);
        links.appendChild(document.createTextNode(" "));
	    
	    var close = document.createElement("a");
	    close.href = "#";
	    close.onclick = function() { Login.HideLoginBox(wrapper, curtain, positionInterval); return false; };
	    close.style.display = "block";
	    close.style.margin = "-5px -15px 0 0";
        if (typeof(close.style.cssFloat) != "undefined") close.style.cssFloat = "right";
        else close.style.styleFloat = "right";
	    var img = document.createElement("img");
	    img.src = "/images/layout2009/curtain_close.gif";
	    img.width = 26;
	    img.height = 26;
	    img.alt = "Close";
        close.appendChild(img);
        
	    form.appendChild(close);
	    form.appendChild(header);
	    form.appendChild(tableContainer);
	    form.appendChild(links);
	    wrapper.appendChild(form);
	    
	    Get("ElementDropBox").appendChild(wrapper);
	    
    	FocusSignInForm();
    }, 
    
    PositionLoginBox: function(wrapper) { 
	    wrapper.style.top = GetScreenCenteredY(wrapper.offsetHeight ? wrapper.offsetHeight : 270) + "px";
	    wrapper.style.left = GetScreenCenteredX(400) + "px";
    }, 

    HideLoginBox: function(wrapper, curtain, positionInterval) {
        clearInterval(positionInterval);
        Get("ElementDropBox").removeChild(wrapper);
        Get("ElementDropBox").removeChild(curtain);
    }
};