//Ext.BLANK_IMAGE_URL = 'images/ext/tree/s.gif';

var user_email;
var userName;

var ajaxUrl = "";
var redirectUrl = "";
var imgUrl="";

//mode flag
//0:login; 1:get password
var login_mode = 0;
var is_remember = "";

Ext.onReady(function(){

    Ext.QuickTips.init();
    
    var randNo=Math.floor(Math.random()*10000000);
    ajaxUrl = "Barnyard/login_ajax.aspx?r="+randNo;
    
    var isLogin = getURLParam('login',window.location.href);
    var isForgotpwd = getURLParam('forgotpwd',window.location.href);
    var isRegister = getURLParam('register',window.location.href);
    
    if(isLogin=="y")
    {
        LoginToBarnyard('root');
    }
    else if(isForgotpwd=="y")
    {
        showForgotPwdWindow();
    }
    else if(isRegister=="y")
    {
        showRegisterWindow();
    }
    
    expDate.setTime(expDate.getTime()+365*24*60*60*1000); // one year
});

//----------------------------------------------------------------------------
//local functions

function login_focus()
{
    document.getElementById('user_email').focus();
}

function forgotpwd_focus()
{
    document.getElementById('user_email_mode1').focus();
}

function register_focus()
{
    document.getElementById('user_email_register').focus();
}

function LoginToBarnyard(page){

    var randNo=Math.floor(Math.random()*10000000);
    var u=window.location.href;
    var findCompanyid=getURLParam('company_id',u);
    var findProjectid=getURLParam('project_id',u);
    var findMenutype=getURLParam('menu_type',u);
    var findPagetype=getURLParam('page_type',u);
    var findTempprojectEmail=getURLParam('project_upload_email',u);
    var findTempprojectName=getURLParam('project_name',u);
    
    //Set Global variables
    if(page == "root")
    {
        ajaxUrl = "Barnyard/login_ajax.aspx?r="+randNo;
        if(findCompanyid=="" && findProjectid=="" && findPagetype=="")
        {
            redirectUrl = "Barnyard/barnyard.aspx?r="+randNo;
        }
        else if(findPagetype=="temp_project" && findTempprojectEmail!="" && findTempprojectName!="")
        {
            redirectUrl = "Barnyard/barnyard.aspx?page_type=temp_project&project_upload_email="+findTempprojectEmail+"&project_name="+findTempprojectName+"&r="+randNo;
        }
        else
        {
            redirectUrl = "Barnyard/barnyard.aspx?company_id="+findCompanyid+"&project_id="+findProjectid+"&menu_type="+findMenutype+"&page_type="+findPagetype+"&r="+randNo;
        }
    }
    else
    {
        ajaxUrl = "../Barnyard/login_ajax.aspx?r="+randNo;
        if(findCompanyid=="" && findProjectid=="" && findPagetype=="")
        {
            redirectUrl = "../Barnyard/barnyard.aspx?r="+randNo;
        }
        else if(findPagetype=="temp_project" && findTempprojectEmail!="" && findTempprojectName!="")
        {
            redirectUrl = "../Barnyard/barnyard.aspx?page_type=temp_project&project_upload_email="+findTempprojectEmail+"&project_name="+findTempprojectName+"&r="+randNo;
        }
        else
        {
            redirectUrl = "Barnyard/barnyard.aspx?company_id="+findCompanyid+"&project_id="+findProjectid+"&page_type="+findPagetype+"&r="+randNo;
        }
    }
    
    //clear login prompt all field
    if(document.getElementById('user_email')!=null)
        document.getElementById('user_email').value="";
    if(document.getElementById('Password')!=null)
        document.getElementById('Password').value="";
    if(document.getElementById('msg_row')!=null)
        document.getElementById('msg_row').innerHTML="";
    
    ShowLoginWindow();
}

function login_forgotpassword_ReturnKey(e)
{
    var key;
    if(window.event)
        key = window.event.keyCode;     //IE
    else
        key = e.which;     //firefox
    if (key == 13)
        checkLogin();
}

function register_returnKey(e)
{
    var key;
    if(window.event)
        key = window.event.keyCode;     //IE
    else
        key = e.which;     //firefox
    if (key == 13)
        registerUser();
}

