// JScript File
// Configuration information is set by the Control Membership_Login.ascx
/*
var forgotloginpage = "ForgotLogin.aspx";
var registrationpage = "Join.aspx";
var updatemembershippage = "UpdateMembership.aspx";
*/

function loginClick()
{
    var username = document.getElementById("txtUsername").value;
    var password = document.getElementById("txtPassword").value;
    var chk = document.getElementById("ckbRemember");
    
	//hideLayer("LoginWrapper");
	var msg = "";
	if(username == '')
	{
	    msg += "User Name is required.";	    
	}
	if(password == '')
	{
	    msg += "Password is required.";
	}
	if(msg == '')
	{
	    showLayer("failmessage","<img src='images/ajax_loading_sq.gif' />");
	    if(chk.checked)
        {
            Login.AjaxLogin(username,password,"1",updatemembershippage,loginClick_Postback);
        }
        else 
        {
            Login.AjaxLogin(username,password,"0",updatemembershippage,loginClick_Postback);
        }
    }
    else 
    {
        hideLayer("failmessage");
        alert(msg);
    }
}
/*
function loginClick_Postback(response)
{
    var ds = response.value;
    if(ds!=null && typeof(ds) == "object" && ds.Tables!=null) 
	{
	    if(ds.Tables[0].Rows[0].code == 1)
	    {
	        //document.getElementById("loginbox").className = "showMsg";
	        //showLayer("Message",ds.Tables[0].Rows[0].msgs);
	        showLayer("loginbox","<div class='vip_login' id='loginbox' ><div class='vip_login_message' id='Message'>"+ds.Tables[0].Rows[0].msgs+"</div></div>");
	        
	        hideLayer("LoginWrapper");	        
	        if(typeof(login_generator) != 'undefined')
	        {
	            if(login_generator != "")
	            {
	              // The element needs to be refreshed.
	              //location.reload(true);
	              document.getElementById(login_generator).innerHTML = login_script;		                      
	            }
	            
	        }
	    }
	    else 
	    {
	        showLayer("failmessage",ds.Tables[0].Rows[0].msgs);
	    }
	}
}
*/

function loginClick_Postback(response)
{
    var ds = response.value;
    if(ds!=null && typeof(ds) == "object" && ds.Tables!=null) 
	{
	    if(ds.Tables[0].Rows[0].code == 1)
	    {
	        //document.getElementById("loginbox").className = "showMsg";
	        //showLayer("Message",ds.Tables[0].Rows[0].msgs);
	        //showLayer("loginbox","<div class='vip_login' id='loginbox' ><div class='vip_login_message' id='Message'>"+ds.Tables[0].Rows[0].msgs+"</div></div>");
            /*
	        showLayer("loginbox","<div class='vip_login'><div class='vip_login_message' id='Message'>"+ds.Tables[0].Rows[0].msgs+"</div></div>");
	        hideLayer("failmessage");
	        hideLayer("LoginWrapper");	
	        if(typeof(rat_items) == 'object')
	        {
	                for(var i=0;i<rat_items.length;i++)
	                {
	                    var data = rat_items[i].split("|");
	                    var ele = document.getElementById("ltlstars"+data[0]);
	                    if(ele != null)
	                    {
	                        ele.innerHTML = data[1];
	                    }
	                }
	        }
            */
	        window.location.reload();
	           
	    }
	    else 
	    {
	        showLayer("failmessage",ds.Tables[0].Rows[0].msgs);
	    }
	}
}

function showLayer(name,msg)
{
    document.getElementById(name).className = "showMsg";
    document.getElementById(name).innerHTML = msg;
}
function hideLayer(name)
{
     document.getElementById(name).className = "hideMsg";     
}

