var LoginFormIsOpened = false;

function OpenLoginForm() {
  var lForm = jQuery('div#login-form');
  lForm.css('visibility', 'hidden');
  lForm.css('display', 'block');
  var fWidth = lForm.width();
  var fHeight = lForm.height();
  lForm.css('top', (0-fHeight)+'px');
  lForm.css('left', (963-fWidth-3)+'px');
  lForm.css('visibility', 'visible');
  lForm.animate({
    top: '9px'
  }, 400, function() {
    lForm.find('input:first').focus();
  });
}

function CloseLoginForm() {
  var lForm = jQuery('div#login-form');
  var fHeight = lForm.height();
  lForm.animate({
    top: (0-fHeight)+'px'
  }, 400, function() {
    //
    });
}

jQuery(document).ready(function() {
  jQuery('#btn-open-login-form').click(function() {
    if(!LoginFormIsOpened) {
      LoginFormIsOpened = true;
      OpenLoginForm();
    }
    return false;
  });
	
  jQuery('#btn-cancel-login').click(function() {
    if(LoginFormIsOpened) {
      LoginFormIsOpened = false;
      CloseLoginForm();
    }
    return false;
  });

  jQuery("#sign_in_form").submit(function(){
    var email = jQuery("#sign_in_email").attr("value");
    var pass= jQuery("#sign_in_pass").attr("value");
    var pos1 = email.indexOf("@");
    var pos2 = email.indexOf(".");
    if(pos1 !== false && pos2 !== false && pass != ""){
      return true;
    } else {
      return false;
    }
  });

  jQuery("#sign_up_form").submit(function(){
    b = 1;
    jQuery(".mfield").each(function(){
      if(jQuery(this).attr("value") == ""){
        b = 0;
      }
    });
    if(b == 0){
      alert("All mandatory fields must be field in");
      return false;
    }
    var email = jQuery(".sign_up_email").attr("value");
    var pos1 = email.indexOf("@");
    var pos2 = email.indexOf(".");
    if(pos1 == -1 || pos2 == -1){
      alert("Please enter a valid email address");
      return false;
    }
    if(jQuery(".sign_up_pass").attr("value") !== jQuery(".sign_up_pass_confirm").attr("value")){
      alert("Passwords do not match. Try again");
      return false;
    }
    return true;
  });

  jQuery("#sign_in_btn").click(function(){    
    jQuery("#sign_in_form_block").show();    
    jQuery("#forgot_pass_form_block").hide();
    if(!jQuery.browser.msie){
      var h = jQuery(document).height();
      var w = jQuery(document).width();
      jQuery("#black_bg").css("width", w+"px");
      jQuery("#black_bg").css("height", h+"px");
      jQuery("#black_bg").animate({
        opacity: 0
      }, 0);
      jQuery("#black_bg").css("display", "block");
      jQuery("#black_bg").animate({
        opacity: 0.7
      }, 100, "", function(){
        //jQuery("#sign_in_block").slideDown("fast");
        jQuery("#sign_in_block").show();
      });
    } else {
      //jQuery("#sign_in_block").slideDown("fast");      
      jQuery("#sign_in_block").show();
    }
  });

  jQuery("#sign_up_btn").click(function(){
    if(!jQuery.browser.msie){
      var h = jQuery(document).height();
      var w = jQuery(document).width();
      jQuery("#black_bg").css("width", w+"px");
      jQuery("#black_bg").css("height", h+"px");
      jQuery("#black_bg").animate({
        opacity: 0
      }, 0);
      jQuery("#black_bg").css("display", "block");
      jQuery("#black_bg").animate({
        opacity: 0.7
      }, 100, "", function(){
        //jQuery("#sign_up_block").slideDown("fast");
        jQuery("#sign_up_block").show();
      });
    } else {
      //jQuery("#sign_up_block").slideDown("fast");
      jQuery("#sign_up_block").show();
    }
  });

  jQuery(".close_sign").click(function(){
    var obj = jQuery(this).parent("div").parent("div");
    obj.hide("fast", function(){
      jQuery("#black_bg").animate({
        opacity: 0
      }, 300,"", function(){
        jQuery("#black_bg").css("display", "none");
      });
    })
  });

  if(jQuery("#sign_in_msg").length && jQuery("#sign_in_msg").attr("value") != ""){
    if(!jQuery.browser.msie){
      var h = jQuery(document).height();
      var w = jQuery(document).width();
      jQuery("#black_bg").css("width", w+"px");
      jQuery("#black_bg").css("height", h+"px");
      jQuery("#black_bg").animate({
        opacity: 0
      }, 0);
      jQuery("#black_bg").css("display", "block");
      jQuery("#black_bg").animate({
        opacity: 0.7
      }, 100, "", function(){
        jQuery("#sign_in_block").show();
      });
    } else {
      jQuery("#sign_in_block").show();
    }
  }

  if(jQuery("#sign_up_msg").length && jQuery("#sign_up_msg").attr("value") != ""){
    if(!jQuery.browser.msie){
      var h = jQuery(document).height();
      var w = jQuery(document).width();
      jQuery("#black_bg").css("width", w+"px");
      jQuery("#black_bg").css("height", h+"px");
      jQuery("#black_bg").animate({
        opacity: 0
      }, 0);
      jQuery("#black_bg").css("display", "block");
      jQuery("#black_bg").animate({
        opacity: 0.7
      }, 100, "", function(){
        jQuery("#sign_up_block").show();
      });
    } else {
      jQuery("#sign_up_block").show();
    }
  }

  if(jQuery("#forgot_msg").length && jQuery("#forgot_msg").attr("value")!=''){
    jQuery("#sign_in_form_block").hide();
    jQuery("#forgot_pass_form_block").show();
    if(!jQuery.browser.msie){
      var h = jQuery(document).height();
      var w = jQuery(document).width();
      jQuery("#black_bg").css("width", w+"px");
      jQuery("#black_bg").css("height", h+"px");
      jQuery("#black_bg").animate({
        opacity: 0
      }, 0);
      jQuery("#black_bg").css("display", "block");
      jQuery("#black_bg").animate({
        opacity: 0.7
      }, 100, "", function(){
        jQuery("#sign_in_block").show();
      });
    } else {
      jQuery("#sign_up_block").show();
    }
  }

  jQuery("#forgot_pass").live("click", function(){
    jQuery("#sign_in_form_block").hide();
    jQuery("#forgot_pass_form_block").show();
   });

   jQuery("#forgot_pass_form").submit(function(){
    var email = jQuery("#forgot_email").attr("value");
    var pos1 = email.indexOf("@");
    var pos2 = email.indexOf(".");
    if(pos1 == -1 || pos2 == -1){
      alert("Please enter a valid email address");
      return false;
    }
  });
});