String.prototype.trim = function(){ 
    var re = /^\s+|\s+$/g;
    return function(){return this.replace(re, "");};
}();
//-----------------------------------------------------------------------
var loginWindow;
function ShowLoginWindow()
{
    var remember_email = "";
    var remember_password = "";

    if (getCookie('remember_user') != 0)
    {
        var tempArr = getCookie('remember_user').split(',');
        remember_email = tempArr[0];
        remember_password = tempArr[1];
        is_remember = "checked";
    }
        
    var loginWindowHtml = "";
    loginWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
        loginWindowHtml += "<tr>";
            loginWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"200px\" height=\"86px\" alt=\"\" /></td>";
        loginWindowHtml += "</tr>";
        loginWindowHtml += "<tr>";
            loginWindowHtml += "<td align=\"left\" valign=\"top\">";
                loginWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                loginWindowHtml += "<tr>";
                    loginWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"105px\" height=\"1px\" alt=\"\" /></td>";
                    loginWindowHtml += "<td align=\"left\" valign=\"top\">";
                        loginWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                        loginWindowHtml += "<tr>";
                            loginWindowHtml += "<td><input id=\"user_email\" onkeypress=\"login_forgotpassword_ReturnKey(event)\" type=\"text\" class=\"prompt_field\" value='"+remember_email+"' /></td>";
                        loginWindowHtml += "</tr>";
                        loginWindowHtml += "<tr>";
                            loginWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"1px\" height=\"10px\" alt=\"\" /></td>";
                        loginWindowHtml += "</tr>";
                        loginWindowHtml += "<tr>";
                            loginWindowHtml += "<td><input id=\"Password\" onkeypress=\"login_forgotpassword_ReturnKey(event)\" type=\"password\" class=\"prompt_field\" value='"+remember_password+"' /></td>";
                        loginWindowHtml += "</tr>";
                        loginWindowHtml += "<tr>";
                            loginWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"1px\" height=\"10px\" alt=\"\" /></td>";
                        loginWindowHtml += "</tr>";
                        loginWindowHtml += "<tr>";
                            loginWindowHtml += "<td align=\"right\" valign=\"top\">";
                                loginWindowHtml += "<span id=\"forgot_password\" onclick=\"showForgotPwdWindow()\"><img src=\"Graphics/forgot_password.png\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" alt=\"\" /></span><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /><span><img src=\"Graphics/register.png\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" onclick=\"showRegisterWindow()\" alt=\"\" /></span>";
                            loginWindowHtml += "</td>";
                        loginWindowHtml += "</tr>";
                        loginWindowHtml += "<tr>";
                            loginWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"1px\" height=\"6px\" alt=\"\" /></td>";
                        loginWindowHtml += "</tr>";
                        loginWindowHtml += "</table>";
                    loginWindowHtml += "</td>";
                loginWindowHtml += "</tr>";
                loginWindowHtml += "</table>";
            loginWindowHtml += "</td>";
        loginWindowHtml += "</tr>";
        loginWindowHtml += "<tr>";
            loginWindowHtml += "<td align=\"right\" valign=\"top\">";
                loginWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                loginWindowHtml += "<tr>";
                    loginWindowHtml += "<td align=\"left\" valign=\"top\"><input id=\"chx_remember\" type=\"checkbox\" "+is_remember+" /></td>";
                    loginWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"2px\" height=\"1px\" alt=\"\" /></td>";
                    loginWindowHtml += "<td align=\"left\" valign=\"middle\">remember me</td>";
                    loginWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"43px\" height=\"1px\" alt=\"\" /></td>";
                loginWindowHtml += "</tr>";
                loginWindowHtml += "</table>";
            loginWindowHtml += "</td>";
        loginWindowHtml += "</tr>";
        loginWindowHtml += "<tr>";
            loginWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"2px\" alt=\"\" /></td>";
        loginWindowHtml += "</tr>";
        loginWindowHtml += "<tr>";
            loginWindowHtml += "<td align=\"center\" valign=\"middle\" style=\"width:324px; height:25px;\"><div id=\"msg_row\" class=\"prompt_message\"></div></td>";
        loginWindowHtml += "</tr>";
        loginWindowHtml += "<tr>";
            loginWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"2px\" alt=\"\" /></td>";
        loginWindowHtml += "</tr>";
        loginWindowHtml += "<tr>";
            loginWindowHtml += "<td align=\"left\" valign=\"top\">";
                loginWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                loginWindowHtml += "<tr>";
                    loginWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"75px\" height=\"1px\" alt=\"\" /></td>";
                    loginWindowHtml += "<td><img onclick=\"checkLogin()\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" src=\"Graphics/submit.png\" alt=\"submit\" /></td>";
                    loginWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"20px\" height=\"1px\" alt=\"\" /></td>";
                    loginWindowHtml += "<td><img onclick=\"closeLoginWindow()\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" src=\"Graphics/cancel.png\" alt=\"\" /></td>";
                loginWindowHtml += "</tr>";
                loginWindowHtml += "</table>";
            loginWindowHtml += "</td>";
        loginWindowHtml += "</tr>";
    loginWindowHtml += "</table>";

    var loginForm = new Ext.Panel
    ({
        bodyStyle: "background-image:url('Graphics/prompt_login.png')",
        border: false,
        html: loginWindowHtml

    });

    //window define  
    loginWindow = new Ext.Window({
        id: 'loginWindow',
        width: 324,
        height: 260,
        layout:'fit',
        plain:false,
        header:false,
        resizable: false,
        closable: false,
        shadow:false,
        modal: true,
        items: loginForm
    });

    loginWindow.show();
    var w = Ext.getCmp('loginWindow');
    var el = w.getEl();
    el.addClass('qoox95').disableShadow();

    setTimeout(login_focus,100);
}



