// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

$(document).ready(function(){

	$("input#show-characters:checked").attr('checked', false);
	
	$('input#pw-field0').blur(function(){
	  var pwpartial0 = $("#pw-field0").val();
	  var pwconfirmpartial0 = $("#pw-confirm-field0").val();
	  if (pwconfirmpartial0 == 0) {
	    $("li#confirm-message").html(" ");
	  } else {
	    if (pwpartial0 == pwconfirmpartial0) {
		  $("li#confirm-message").text("Passwords match!");
        } else {
		  $("li#confirm-message").text("These passwords do not match.");
        }
	  }
	});

	$('input#pw-confirm-field0').blur(function(){
	  var pwpartial0 = $("#pw-field0").val();
	  var pwconfirmpartial0 = $("#pw-confirm-field0").val();
	  if (pwpartial0 == 0) {
	    $("li#confirm-message").html(" ");
	  } else {
	    if (pwpartial0 == pwconfirmpartial0) {
		  $("li#confirm-message").text("Passwords match!");
        } else {
		  $("li#confirm-message").text("These passwords do not match.");
        }
	  }
	});
	
	$('input.show-characters').click(function(){
      if($(this).attr("checked")) {
	    var pwpartial = $("#pw-field").val();
		$("li#pw").html("<label>Password</label><input type='text' id='pw-field' value='" + pwpartial + "' />");
      } else {
		var pwpartial = $("#pw-field").val();
		$("li#pw").html("<label>Password</label><input type='password' id='pw-field' value='" + pwpartial + "' />");
      }  
	});

    $("button.show-characters").mouseup(function(){
	  var pwpartial2 = $("#pw-field2").val();
      $("li#pw2").html("<label>Password</label><input type='password' id='pw-field2' value='" + pwpartial2 + "' />");
    }).mousedown(function(){
	  var pwpartial2 = $("#pw-field2").val();	
      $("li#pw2").html("<label>Password</label><input type='text' id='pw-field2' value='" + pwpartial2 + "' />");
    });

	handlepw();
	
});

function handlepw(){
    $("#pw-field3").focus(function(){
	  var pwpartial3 = $("#pw-field3").val();
	  $("li#pw3").html("<label>Password</label><input type='text' id='pw-field3' value='" + pwpartial3 + "' />");
	  $("#pw-field3").focus();
	  handlepw();
    }).blur(function(){
	  var pwpartial3 = $("#pw-field3").val();
	  $("li#pw3").html("<label>Password</label><input type='password' id='pw-field3' value='" + pwpartial3 + "' />");
	  handlepw();
	})
}