$(document).ready(function($) {
	makeJsInput();
 })


function makeJsInput(){
	$('.input.js').each(function(index, element){
 		var inputElement = $(element);
 		var oldText = inputElement.val(); 		
		inputElement.after('<p style="display:none;">'+oldText+'</p>');
		
		inputElement.focusin(function(obj){
			var oldText = $(this).next('p').html();
			if($(this).val() == oldText){
				$(this).val('')
				$(this).css('color','black');
			}
		});
		
		inputElement.focusout(function(obj){
			if($(this).val()==''){
				var oldText = $(this).next('p').html();
				$(this).val(oldText);
				$(this).css('color','#999999');
			}
		});
 	});
 	
 	$('.form-input-field').each(function(index, element){
 		var inputElement = $(element);
 		
 		if(inputElement.hasClass('ignore')){
 			inputElement.addClass('edited');
 			return;
 		}
 		
 		var oldText = inputElement.val(); 		
		inputElement.after('<p style="display:none;">'+oldText+'</p>');
		inputElement.css('color','#999999');
		
		inputElement.focusin(function(obj){
			var oldText = $(this).next('p').html();
			if($(this).val() == oldText){
				$(this).val('')
				$(this).css('color','black');
				$(this).addClass('edited');
			}
		});
		
		inputElement.focusout(function(obj){
			if($(this).val()==''){
				var oldText = $(this).next('p').html();
				$(this).val(oldText);
				$(this).css('color','#999999');
				$(this).removeClass('edited');
			}
		});
 	});
 }