//forgot password html
var forgotPasswordWindowHtml = "";
forgotPasswordWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                forgotPasswordWindowHtml += "<tr>";
                    forgotPasswordWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"200px\" height=\"130px\" alt=\"\" /></td>";
                forgotPasswordWindowHtml += "</tr>";
                forgotPasswordWindowHtml += "<tr>";
                    forgotPasswordWindowHtml += "<td align=\"left\" valign=\"top\">";
                        forgotPasswordWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                        forgotPasswordWindowHtml += "<tr>";
                            forgotPasswordWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"105px\" height=\"1px\" alt=\"\" /></td>";
                            forgotPasswordWindowHtml += "<td align=\"left\" valign=\"top\">";
                                forgotPasswordWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                                forgotPasswordWindowHtml += "<tr>";
                                    forgotPasswordWindowHtml += "<td><input id=\"user_email_mode1\" onkeypress=\"login_forgotpassword_ReturnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                                forgotPasswordWindowHtml += "</tr>";
                                forgotPasswordWindowHtml += "<tr>";
                                    forgotPasswordWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"1px\" height=\"10px\" alt=\"\" /></td>";
                                forgotPasswordWindowHtml += "</tr>";
                                forgotPasswordWindowHtml += "</table>";
                            forgotPasswordWindowHtml += "</td>";
                        forgotPasswordWindowHtml += "</tr>";
                        forgotPasswordWindowHtml += "</table>";
                    forgotPasswordWindowHtml += "</td>";
                forgotPasswordWindowHtml += "</tr>";
                forgotPasswordWindowHtml += "<tr>";
                    forgotPasswordWindowHtml += "<td align=\"center\" valign=\"middle\" style=\"width:324px; height:25px;\"><div id=\"fp_msg_row\" class=\"prompt_message\"></div></td>";
                forgotPasswordWindowHtml += "</tr>";
                forgotPasswordWindowHtml += "<tr>";
                    forgotPasswordWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"21px\" alt=\"\" /></td>";
                forgotPasswordWindowHtml += "</tr>";
                forgotPasswordWindowHtml += "<tr>";
                    forgotPasswordWindowHtml += "<td align=\"left\" valign=\"top\">";
                        forgotPasswordWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                        forgotPasswordWindowHtml += "<tr>";
                            forgotPasswordWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"75px\" height=\"1px\" alt=\"\" /></td>";
                            forgotPasswordWindowHtml += "<td><img onclick=\"checkLogin()\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" src=\"Graphics/submit.png\" alt=\"submit\" /></td>";
                            forgotPasswordWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"20px\" height=\"1px\" alt=\"\" /></td>";
                            forgotPasswordWindowHtml += "<td><img onclick=\"closeForgotPwdWindow()\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" src=\"Graphics/cancel.png\" alt=\"cancel\" /></td>";
                        forgotPasswordWindowHtml += "</tr>";
                        forgotPasswordWindowHtml += "</table>";
                    forgotPasswordWindowHtml += "</td>";
                forgotPasswordWindowHtml += "</tr>";
            forgotPasswordWindowHtml += "</table>";

//register html
var registerWindowHtml = "";

registerWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
            registerWindowHtml += "<tr>";
                registerWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"200px\" height=\"53px\" alt=\"\" /></td>";
            registerWindowHtml += "</tr>";
            registerWindowHtml += "<tr>";
                registerWindowHtml += "<td align=\"left\" valign=\"top\">";
                    registerWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                    registerWindowHtml += "<tr>";
                        registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"40px\" height=\"1px\" alt=\"\" /></td>";
                        registerWindowHtml += "<td align=\"left\" valign=\"top\" class=\"text\">";
                            registerWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">e-mail:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_email_register\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">name:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_name\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">company:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_company\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">address 1:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_add1\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">address 2:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_add2\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">city:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_city\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">state/province:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_state\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">zip:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_zip\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">phone:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_phone\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">fax:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_fax\" onkeypress=\"register_returnKey(event)\" type=\"text\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">password:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_login_password\" onkeypress=\"register_returnKey(event)\" type=\"password\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"3px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td align=\"right\" valign=\"top\">retype password:</td>";
                                registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"10px\" height=\"1px\" alt=\"\" /></td>";
                                registerWindowHtml += "<td><input id=\"user_repassword\" onkeypress=\"register_returnKey(event)\" type=\"password\" class=\"prompt_field\" /></td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr>";
                                registerWindowHtml += "<td colspan=\"2\"></td>";
                                registerWindowHtml += "<td>minimum of 6 characters</td>";
                            registerWindowHtml += "</tr>";
                            registerWindowHtml += "<tr><td colspan=\"3\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"10px\" alt=\"\" /></td></tr>";
                            registerWindowHtml += "</table>";
                        registerWindowHtml += "</td>";
                    registerWindowHtml += "</tr>";
                    registerWindowHtml += "</table>";
                registerWindowHtml += "</td>";
            registerWindowHtml += "</tr>";
            registerWindowHtml += "<tr>";
                registerWindowHtml += "<td align=\"center\" valign=\"middle\" style=\"width:340px; height:32px;\"><div id=\"register_msg_row\" class=\"prompt_message\"></div></td>";
            registerWindowHtml += "</tr>";
            registerWindowHtml += "<tr>";
                registerWindowHtml += "<td align=\"left\" valign=\"top\"><img src=\"Graphics/x.gif\" width=\"1px\" height=\"10px\" alt=\"\" /></td>";
            registerWindowHtml += "</tr>";
            registerWindowHtml += "<tr>";
                registerWindowHtml += "<td align=\"left\" valign=\"top\">";
                    registerWindowHtml += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                    registerWindowHtml += "<tr>";
                        registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"75px\" height=\"1px\" alt=\"\" /></td>";
                        registerWindowHtml += "<td><img onclick=\"registerUser()\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" src=\"Graphics/submit.png\" alt=\"submit\" /></td>";
                        registerWindowHtml += "<td><img src=\"Graphics/x.gif\" width=\"25px\" height=\"1px\" alt=\"\" /></td>";
                        registerWindowHtml += "<td><img onclick=\"closeRegisterWindow()\" onmouseover=\"mOver(this)\" onmouseout=\"mOut(this)\" src=\"Graphics/cancel.png\" alt=\"cancel\" /></td>";
                    registerWindowHtml += "</tr>";
                    registerWindowHtml += "</table>";
                registerWindowHtml += "</td>";
            registerWindowHtml += "</tr>";
        registerWindowHtml += "</table>";
//---------------------------------------------------------------------------
//form define


var forgotpwdForm = new Ext.Panel
({
    bodyStyle: "background-image:url('Graphics/prompt_forgot.png')",
    border: false,
    html: forgotPasswordWindowHtml

});

var registerForm = new Ext.Panel
({
    bodyStyle: "background-image:url('Graphics/prompt_register.png')",
    border: false,
    buttonAlign: 'center',
    html: registerWindowHtml

});


var forgotpwdWindow = new Ext.Window({
    id: 'forgotpwdWindow',
    width: 324,
    height:260,
    layout:'fit',
    plain:false,
    header:false,
    resizable: false,
    closable: false,
    shadow:false,
    modal: true,
    items: forgotpwdForm
});

var registerWindow = new Ext.Window({
    id: 'registerWindow',
    width: 373,
    height:438,
    layout:'fit',
    plain:false,
    header:false,
    resizable: false,
    closable: false,
    shadow:false,
    modal: true,
    items: registerForm
});


//-----------------------------------------------------------------------------------------------------------------
//show hide windows
function closeLoginWindow()
{
    loginWindow.close();
}

function closeForgotPwdWindow()
{
    //clear login prompt all field
    if(document.getElementById('user_email')!=null)
        document.getElementById('user_email').value="";
    if(document.getElementById('Password')!=null)
        document.getElementById('Password').value="";
    if(document.getElementById('msg_row')!=null)
        document.getElementById('msg_row').innerHTML="";
    
    forgotpwdWindow.hide();
    login_mode = 0;
    
    if(document.getElementById('user_email')!=null)
    {
        document.getElementById('user_email').focus();
    }
}

