var httpObject;
$(document).ready(function() {
	$('#email').focus();
	var validator = $("#myForm1").validate({ 
        rules: {
			email: { 
		        required: true, 
		        email: true 
		    },
            password: { 
                required: true
            }
        }, 
        messages: {
        	email: { 
	            required: requiredEmailMessage, 
	            email: validEmailMessage
	        },
	        password: { 
                required: pwdRequireMessage
            }
        },
        // the errorPlacement has to take the table layout into account 
        errorPlacement: function(error, element) { 
            if ( element.is(":radio") ) 
                error.appendTo( element.parent().next().next() ); 
            else if ( element.is(":checkbox") ) 
                error.appendTo ( element.next() ); 
            else 
                error.appendTo( element.parent().next() );
        }, 
        // specifying a submitHandler prevents the default submit, good for the demo 
        submitHandler: function() {
        	httpObject = getHTTPObject();
        	if (httpObject != null) {
        		el = document.getElementById('email').value;
        		pwd = document.getElementById('password').value;
        		httpObject.open("POST", "signIn_ajax.php");
        		httpObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        		httpObject.send('email='+encodeURIComponent(el)+"&password="+encodeURIComponent(pwd));
        		httpObject.onreadystatechange = setOutput;
        	}
        	else
        	{
        		alert('Server connection failure');
        	}
        }, 
        // set this class to error-labels to indicate valid fields 
        success: function(label) { 
            // set as text for IE 
            label.html(" ").addClass("checked"); 
        } 
    });
	
	//document.getElementById('footer').style.visibility = 'hidden';
	//document.getElementById('mainnav').style.visibility = 'hidden';
	document.getElementById('footer').style.display = 'none';
	document.getElementById('mainnav').style.display = 'none';
	document.getElementById('loginBox').style.visibility = 'hidden';	
});

function setOutput()
{
	if(httpObject.readyState == 4)
	{
		var answerText = httpObject.responseText;
		if (answerText == 'true')
		{
			document.location = 'dashboard.php';
		}
		else if( answerText == 'no_activation')
		{
			document.getElementById('result').innerHTML ='<label class="error" for="password" generated="true">'+noActivationMessage+'</label>';
			tb_init('a.thickbox');// is used to initiate the thickbox again to allow it to open as thickbox.
		}
		else
		{
			document.getElementById('result').innerHTML ='<label class="error" for="password" generated="true">'+wrongPwdMessage+'</label>';
			tb_init('a.thickbox');// is used to initiate the thickbox again to allow it to open as thickbox.
		}
	}
}