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, '',
		tmpl('loginFailedDialogContent', subst));
	
	jQuery('#loginFailPopup_Caption').toggleClass("loginFailPopup_class");
	
	document.getElementById(subst.OkButtonId).focus();
}
function ShowMasterLoginDisabledPopup()
{
	var dialogDivId = 'loginDisabledPopup';
	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, '',
		tmpl('loginDisabledDialogContent', subst));
	
	jQuery('#loginDisabledPopup_Caption').toggleClass("loginFailPopup_class");
	
	document.getElementById(subst.OkButtonId).focus();
}


function ShowMasterCookiesDisabledPopup()
{
	var dialogDivId = 'loginFailCookiePopup';
	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, '',
		tmpl('cookiesDisabledDialogContent', subst));
    jQuery('#loginFailCookiePopup_caption').toggleClass("loginFailPopup_class");
	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'); ShowMasterLoginDisabledPopup(); },    
    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';
		}
	}
    ShowGameFlash(true);
}
function popupLogin_cancelClick(cancelAction)
{
	if (cancelAction) { cancelAction(); }
	jQuery.ark.dialog.close('popupLogin_popupDialog')
	ShowGameFlash(true);
}

function popupForgotPass_forgotClick()
{
		cmCreateConversionEventTag("Forgot Password","2","Microsite:Games","0");
		
	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.pchgames.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 id="mustBeLoggedToEnter" class="pop_up_valid" style="display:none;">You must be logged to enter giveaways!</div>\
		<div style="width:412px; clear:both; margin:0 auto; padding-top:18px;">\
			<div class="pch_popup_txt">*My EMAIL ADDRESS:</div>\
			<div style="float:left; width: 180px;">\
				<input class="PopUp_Login_EmailIn" style="width:198px;" type="text" id="popupLogin$email" tabindex="11"\
					onkeypress="javascript:SetDefaultColors(); {if (event.keyCode==13){popupLogin_loginClick();}}"\
					onfocus="javascript:SetDefaultColors();" value="<@= Email @>" />\
			</div>\
		</div>\
		<div style="width: 412px; clear:both; margin:0 auto; padding-top:16px;">\
			<div class="pch_popup_txt">*My PCHgames PASSWORD:</div>\
			<div style="float:left; width: 180px;">\
				<input class="PopUp_Login_EmailIn" style="width:178px;" type="password" id="popupLogin$password" tabindex="12"\
					onkeypress="javascript:SetDefaultColors(); {if (event.keyCode==13){popupLogin_loginClick();}}"\
					onfocus="javascript:SetDefaultColors();"  value="<@= PWD @>" />\
			</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" <@= CHK @> />\
			</div>\
		</div>\
		<div style="width: 240px; clear:both; margin:0 auto; padding-top:25px;">\
			<div style="float: left; width: 110px;">\
				<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: 110px;">\
				<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>\
		<div style="width:300px; clear:both; margin:0 auto; padding:16px 0px 12px 0px;">\
			<div class="coll">\
				<a href="javascript:void(0);" onclick="popupLogin_cancelClick();OpenPopupRegister();return false;" class="PopUp_Login_Urls" tabindex="15">Not a member?\
				<font style="text-decoration:underline">Register here.</font>\
				</a>\
			</div>\
			<div class="coll" style="text-align:right; padding-left: 15px;">\
				<a href="" class="PopUp_Login_Urls" onclick="javascript:popupLogin_cancelClick();OpenPopupForgot();return false;" tabindex="16">Forgot Password?</a>\
			</div>\
		</div>',
		popupForgotPass: '\
		<div style="width: 280px; clear:both; margin:0 auto; padding-top:33px;">\
			<div class="pch_popup_txt" style="width:60px;">Email:</div>\
			<div style="float: right; width: 180px;">\
				<input class="PopUp_Login_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: 300px; clear:both; margin:0 auto; padding:38px 0px 30px 0px;">\
			<div class="coll">\
				<a onclick="popupForgotPass_cancelClick();OpenPopupRegister();return false;" href="javascript:void(0);" class="PopUp_Login_Urls" tabindex="15">Not a member? Register here.</a>\
			</div>\
			<div class="coll" style="text-align:right; padding-left: 15px;">\
				<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="width:442px;"></div>\
		<div style="width: 240px; clear:both; margin:0 auto; padding-top:8px;">\
			<div style="float: left; width: 110px;">\
				<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: 110px;">\
				<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)
{
cmCreateConversionEventTag("Login","1","Microsite:Games","0");

	cancelAction = typeof(cancelAction) == 'string' ? cancelAction : '';
	jQuery.ark.dialog.open('arkDialog',
		'popupLogin_popupDialog',
		'',
		tmpl('popupLogin', { CancelAction: cancelAction, 
			MouseOverClass: "'PopUp_Login_btn_hov';",
			MouseOutClass: "'PopUp_Login_btn';",
			Email: Global_GetLoginEmailFromCookie(),
			PWD: Global_GetLoginPasswordFromCookie(),
			CHK: Global_GetRememberFromCookie()} ),
		'popupLogin_cancelClick(' + cancelAction + ')'
		);
		jQuery('#popupLogin_popupDialog_Caption').toggleClass("popupLogin_popupDialog_class");
	if (document.getElementById('popupLogin$email'))
	{
		document.getElementById('popupLogin$email').focus();
	}
}
function OpenPopupForgot(cancelAction)
{
cmCreateConversionEventTag("Forgot Password","1","Microsite:Games","0");

	cancelAction = typeof(cancelAction) == 'string' ? cancelAction : '';
	jQuery.ark.dialog.open('arkDialog', 
		'popupForgotPass_popupDialog',
		'',
		tmpl('popupForgotPass', { CancelAction: cancelAction,
			MouseOverClass: "'PopUp_Login_btn_hov';",
			MouseOutClass: "'PopUp_Login_btn';"} ),
		'popupForgotPass_cancelClick(' + cancelAction + ')');
	
	jQuery('#popupForgotPass_popupDialog_Caption').toggleClass("popupForgotPass_popupDialog_class");
	
		if (document.getElementById('popupForgotPass$email')) {
		document.getElementById('popupForgotPass$email').focus();
	}
}