function ShowMasterLoginFailPopup()
{
	var dialogDivId = 'loginFailPopup';
	var subst = {
			JsCallClose: jQuery.ark.dialog.jsCallClose(dialogDivId),
			OkButtonId: dialogDivId + 'OKButton',
			MouseOverClass: "'PopUp_Login_btn_hov';",
			MouseOutClass: "'PopUp_Login_btn';"
		};
	jQuery.ark.dialog.open('arkDialog', dialogDivId, 'Login failed!',
		tmpl('loginFailedDialogContent', subst));
	document.getElementById(subst.OkButtonId).focus();
}
function ShowMasterCookiesDisabledPopup()
{
	var dialogDivId = 'loginFailPopup';
	var subst = {
			JsCallClose: jQuery.ark.dialog.jsCallClose(dialogDivId),
			OkButtonId: dialogDivId + 'OKButton',
			MouseOverClass: "'PopUp_Login_btn_hov';",
			MouseOutClass: "'PopUp_Login_btn';"
		};
	jQuery.ark.dialog.open('arkDialog', dialogDivId, 'Login failed!',
		tmpl('cookiesDisabledDialogContent', subst));
	document.getElementById(subst.OkButtonId).focus();
}

function SetDefaultColors()
{
	if(document.getElementById('popupLogin$email')) {
		document.getElementById('popupLogin$email').style.backgroundColor = '#ffffff';
	}
	if(document.getElementById('popupLogin$password')) {
		document.getElementById('popupLogin$password').style.backgroundColor = '#ffffff';
	}
	if(document.getElementById('popupForgotPass$email')) {
		document.getElementById('popupForgotPass$email').style.backgroundColor = '#ffffff';
	}
}
function popupLogin_loginClick()
{
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	emailValue = document.getElementById('popupLogin$email').value;
	passwordValue = document.getElementById('popupLogin$password').value;
	if (emailValue != '' && reg.test(emailValue) && passwordValue != '')
	{
		ProcessLoginCall(document.getElementById('popupLogin$email').value, document.getElementById('popupLogin$password').value, document.getElementById('popupLogin$remember').checked, null,
    function() { jQuery.ark.dialog.close('popupLogin_popupDialog'); ShowMasterLoginFailPopup(); },
    function() { jQuery.ark.dialog.close('popupLogin_popupDialog'); });

	}
	else
	{
		if (emailValue == '' || !reg.test(emailValue))
		{
			document.getElementById('popupLogin$email').style.backgroundColor = '#ff6d6d';
		}
		if(passwordValue == '')
		{
			document.getElementById('popupLogin$password').style.backgroundColor = '#ff6d6d';
		}
	}
}
function popupLogin_cancelClick(cancelAction)
{
	if (cancelAction) { cancelAction(); }
	jQuery.ark.dialog.close('popupLogin_popupDialog')
}

function popupForgotPass_forgotClick()
{
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	emailValue = document.getElementById('popupForgotPass$email').value;
	if (emailValue != '' && reg.test(emailValue))
	{
		var forgotPass = new ForgotPassword(
			'popupForgotPass$email',
			'popupForgotPass_ErrorMsgDivId',
			'ForgotPassword');
		forgotPass.ProcessJSSubmitClick('http://www.greatdaygames.com/ajaxServices/ForgotPass.aspx', 
			"popupForgotPass_cancelClick('');", document.getElementById('popupForgotPass_ErrorMsgDivId'));
		//popupForgotPass_cancelClick('');
	}
	else
	{
		if (emailValue == '' || !reg.test(emailValue))
		{
			document.getElementById('popupForgotPass$email').style.backgroundColor = '#ff6d6d';
		}
	}
}
function popupForgotPass_cancelClick(cancelAction)
{
	if (cancelAction) { cancelAction(); }
	jQuery.ark.dialog.close('popupForgotPass_popupDialog');
}

