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



window.onload = function() { 
	// get the form and its input elements 
	var form = document.forms[0], inputs = form.elements; 

	// if required not supported, emulate it 
	if ( !Modernizr.input.required || ( 0 < navigator.userAgent.indexOf("Safari"))) { 
	form.onsubmit = function() { 
		var required = [], 
		att, 
		val;
		var valueSelected = false;
		var charitySelected = false;
		var cradios = document.getElementsByName('charity');
		var aradios = document.getElementsByName('amount'); 
		
		$("#formDonate").validate({
			ignore: ".ignore"
		});

		

		
		
		for (var i = 0; i < inputs.length; i++) { 
				att = inputs[i].getAttribute('required'); 
				if (att != null) { 
					val = inputs[i].value; 
					
					if (val.replace(/^\s+|\s+$/g, '') == '') 
						{required.push(inputs[i].name);} 
					} 
				} 
		
		
		
		for (var i = 0; i < aradios.length; i++) {
			
			if (aradios[i].checked) {valueSelected=true;}
			};
			
		for (var i = 0; i < cradios.length; i++) {
			
			if (cradios[i].checked) {charitySelected=true;}
		}; 
		

		
		//repaint the placeholders on every submit for safari
	if(0 < navigator.userAgent.indexOf("Safari")){placeholdershim();}
		
 		if (required.length > 0) { 
			alert('The following fields are required: \n' + required.join('\n'));  
			return false; 
			}		
			
		if (!valueSelected && (aradios.length > 0)) { 
			alert('Please choose an amount');  
			return false; 
			}
		
		if (!charitySelected && (cradios.length > 0)) { 
			alert('Please choose a doantion type');  
			return false; 
			} 
		

		}; 
	} 
}

function placeholdershim(){

	if(!Modernizr.input.placeholder || (0 < navigator.userAgent.indexOf("Safari"))){

		$('[placeholder]').focus(function() {
		  var input = $(this);
		  if (input.val() == input.attr('placeholder')) {
			input.val('');
			input.removeClass('placeholder');
		  }
		}).blur(function() {
		  var input = $(this);
		  if (input.val() == '' || input.val() == input.attr('placeholder')) {
			input.addClass('placeholder');
			input.val(input.attr('placeholder'));
		  }
		}).blur();
		$('[placeholder]').parents('form').submit(function() {
		  $(this).find('[placeholder]').each(function() {
			var input = $(this);
			if (input.val() == input.attr('placeholder')) {input.val('');}
		  })
		});
	}
}