$(document).ready(function(){
  var count = 0; 
  $('.add_ref_field').click(function(){
		count += 1;
		$('ul#ref').before('<div class="separate"></div><ul><li><span>First Name</span><input type="text" name="field82[]" value="" class="sm requiredField"></li>' + 
                        '<li><span>Last Name</span><input type="text" name="field83[]" value="" class="sml requiredField"></li></ul>' + 
                        '<ul><li><span>Address</span><input type="text" name="field84[]" value="" class="requiredField"></li></ul>' + 
                        '<ul><li><span>Phone</span><input type="text" name="field85[]" value="" class="sm requiredField"></li>' + 
                        '<li><span>Occupation</span><input type="text" name="field86[]" value="" class="sml requiredField"></li></ul>');  
	});
	
	$('.add_emp_field').click(function(){
		count += 1;
		$('ul#emp')
      .before('<div class="separate"></div><h3>Next Previous Employer</h3><ul><li><span>Date of Hire</span><input type="text" name="field69[]" value="" class="sm requiredField"></li>' + 
              '<li><span>End Date</span><input type="text" name="field70[]" value="" class="sml requiredField"></li></ul>' + 
              '<ul><li><span>Name of Employer</span><input type="text" name="field71[]" value="" class="sm requiredField"></li>' + 
              '<li><span>Address</span><input type="text" name="field72[]" value="" class="sml requiredField"></li></ul>' + 
              '<ul><li><span>Telephone</span><input type="text" name="field73[]" value="" class="sm requiredField"></li><li></li></ul>' + 
              '<ul><li><span>Your Position</span><input type="text" name="field74[]" value="" class="sm requiredField"></li>' + 
              '<li><span>Last Supervisor</span><input type="text" name="field75[]" value="" class="sml requiredField"></li></ul>' + 
              '<ul><li><span>Starting Salary</span><input type="text" name="field76[]" value="" class="sm requiredField"></li>' + 
              '<li><span>Final Salary</span><input type="text" name="field77[]" value="" class="sml requiredField"></li></ul>' + 
              '<ul><li><span>Description of Work Performed</span><textarea name="field78[]" class="requiredField"></textarea></li></ul>' + 
              '<ul><li><span>Reason for Leaving</span><textarea name="field79[]" class="requiredField"></textarea></li></ul>');  
	});
       
  // aniamtions   
  $("#1").lavaLamp({
    fx: "backout", 
    speed: 700,
    click: function(event, menuItem) {
      return true;
    }
  });
  
  $('input#s').addClass("idleField");
 	$('input#s').focus(function() {
 		$(this).removeClass("idleField").addClass("focusField");
	  if (this.value == this.defaultValue){ 
	    	this.value = '';
    }
    if(this.value != this.defaultValue){
  		this.select();
  	}
	});
	$('input#s').blur(function() {
		$(this).removeClass("focusField").addClass("idleField");
	  if ($.trim(this.value) == ''){
    	this.value = (this.defaultValue ? this.defaultValue : '');
	  }
	});    
});