function closeRegisterWindow()
{
    //clear login prompt all field
    if(document.getElementById('user_email')!=null)
        document.getElementById('user_email').value="";
    if(document.getElementById('Password')!=null)
        document.getElementById('Password').value="";
    if(document.getElementById('msg_row')!=null)
        document.getElementById('msg_row').innerHTML="";
    
    registerWindow.hide();
    if(document.getElementById('user_email')!=null)
    {
        document.getElementById('user_email').focus();
    }
}

function showForgotPwdWindow()
{
    //clear forgot password prompt field
    if(document.getElementById('user_email_mode1')!=null)
        document.getElementById('user_email_mode1').value="";
    if(document.getElementById('fp_msg_row')!=null)
        document.getElementById('fp_msg_row').innerHTML="";

    login_mode = 1;
    forgotpwdWindow.show();
    var w = Ext.getCmp('forgotpwdWindow');
    var el = w.getEl();
    el.addClass('qoox95').disableShadow();
    
    setTimeout(forgotpwd_focus,100);
}

function showRegisterWindow()
{
    //clear all register field
    if(document.getElementById('user_email_register')!=null)
        document.getElementById('user_email_register').value="";
    if(document.getElementById('user_name')!=null)
        document.getElementById('user_name').value="";
    if(document.getElementById('user_company')!=null)
        document.getElementById('user_company').value="";
    if(document.getElementById('user_add1')!=null)
        document.getElementById('user_add1').value="";
    if(document.getElementById('user_add2')!=null)
        document.getElementById('user_add2').value="";
    if(document.getElementById('user_city')!=null)
        document.getElementById('user_city').value="";
    if(document.getElementById('user_state')!=null)
        document.getElementById('user_state').value="";
    if(document.getElementById('user_zip')!=null)
        document.getElementById('user_zip').value="";
    if(document.getElementById('user_phone')!=null)
        document.getElementById('user_phone').value="";
    if(document.getElementById('user_fax')!=null)
        document.getElementById('user_fax').value="";
    if(document.getElementById('user_login_password')!=null)
        document.getElementById('user_login_password').value="";
    if(document.getElementById('user_repassword')!=null)
        document.getElementById('user_repassword').value="";
    if(document.getElementById('register_msg_row')!=null)
        document.getElementById('register_msg_row').innerHTML="";

    registerWindow.show();
    var w = Ext.getCmp('registerWindow');
    var el = w.getEl();
    el.addClass('qoox95').disableShadow();
    
    setTimeout(register_focus,100);
}

//------------------------------------------------------------------------------
//Message Display

function showMessageWindow(error_message,window_type)
{
    switch(window_type)
    {
        case "login_win":
            document.getElementById('msg_row').innerHTML=error_message;
            break;
        
        case "forgot_password_win":
            document.getElementById('fp_msg_row').innerHTML=error_message;
            document.getElementById('user_email_mode1').focus();
            break;
        
        case "register_win":
            document.getElementById('register_msg_row').innerHTML=error_message;
            document.getElementById('user_email_register').focus();
            break;
        
        default:
        break;
    }
}

//-------------------------------------------------------------------------------
//event handler

//check login and send password handler
function checkLogin()
{
    if(login_mode == 0)
    {
        var user_email = Ext.get('user_email').getValue();
        var password = Ext.get('Password').getValue();
              
        if(user_email == "")
        {
            showMessageWindow("please enter e-mail address...","login_win");
            document.getElementById('user_email').focus();
        }
        else if(validateEmail(user_email)==false)
        {
            showMessageWindow("please enter valid e-mail address...","login_win");
            document.getElementById('user_email').focus();
        }
        else if(password == "")
        {
            showMessageWindow("please enter password...","login_win");
            document.getElementById('Password').focus();
        }
        else
        {
            Ext.Ajax.request({
                url: ajaxUrl,
                params: {task: 'checkLogin', user_email: user_email, password: password},
                success: function(msg){
                    if(msg.responseText == "0")
                    {
                        document.getElementById("Password").value="";
                        showMessageWindow("Oops...please try again.","login_win");
                        document.getElementById('Password').focus();
                    }
                    else
                    {
                        if(document.getElementById('chx_remember').checked == true)
                            setCookie('remember_user',msg.responseText,expDate);
                        else
                            setCookie('remember_user',0,expDate);
                    
                        //Successful login - re-direct to Barnyard page
                        RedirectPage(redirectUrl);
                    }
                },
                failure: function(){
                    showMessageWindow("login failed.","login_win");
                }
            });
        }
    }
    else if(login_mode == 1)
    {
        var user_email = Ext.get('user_email_mode1').getValue()
        if(user_email == "")
            showMessageWindow("please enter e-mail address...","forgot_password_win");
        else if(validateEmail(user_email)==false)
            showMessageWindow("please enter valid e-mail address...","forgot_password_win");
        else
        {
            Ext.Ajax.request({
                url: ajaxUrl,
                params: {task: 'getPassword', user_email: user_email},
                success: function(msg){
                    showMessageWindow(msg.responseText,"forgot_password_win");
                },
                failure: function(){
                    showMessageWindow("send password failed","forgot_password_win");
                }
            });
        }
    }
}

