$(function(){
	(new Login()).createDialog();
});
function Login () {
			this._serverUrl = 'http://www.duggys.co.nz/';
		if (jQuery('.login_page').length == 0) {
		return;
	}
	jQuery('body').append('<div id="divLoginHtml" title="Log in" style="height: 125px!important;"></div>');
		jQuery('#divLoginHtml').html('<table width="100%" cellspacing="6" cellpadding="0" border="0" id="tableLogin">\
		<tbody>\
			<tr><td height="10" colspan="2"></td></tr>\
			<tr>\
				<td align="center">Email Address: </td>\
				<td><input type="text" value="" name="email" id="email"></td>\
			</tr>\
			<tr>\
				<td align="center">Password:</td>\
				<td><input type="password" value="" name="password" id="password"></td>\
			</tr>\
			<tr>\
				<td>&nbsp;</td>\
				<td>\
					<input type="checkbox" checked="checked" value="remember" name="remember" id="remember">\
					&nbsp;Remember me\
				</td>\
			</tr>\
			<tr>\
				<td colspan="2">\
					<a id="forgot_link" style="color: rgb(204, 102, 51);" href="#"><strong>Forgot Password?</strong></a>\
				</td>\
			</tr>\
		</tbody></table>\
		<div id="forgot_pass" style="display:none">\
		  <table width="100%" border="0" cellspacing="6" cellpadding="0">\
			<tr>\
			  <td width="50%">&nbsp;</td>\
			  <td width="50%">&nbsp;</td>\
			</tr>\
			<tr>\
			  <td align="center">Email Address: </td>\
			  <td>\
				<input type="text" name="email_pass" id="email_pass">\
				<div id="txtHint"></div>\
			 </td>\
			</tr>\
			<tr>\
			  <td width="50%" colspan="2" style="padding-left:42px;"><a href="#" id="back_link" style="color: rgb(204, 102, 51);"><strong>Back to login</strong></a></td>\
			</tr>\
		  </table>\
		</div>\
		<div id="divMessage" style="padding: 15px;display:none;"></div>');
		
}
Login.prototype.createDialog = function () {
	var obj = this;
	jQuery('#tableLogin').show();
	jQuery('#tableLogin').nextAll('div').hide();
	jQuery('#divLoginHtml').dialog({
		bgiframe: true,
		height: 218,
		width: 400,
		resizable: false,
		zIndex: 160000,
		modal: true,
		autoOpen: false,
		buttons: { 
					"Ok": function() {
				if(jQuery('#forgot_pass').is(":visible")){
					obj.frgtpassSubmit();
				}
				else{
					obj.loginSubmit();
				}
			},
			"Cancel": function() {
				jQuery(this).dialog("close"); 
			}
				} 
	});
	this.bindEvents();
};
Login.prototype.bindEvents = function () {
	jQuery('.login_page')
		.unbind('click')
		.click(function(){
			jQuery('#divLoginHtml').dialog('open');
			return false;
		});
	jQuery('#forgot_link')
		.unbind('click')
		.click(function(){
			jQuery('#forgot_pass').show();
			jQuery('#tableLogin').hide();
			
			return false;
		});
		
	jQuery('#back_link')
		.unbind('click')
		.click(function(){
			jQuery('#forgot_pass').hide();
			
			jQuery('#tableLogin').show();
			
			return false;
		});
}

Login.prototype.loginSubmit = function ()
{
	var obj = this;
	jQuery.ajax({
		data:{
			'action':'login_sbmt',
			'email':jQuery("#email").val(),
			'password':jQuery("#password").val(),
			'remember':jQuery("#remember").val(),
			'rdt_url':obj._serverUrl,
			'isajax':true
		},
		type:'post',
		url: obj._serverUrl + 'login.php',
		dataType:	'json',
		success:function(response){
			jQuery('#forgot_pass').hide(); 
			jQuery('#tableLogin').hide();
			jQuery('#divMessage').html(response.message).show();
			if (response.redirect != null && response.redirect != 'undefined') {
				document.location.href = response.redirect;
				return;
			}
			jQuery('#divLoginHtml').dialog("option", "buttons", {
				"Ok": function() { 
					jQuery(this).dialog("close");
				}
			});
			$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
				obj.createDialog();
			});
		},
		error:		function (XMLHttpRequest, textStatus, errorThrown) {
			if (textStatus == 'timeout')
			{
				jQuery('#tableLogin').hide();
				jQuery('#divMessage').html('Please check your Internet Connection').show();
				jQuery('#divLoginHtml').dialog("option", "buttons", {
					"Ok": function() { 
						jQuery(this).dialog("close"); 
					}
				});
				$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
					obj.createDialog();
				});
			}
			else if (textStatus == 'error')
			{
				jQuery('#tableLogin').hide();
				jQuery('#divMessage').html('There was an error while processing your request.').show();
				jQuery('#divLoginHtml').dialog("option", "buttons", {
					"Ok": function() { 
						jQuery(this).dialog("close"); 
					}
				});
				$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
					obj.createDialog();
				});
			}
			else if (textStatus == 'parsererror')
			{
				jQuery('#tableLogin').hide();
				jQuery('#divMessage').html('Invalid response sent by server.').show();
				jQuery('#divLoginHtml').dialog("option", "buttons", {
					"Ok": function() { 
						jQuery(this).dialog("close");
					}
				});
				$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
					obj.createDialog();
				});
			}
		}
	});
}

Login.prototype.frgtpassSubmit = function ()
{
	var obj = this;
	jQuery.ajax({
		data:{
		  	'action':'frgt_pass_sbmt',
			'email_pass':jQuery("#email_pass").val()
		},
		type:'post',
		url: obj._serverUrl + 'login.php',
		dataType:	'json',
		success:function(response){
			jQuery('#forgot_pass').hide(); 
			jQuery('#divMessage').html(response.frgt_pass_message).show();
			jQuery('#divLoginHtml').dialog("option", "buttons", {
				"Ok": function() { 
					jQuery(this).dialog("close"); 
				}
			});
			$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
				obj.createDialog();
			});
		},
		error:		function (XMLHttpRequest, textStatus, errorThrown) {
			if (textStatus == 'timeout')
			{
				jQuery('#tableLogin').hide();
				jQuery('#divMessage').html('Please check your Internet Connection').show();
				jQuery('#divLoginHtml').dialog("option", "buttons", {
					"Ok": function() { 
						jQuery(this).dialog("close"); 
					}
				});
				$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
					obj.createDialog();
				});
			}
			else if (textStatus == 'error')
			{
				jQuery('#tableLogin').hide();
				jQuery('#divMessage').html('There was an error while processing your request.').show();
				jQuery('#divLoginHtml').dialog("option", "buttons", {
					"Ok": function() { 
						jQuery(this).dialog("close"); 
					}
				});
				$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
					obj.createDialog();
				});
			}
			else if (textStatus == 'parsererror')
			{
				jQuery('#tableLogin').hide();
				jQuery('#divMessage').html('Invalid response sent by server.').show();
				jQuery('#divLoginHtml').dialog("option", "buttons", {
					"Ok": function() { 
						jQuery(this).dialog("close"); 
					}
				});
				$('#divLoginHtml').bind("dialogbeforeclose", function(event, ui) {
					obj.createDialog();
				});
			}
		}
	});
}