{include file="overlay_header.html"}

<div class="wait"></div>

<script type="text/javascript" src="{$live_site}/libs/jQuery/jquery.js"></script>
<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/jquery.form.js"></script>
<script type="text/javascript" src="{$live_site}/js/common.min.js"></script>

<div class="ov-box1">

<div class="centered" style="max-width: 400px;">

<div class="ov-box1-bg">

<div class="error" style="display: none;"></div>

<form name="login_form" id="login_form" method="post" action="login.php?post=1{if isset($loc) && $loc}&loc={$loc}{/if}">

	<div class="mb10">
	{if $settings.enable_username}
	<label>{$lng.login.username}</label>
	<input name="username" id="username" type="text" style="width: 340px;" maxlength="255" />
	{else}
	<label>{$lng.useraccount.email}</label>
	<input name="email" id="email" type="text" style="width: 340px;" maxlength="255" />
	{/if}
	</div>

	<div class="mb10">
	<label>{$lng.login.password}</label>
	<input name="password" id="password" type="password" style="width: 340px;" maxlength="255"/>
	</div>

	{if $settings.login_captcha}
	{if $settings.enable_recaptcha}
	{include file="data/recaptcha.html"}
	{else}
	{include file="data/random_image.html"}
	{/if}
	{/if}


	<div class="lfloat" style="line-height: 50px;"><input type="checkbox" name="remember" id="remember" />&nbsp;{$lng.remember_me}</div>
	<div class="rfloat buttons" style="margin-right: -6px;"><input type="submit" class="button positive" name="Login" id="Login" value="{$lng.login.login}" /></div>
	<div class="clearfix"></div>

</form>

{* -------- connect ---------- *}
{if in_array("connect", $modules_array)}
{include file="modules/connect/connect.html"}
{/if}
{* -------- end connect ---------- *}

</div> {* end ov-box1-bg *}

<div class="lpdiv2 ov-bottom-text mt10">{$lng.login.forgot_pass}&nbsp;<a href="{$live_site}/password_recovery.php" id="password_recovery" target="_parent">{$lng.login.click_here}</a></div>
<div class="lpdiv2 ov-bottom-text">{$lng.login.dont_have_account}&nbsp;<a href="{$live_site}/register.php" id="register"  target="_parent">{$lng.login.register_for_free}</a></div>

</div> {* end centered *}

</div> {* end ov-box1 *}

<script type="text/javascript">
{literal}
$(document).ready(function() {

	$(".error").hide();

var options = { 

	beforeSerialize: function(jqForm, options){ $("body").addClass("loading") },
        beforeSubmit:  function(formData, jqForm, options) {var queryString = $.param(formData);  return true;  }, 
        success:       successResponse 
 
   }; 

function successResponse(responseText, statusText, xhr, $form)  { 

			var ret = JSON.parse(responseText);
			$("body").removeClass("loading"); 

			if(ret.response==1) {

				if(parent.$.magnificPopup) {

					// close window and redirect parent to the proper page
					parent.location.href = ret.redirect;
					parent.$.magnificPopup.instance.close();

				} 
				else window.location.href = ret.redirect;
				return;
			}

			// blocked failed attempt
			if(ret.response==-1) {

				if(parent.$.magnificPopup) {

					// close window and redirect parent to the proper page
					parent.location.href = "index.php";
					parent.$.magnificPopup.instance.close();

				} 
				else window.location.href = "index.php";
				return;

			}
			
			$(".error").html("<p>"+ret.error+"</p>");
			$(".error").show();

			{/literal}{if $settings.login_captcha && $settings.enable_recaptcha}
			// reload recaptcha
			gReCaptchaReset();
			{/if}{literal}


} 

 $('#login_form').ajaxForm(options);

});
{/literal}
</script>

{include file="overlay_footer.html"}