function displayLoginForm()
{
    var s = new Array();
    /*
    s[s.length] = "<table border='0' cellspacing='1' cellpadding='1'>"+
                    "<tr><td colspan='3' ><div id='failmessage'></div></td></tr>"+
                  "<tr>"+
                    "<td >User Name: </td>"+
                    "<td ><input id='txtUsername' type='text' value='' size='20px' maxlength='20' /></td>"+
                    "<td >&nbsp;</td>"+
                  "</tr>"+
                  "<tr>"+
                    "<td >Password: </td>"+
                    "<td ><input id='txtPassword' type='password' value='' size='20px' maxlength='20' /></td>"+
                    "<td ><a href=# onclick='loginClick()' >Login</a></td>"+
                  "</tr>"+
                  "<tr>"+
                   "<td colspan='2' align='right'>Remember Me:</td>"+
                    "<td align='left'><input type='checkbox' value='1' id='ckbRemember'/></td>"+
                  "</tr>"+
                  "<tr>"+
                  "<td ></td>"+
                   "<td colspan='2' align='left'><a href='"+forgotloginpage+"' target='_self'>forgot your log-in </a> | <a href='"+registrationpage+"' target='_self'>sign-up</a></td>"+
                  "</tr>"+
                "</table>";
    */
    /*
    s[s.length] = "<div class='vip_login vip_login_form_bg'>"+
		            "<div class='vip_login_form'><div id='failmessage'></div>"+
			            "<div class='row_top'>"+
				            "<div class='label'>User Name</div>"+
				            "<input id='txtUsername' class='input_field' value='' size='20' maxlength='20' type='text'>"+
			            "</div>"+
			            "<div class='row_top'>"+
			            "<div class='label'>Password</div>"+ 
			            "<input id='txtPassword' class='input_field' value='' size='20' maxlength='20' type='password'>"+
			            "</div>"+
			            "<div class='row_bottom'>"+
			            "<input value='1' id='ckbRemember' type='checkbox'>&nbsp;Remember Me"+
			            "<br/>"+
			            "<a class='login' href='javascript:loginClick();'><img src='images/cn_button_vip_login.gif' /></a>"+
			            "<a class='signup' href='Membership_Registration.aspx' target='_self'><img src='images/cn_button_vip_signup.gif' /></a>"+
			            "<br/>"+
			            "<a href='Membership_ForgotLogin.aspx' class='small' target='_self'>Forgot your log-in info? </a>"+
			            "</div>"+
		            "</div>"+			
	            "</div>";
	*/ 
	 s[s.length] = "<div class='vip_login vip_login_form_bg'>"+
		            "<div class='vip_login_form'>"+
			            "<div class='row_top'>"+
				            "<div class='label'>User Name</div>"+
				            "<input id='txtUsername' class='input_field' value='' size='20' maxlength='20' type='text'>"+
			            "</div>"+
			            "<div class='row_top'>"+
			            "<div class='label'>Password</div>"+ 
			            "<input id='txtPassword' class='input_field' value='' size='20' maxlength='20' type='password'>"+
			            "</div>"+
			            "<div class='row_bottom'>"+
			            "<input value='1' id='ckbRemember' type='checkbox'>&nbsp;Remember Me"+
			            "<br/>"+
			            "<a class='login' href='javascript:loginClick();'><img src='images/cn_button_vip_login.gif' /></a>"+
			            "<a class='signup' href='Membership_Registration.aspx' target='_self'><img src='images/cn_button_vip_signup.gif' /></a>"+
			            "<br/>"+
			            "<a href='Membership_ForgotLogin.aspx' class='small' target='_self'>Forgot your log-in info? </a>"+
			            "</div>"+
		            "</div>"+			
	            "</div>";
	                   
    showLayer("LoginWrapper",s.join(""));
    hideLayer("loginbox");            
    hideLayer("Message");               
}

function logout()
{
    Login.AjaxLogout(logout_Postback);
}
function logout_Postback(response)
{
    //showLayer("Message","<div class='vip_login' id='loginbox' ><div class='vip_login_message' id='Message'><a href='javascript:displayLoginForm();' >Log-in</a> or <a href='" + registrationpage + "' target='_self' >Register</a> to become a VIP.</div></div>");
    showLayer("Message","<div class='vip_login'><div class='vip_login_message' id='Message'><a href='javascript:displayLoginForm();' >Log-in</a> or <a href='" + registrationpage + "' target='_self' >Register</a> to become a VIP.</div></div>");
    if(typeof(login_generator) != 'undefined')
    {
        location.reload(true);
    }    
}

