// JavaScript Document
var emailSelected = false, 
    pwdSelected = false,
    productSelected = false,
    overLoginBox = false;

function SetValues() 
{ 
    var email = document.getElementById("username");
    var password = document.getElementById("password");
    
    
    if (email != null)
        email.value = document.getElementById('username').value;
    if (password != null)
        password.value = document.getElementById('password').value; 

}

function ClearValues() 
{
    var username = document.getElementById('username');
    var password = document.getElementById('password');
    
    if (username != null)
        username.value = "";
    if (password != null)    
        password.value = "";
  
}

$(document).ready(
    function() {    
        $("#main-login").hover(
            function() {
                overLoginBox = true;
                
                $("#mylendingtree").css("visibility", "visible");
            },
                        
            function () {
                overLoginBox = false;
            
                if (!emailSelected && !pwdSelected )
                {                    
                    ClearValues(); 
                    $("#mylendingtree").css("visibility", "hidden");                                           
                }
            }
        );
    }
);

function ToggleEmailFocus()
{
    emailSelected = !emailSelected;
    
    if (!emailSelected && !pwdSelected && !productSelected && !overLoginBox)
        $("#mylendingtree").css("visibility", "hidden");
}

function TogglePwdFocus()
{
    pwdSelected = !pwdSelected;
    
    if (!emailSelected && !pwdSelected && !productSelected && !overLoginBox)
        $("#mylendingtree").css("visibility", "hidden");
}

function ToggleProductFocus()
{
    productSelected = !productSelected;
    
    if (!emailSelected && !pwdSelected && !productSelected && !overLoginBox)
        $("#mylendingtree").css("visibility", "hidden");
}

function ToggleLoginBox()
{
    if ($("#mylendingtree").css("visibility") == "visible")
    {
        ClearValues();
        $("#mylendingtree").css("visibility", "hidden");        
    }
    else
        $("#mylendingtree").css("visibility", "visible");   
}