//register event handler
function registerUser()
{
    var user_email = Ext.get('user_email_register').getValue();
    
    var user_name = Ext.get('user_name').getValue().trim();
    document.getElementById('user_name').value = user_name;
    
    var user_company = Ext.get('user_company').getValue().trim();
    document.getElementById('user_company').value = user_company;
    
    var user_add1 = Ext.get('user_add1').getValue().trim();
    document.getElementById('user_add1').value = user_add1;
    
    var user_add2 = Ext.get('user_add2').getValue().trim();
    document.getElementById('user_add2').value = user_add2;
    
    var user_city = Ext.get('user_city').getValue().trim();
    document.getElementById('user_city').value = user_city;
    
    var user_state = Ext.get('user_state').getValue().trim();
    document.getElementById('user_state').value = user_state;
    
    var user_zip = Ext.get('user_zip').getValue().trim();
    document.getElementById('user_zip').value = user_zip;
    
    var user_phone = Ext.get('user_phone').getValue().trim();
    document.getElementById('user_phone').value = user_phone;
    
    var user_fax = Ext.get('user_fax').getValue().trim();
    document.getElementById('user_fax').value = user_fax;
    
    var user_login_password = Ext.get('user_login_password').getValue();
    var user_repassword = Ext.get('user_repassword').getValue();

    //Verify fields
    if(user_email == "")
    {
        showMessageWindow("please enter e-mail address...","register_win");
        document.getElementById('user_email_register').focus();
    }
    else if(validateEmail(user_email)==false)
    {
        showMessageWindow("please enter valid e-mail address...","register_win");
        document.getElementById('user_email_register').focus();
    }
    else if(user_name.length==0)
    {
        showMessageWindow("please enter name...","register_win");
        document.getElementById('user_name').focus();
    }
    else if(user_company.length==0)
    {
        showMessageWindow("please enter company...","register_win");
        document.getElementById('user_company').focus();
    }
    else if(user_add1.length==0)
    {
        showMessageWindow("please enter address...","register_win");
        document.getElementById('user_add1').focus();
    }
    else if(user_city.length==0)
    {
        showMessageWindow("please enter city...","register_win");
        document.getElementById('user_city').focus();
    }
    else if(user_state.length==0)
    {
        showMessageWindow("please enter state/province...","register_win");
        document.getElementById('user_state').focus();
    }
    else if(user_zip.length==0)
    {
        showMessageWindow("please enter zip...","register_win");
        document.getElementById('user_zip').focus();
    }
    else if(user_phone.length==0)
    {
        showMessageWindow("please enter phone...","register_win");
        document.getElementById('user_phone').focus();
    }
    else if(user_login_password.length<6)
    {
        showMessageWindow("password must be more than 6 characters...","register_win");
        document.getElementById('user_login_password').value="";
        document.getElementById('user_login_password').focus();
    }
    else if(user_login_password != user_repassword)
    {
        showMessageWindow("password does not match...","register_win");
        document.getElementById('user_repassword').value="";
        document.getElementById('user_repassword').focus();
    }
    else
    {
        Ext.Ajax.request({
            url: ajaxUrl,
            params: {task: 'registerUser', user_email:user_email, user_name: user_name, user_company:user_company, user_add1:user_add1, user_add2:user_add2, user_city:user_city, user_state:user_state, user_zip:user_zip, user_phone:user_phone, user_fax:user_fax, user_login_password:user_login_password},
            success: function(msg){
                showMessageWindow(msg.responseText,"register_win");
            },
            failure: function(){
                showMessageWindow("register failed.","register_win");
            }
        });
    }
}