$(document).ready(function(){  
    	
	
	/* contactForm */
	if($('#tellafriendForm').length!=0){
		// init
		var isOk = true;
		// countdown textarea
		
		var countdown = 2000;
		
		$('#question').keyup(function(e){
			$('#count').html(countdown-$(this).val().length + " caracters left");
			if(countdown-$(this).val().length == 2000) $('#count').html(countdown-$(this).val().length + " caracters max");
			if(countdown-$(this).val().length == 1) $('#count').html(countdown-$(this).val().length + " caracters left");
			if(countdown-$(this).val().length == 0) $('#count').html("Max caracters reached");
			if(countdown-$(this).val().length < 0) $('#count').html("Max caracters overtaken");
		});
	
		
	    // submit
		$('#tellafriendForm').bind("submit",function(e){
			
			// reset
			isOk = true;
			// set selects values
			$(this).find('input:text').each(function(){ $(this).css({'border' : 'solid 1px #891d53'}); });
			$(this).find('textarea').each(function(){ $(this).css({'border' : 'solid 1px #891d53'}); });
			$(this).find('#mention').remove();
			
			// check inputs
			$(this).find('input').each(function(){
				// obligatoires
				if($(this).val()=='' && !$(this).hasClass('optional')) error($(this));				
				else if($(this).attr('id')=='email' && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test($(this).val())) error($(this));
				else if($(this).attr('id')=='contactname' && !/^[-\u00E9\u00e8\u00e0\u00e7\u00f4\u00ee\u00eaA-Za-z\s]+$/.test($(this).val())) error($(this));
				//else if($(this).attr('id')=='city' && !/^[-\u00E9\u00e8\u00e0\u00e7\u00f4\u00ee\u00eaA-Za-z\s]+$/.test($(this).val())) error($(this));
				//else if($(this).attr('id')=='phone' && !/^[0-9]/.test($(this).val())) error($(this));
				
			});
			// check textarea
			$(this).find('textarea').each(function(){
				if($(this).val()=='' || $(this).val().length>2000) error($(this));
			});
			
			if(isOk == false){				
				$(this).find("input:submit").parent().prepend("<p class=\"unit marginT5\"><span class=\"em08 absolute red\" id=\"mention\">All fields with asterisks * are required</span></p>");
				//$(this).find('#errorHighlight').parent().parent().parent().css({'color' : 'red'}); });
			}
			
			return isOk;
		});
		function error(el){
			el.css({'border' : 'solid 1px red'});
			$('.errorHighlight').css({'color' : 'red','font-weight' : 'bold'});
			el.focus();			
			isOk = false;	
		}
	}
	
	
	
	
	
});