var sessionEmail = '';

function validateChangePassword() {
  var error = false;
  if($("#password").val().length < 5 || $("#password").val().length >10){
     $("#password").focus().parents("tr").addClass("error-field");
     error = true;				
  } else {
  	$("#password").focus().parents("tr").removeClass("error-field");
  }
  if($("#password2").val().length < 5 || $("#password2").val().length >10){
     $("#password2").focus().parents("tr").addClass("error-field");
    error = true;				
  } else {
  	$("#password2").focus().parents("tr").removeClass("error-field");
  }

  if($("#password").val() != $("#password2").val()){
    $("#password2").parents('tr').addClass('error-field');
	error = true;
  } else if($("#password2").val() != '') {
    $("#password2").parents('tr').removeClass('error-field');
  }

  if(error) {
  	return false;
  } else {
  	jQuery.ajax(
			{ url:'/changepassword_popup.php', 
	      data:  jQuery('#changeform').serialize(), 
	      beforeSend: function(){
					$('#dialog .button').hide();
					$('#dialog .loader').show();
				},
				type: 'post', 
	      async: false,
	      success: function(data) {
					if(data == 'complete!'){
						$('#dialog').remove();
						$('#ajax-message').html('<br />Password successfully saved!');
					} else {
						$('form .error-block').remove(); 
						$('form').prepend(data);
					}
					$('#dialog .loader').hide();
					$('#dialog .button').show();
				},
	      error: function(data) {
					$('#dialog .loader').hide();
					$('#dialog .button').show();
					$('form .error-block').remove(); 
					$('form').prepend(data);
				}
	    });	
  }; 
}


function validateChangePasswordAJAX() {
	
	var error = false;
	if($("#oldpassword_cf").val().length == 0){
		$("#oldpassword_cf").focus().parents("tr").addClass("error-field");
	  error = true;				
	} else {
	  $("#oldpassword_cf").focus().parents("tr").removeClass("error-field");
	}
	
  if($("#password_cf").val().length < 5 || $("#password_cf").val().length >10){
     $("#password_cf").focus().parents("tr").addClass("error-field");
     error = true;				
  } else {
  	$("#password_cf").focus().parents("tr").removeClass("error-field");
  }
  if($("#password2_cf").val().length < 5 || $("#password2_cf").val().length >10){
     $("#password2_cf").focus().parents("tr").addClass("error-field");
     error = true;				
  } else {
  	$("#password2").focus().parents("tr").removeClass("error-field");
  }

  if($("#password_cf").val() != $("#password2_cf").val()){
    $("#password2_cf").parents('tr').addClass('error-field');
		error = true;
  } else if($("#password2_cf").val() != '') {
    $("#password2_cf").parents('tr').removeClass('error-field');
  }

  if(error) {
  	return false;
  } else {
  	jQuery.ajax(
			{ url:'/changepassword_popup.php', 
	      data:  jQuery('#changeform').serialize(), 
				beforeSend: function(){
					$('#cpwd .button').hide();
					$('#cpwd .loader').show();
				},
	      type: 'post', 
	      async: false,
	      success: function(data) {
					if(data == 'complete!'){
						$('#cpwd').remove();
						$('#ajax-message').html('<br />Password successfully saved!');
					} else {
						$('form .error-block').remove(); 
						$('form').prepend(data);
					}
					$('#cpwd .loader').hide();
					$('#cpwd .button').show();
				},
	      error: function(data) {
					$('#cpwd .loader').hide();
					$('#cpwd .button').show();
					$('form .error-block').remove(); 
					$('form').prepend(data);
				}
	    });	
  }; 
  
	
}

$(function() {

	// Login box lightbox
	var login_dialog = $('<div title="Login" id="login" style="display:none"></div>').appendTo('body');
	$('a.lbLogin').click(function() {
		$('#login').html('<iframe src="/login_popup.php" width="360" height="230"></iframe>');
		login_dialog.dialog({modal:true, width:400, close: function(event, ui) { $('#login').remove(); }});
		return false;
	});
	
	// Change Password lightbox
	var cpwd_dialog = $('<div title="Set new password" id="cpwd" style="display:none">'+
		'<form name="changeform" id="changeform" action="/changepassword_popup.php" method="post">'+
		  '<input type="hidden" value="'+ sessionEmail +'" name="email" id="email">'+
		  '<table class="form login">'+
			  '<tr class="no-border">'+
			    '<td class="label"><b>Old Password: </b></td>'+
			    '<td><input tabindex="2" accesskey="p" name="oldpassword" type="password" maxlength="15" size="25" id="oldpassword_cf" /></td>'+
			  '</tr>'+
			  '<tr class="no-border">'+
			    '<td class="label"><b>New Password: </b></td>'+
			    '<td><input tabindex="2" accesskey="p" name="password" type="password" maxlength="15" size="25" id="password_cf" /></td>'+
			  '</tr>'+
			  '<tr class="no-border">'+
			    '<td class="label"><b>Retype Password: </b></td>'+
			    '<td><input tabindex="2" accesskey="p" name="password2" type="password" maxlength="15" size="25" id="password2_cf" /></td>'+
			  '</tr>'+
			  '<tr class="no-border">'+
					'<td></td>'+
					'<td><span class="button"><input tabindex="3" accesskey="l" onclick="validateChangePasswordAJAX();return false;" type="submit" name="ajaxchange" value="Save Password" /></span> <img class="loader" width="50" height="50" src="http://static.yoga.in/img/loader.gif" alt="loader" style="display:none" /></td>'+
			  '</tr>'+
		  '</table>'+
		'</form>'+
		
	'</div>').appendTo('body');
	$('a.lbCpwd').click(function() {
		cpwd_dialog.dialog({modal:true, width:400, close: function(event, ui) { $('#cpwd').remove(); }});
		return false;
	});

	// jumps to location selection page when 'other' is selected in the 'where' dropdown
	$('#where').change(function() {
		var sel = $(this).attr('selectedIndex');
		if (sel <= 0) {
			return false;
		}
		if ($(this).val() == "other") {
			window.location.href = '/browse-ayurveda-in-india-by-location.html';
		}
		if ($(this).val() == 'Bangalore') {
			$('#locality').show();
		} else {
			$('#locality').hide();
		}
		return false;
	});
        
	// tooltips
	$('<div id="tooltip"></div>').appendTo("body");
	$("span.rolltip").hover(function() {
		ps = $(this).attr("class").split(" ");
		$.get("/rolltip.php", {id: ps[1], field: ps[2], p: ps[3]}, function (data) {
			$("#tooltip").html(data).show();
		});
	}, function() {
		$("#tooltip").hide();
	}).mousemove(function(e){
		$("#tooltip").css("left", e.pageX).css("top", e.pageY);
	});

});