$(document).ready(function(){
	 
	$('#errorAjax').hide();
	
	  
    
            	//ALLOW ALFA NUMERIC
	$('#name').alpha({allow:"-_ 'ϙ���؈��������"});
	$('#mail').alphanumeric({allow:"@.-_"});
	$('#fName').alpha({allow:"-_ 'ϙ���؈��������"});
	$('#fMail').alphanumeric({allow:"@.-_"});
	
	
	$('#discreteBookmark').bookmark({ 
    sites: ['delicious', 'digg', 'facebook', 'twitthis','livejournal','stumbleupon']});
    
    var thumbs =  ['./images/groen_small_04.jpg'];
    var pdfNAME = ['groen_staatskas.jpg'];
    var linkPDF = ['pdf/groen_staatskas.pdf'];
    var jpgNAME = ['./images/groen_large_04.jpg'];
    
    
    
     $("#thumbs li a").each(function(obj){
     	
     	$(this).find('img').attr('src',thumbs[obj]);
     	
     	$(this).click(function(){
     	     	
     	$('#pdfName').val(pdfNAME[obj]);
     	$('a#pdflink').attr('href', linkPDF[obj]); 
     	
     	$("#pic_large img").fadeOut(500, function () {
    	 	$("#pic_large img").attr('src','');
         	$("#pic_large img").attr('src',jpgNAME[obj]).load(function() {	$("#pic_large img").fadeIn(300);});
     		});

     	 });
     })
    
        
	$('form').resetForm();
	
		
	$("#contactForm").validate({
			errorPlacement:function(label,element){
			label.insertAfter(element);
			},
			submitHandler: function(form) {
			$("input[@name='name']").autosave();
			$("input[@name='mail']").autosave();
	        $(form).ajaxSubmit({
	       	target: '#errorAjax',
	        dataType: 'json',
	        clearForm: false, 
	        url: 'inc/contact.php?action=validLog',
	        	success: function(data){
	        		if(data.error){
	        			$("#errorAjax")
	        			.html(data.error)
	        			.fadeIn(600)
	    				.animate({opacity: 1.0}, 3000)
	   					.fadeOut(600, function() {});
					}
					if(data.boodschap){
						//$('#contactForm').clearForm();
						$("input[@name='fName']").clearFields();
						$("input[@name='fMail']").clearFields();
						$('#errorAjax').html(data.boodschap).fadeIn(600).animate({opacity: 1.0}, 4000).fadeOut(600, function() {});
						
					}
				}
	       });
       	}
	});
	
});