$(document).ready(function() {
	// validate the comment form when it is submitted
	$("#commentForm").validate();
	
	
	
	//focus on first empty input in page
	
	$("input[value='']:visible:enabled:first").focus();
	$("input[value='']:visible:enabled:first").parent().addClass("focusField");
	
    
	//all of these events add and remove the focusField class on focus and blur event for input field and text area
	
	$('input').focus(function() {  
        $(this).parent().addClass("focusField");  
    });
      
    $('input').blur(function() {  
        $(this).parent().removeClass("focusField");  
    });  
	
	$('.droplist1').focus(function() {  
        $(this).parent().addClass("focusField");  
    });
      
    $('.droplist1').blur(function() {  
        $(this).parent().removeClass("focusField");  
    });  


    
    
    //when submit clicked, focusField class is added when it is not needed. This removes it 
    $('#submit').focus(function() {  
        $(this).parent().removeClass("focusField");  
    });
    $('.checkbox').focus(function() {  
        $(this).parent().removeClass("focusField");  
    });
 
	
});