if (jQuery) (function(jQuery) {
	//jQuery.extend(jQuery.ark, { tmpl: function() { } });
	jQuery.extend(jQuery.ark.tmpl, {
		popupLogin: '\
		<div style="width: 330px; clear:both; margin:0 auto; padding-top:33px;">\
		    <@= AdditionalText @>\
		    <div style="width:299px; margin:0 auto;">\
			<div style="float: left; width: 100px; padding-top:4px; color:#9b999a;">Email:</div>\
			<div style="float: right; width: 180px;">\
				<input class="PopUp_Login_EmailIn" type="text" id="popupLogin$email" tabindex="11"\
					onkeypress="javascript:SetDefaultColors(); {if (event.keyCode==13){popupLogin_loginClick();}}"\
					onfocus="javascript:SetDefaultColors();" value="" />\
			</div>\
			</div>\
		</div>\
		<div style="width: 299px; clear:both; margin:0 auto; padding-top:8px;">\
			<div style="float: left; width: 100px; padding-top:4px; color:#9b999a;">Password:</div>\
			<div style="float: right; width: 180px;">\
				<input class="PopUp_Login_EmailIn" type="password" id="popupLogin$password" tabindex="12"\
					onkeypress="javascript:SetDefaultColors(); {if (event.keyCode==13){popupLogin_loginClick();}}"\
					onfocus="javascript:SetDefaultColors();"  value="" />\
			</div>\
		</div>\
		<div style="width: 299px; clear:both; margin:0 auto; padding-top:8px;">\
			<div style="float: left; width: 100px; padding-top:4px; color:#9b999a;">Remember:</div>\
			<div style="float: right; width: 180px;">\
			<input class="" type="checkbox" id="popupLogin$remember" tabindex="13"  />\
			</div>\
		</div>\
		<div style="width: 283px; clear:both; margin:0 auto; padding-top:38px;">\
			<div class="coll" style="width: 150px;">\
				<a href="javascript:popupLogin_cancelClick();OpenMonetizPopupRegister();void(0);"  class="PopUp_Login_Urls" tabindex="15">Not a member? Register here.</a>\
			</div>\
			<div class="coll" style="text-align:right; width: 128px;">\
				<a href="" class="PopUp_Login_Urls" onclick="javascript:popupLogin_cancelClick();OpenPopupForgot();return false;" tabindex="16">Forgot Password?</a>\
			</div>\
		</div>\
		<div class="PopUp_Login_delim" style="margin-top:5px; float:left; width:442px;"></div>\
		<div style="width: 182px; clear:both; margin:0 auto; padding-top:8px;">\
			<div style="float: left; width: 87px;">\
				<input type="button" value="OK" class="PopUp_Login_btn" tabindex="13" onclick="popupLogin_loginClick();"\
					onmouseover="javascript:this.className=<@= MouseOverClass @> return false;"\
					onmouseout="javascript:this.className=<@= MouseOutClass @> return false;" />\
			</div>\
			<div style="float: right; width: 87px;">\
				<input type="button" value="Cancel" class="PopUp_Login_btn" onclick="popupLogin_cancelClick(<@= CancelAction @>);" tabindex="14"\
					onmouseover="javascript:this.className=<@= MouseOverClass @> return false;"\
					onmouseout="javascript:this.className=<@= MouseOutClass @> return false;" />\
			</div>\
		</div>',
		popupForgotPass: '\
		<div style="width: 299px; clear:both; margin:0 auto; padding-top:33px;">\
			<div style="float: left; width: 100px; padding-top:4px; color:#9b999a;">Email:</div>\
			<div style="float: right; width: 180px;">\
				<input class="PopUp_Forgot_EmailIn" type="text" id="popupForgotPass$email" tabindex="11"\
					onkeypress="javascript:SetDefaultColors(); {if (event.keyCode==13){popupForgotPass_forgotClick();}}"\
					onfocus="javascript:SetDefaultColors();" />\
			</div>\
			<div class="coll endCol home_Forgot_errorMessage" id="popupForgotPass_ErrorMsgDivId" style="display:none; width:190px;"></div>\
		</div>\
		<div style="width: 283px; clear:both; margin:0 auto; padding-top:38px;">\
			<div class="coll" style="width: 150px;">\
				<a href="javascript:popupForgotPass_cancelClick();OpenMonetizPopupRegister();void(0);" class="PopUp_Login_Urls" tabindex="15">Not a member? Register here.</a>\
			</div>\
			<div class="coll" style="text-align:right; width: 128px;">\
				<a href="" class="PopUp_Login_Urls" onclick="javascript:popupForgotPass_cancelClick();OpenPopupLogin();return false;" tabindex="16">Return to login</a>\
			</div>\
		</div>\
		<div class="PopUp_Login_delim" style="margin-top:5px; float:left; width:442px;"></div>\
		<div style="width: 182px; clear:both; margin:0 auto; padding-top:8px;">\
			<div style="float: left; width: 87px;">\
				<input type="button" value="OK" class="PopUp_Login_btn" tabindex="13" onclick="popupForgotPass_forgotClick();"\
					onmouseover="javascript:this.className=<@= MouseOverClass @> return false;"\
					onmouseout="javascript:this.className=<@= MouseOutClass @> return false;" />\
			</div>\
			<div style="float: right; width: 87px;">\
				<input type="button" value="Cancel" class="PopUp_Login_btn" onclick="popupForgotPass_cancelClick(<@= CancelAction @>);" tabindex="14"\
					onmouseover="javascript:this.className=<@= MouseOverClass @> return false;"\
					onmouseout="javascript:this.className=<@= MouseOutClass @> return false;" />\
			</div>\
		</div>',
		loginPopupDummy: 0
	});
})(jQuery);

function OpenPopupLogin(cancelAction, successRedirectUrl, additionalText, withOutCloseButton)
{
	cancelAction = typeof(cancelAction) == 'string' ? cancelAction : '';
	var dialog =  withOutCloseButton == 1 ? 'arkDialogWithoutCloseButton' : 'arkDialog' 
	jQuery.ark.dialog.open(dialog,
		'popupLogin_popupDialog',
		'Login to your Great Day Games account!',
		tmpl('popupLogin', { CancelAction: cancelAction, 
			MouseOverClass: "'PopUp_Login_btn_hov';",
			MouseOutClass: "'PopUp_Login_btn';",
			SuccessRedirectUrl: successRedirectUrl,
			AdditionalText: additionalText} ),
		'popupLogin_cancelClick(' + cancelAction + ')'
		);
	if (document.getElementById('popupLogin$email'))
	{
		document.getElementById('popupLogin$email').focus();
	}
}
function OpenPopupForgot(cancelAction)
{
	cancelAction = typeof(cancelAction) == 'string' ? cancelAction : '';
	jQuery.ark.dialog.open('arkDialog', 
		'popupForgotPass_popupDialog',
		'Restoration of your Great Day Games password!',
		tmpl('popupForgotPass', { CancelAction: cancelAction,
			MouseOverClass: "'PopUp_Login_btn_hov';",
			MouseOutClass: "'PopUp_Login_btn';"} ),
		'popupForgotPass_cancelClick(' + cancelAction + ')');
	if (document.getElementById('popupForgotPass$email')) {
		document.getElementById('popupForgotPass$email').focus();
	}
}