// JavaScript Document


$(document).ready(function(){
	
	$('#tack').hide(); 					   
    $("#formular").validate();
	
	$(".button").click(function() {
	  
	  //check if form is valid, if true send data to DB
	  if($("#formular").valid()){
		  
		  
		 
		  
		//  alert("Valid: " + $("#formular").valid());
		  
		 /*
		 $('#formular').hide();
		  $('#tack').html("<div class='formMellanRubrik'>Tack!</div>")
		  .append("<div class='formular_row'>Vi har registrerat din epost..</div>"); 
		  $('#tack').fadeIn(1500);
		  */
		  
		  
		 
		  // begin ajax
		  var dittnamn = $("input#dittnamn").val();
		  //var kollegasnamn = $("input#kollegasnamn").val(); 
		  var kollegasepost = $("input#kollegasepost").val();
		  var dataString = 'dittnamn='+ dittnamn +'&kollegasepost=' + kollegasepost;  
		  //var dataString = 'dittnamn='+ dittnamn + '&kollegasnamn='+ kollegasnamn +'&kollegasepost=' + kollegasepost;  
		  //alert(dataString);
		  
		 
			
			$.ajax({
			   type: "POST",
			   url: "../php/tipsa.php",
			   data: dataString,
			   success: function(){
				 //alert( "Data Saved: ");
				 $('#formular').hide();
		  		 $('#tack').html("<br><div class='formular_row'>Tack!</div>")
		  		.append("<div class='formular_row'>Ett tips har skickats till din kollega.</div>")
				.append("<br/><div class='formular_row'><a href='' id='closeThanks'>Tipsa en till kollega</a></div><br/><br/>");
					//Click function on link for closing the thank you message
					$("#closeThanks").click(function() {
						//clear the inputs					 
						$("input#dittnamn").val(""); 
						//$("input#kollegasnamn").val(""); 
						$("input#kollegasepost").val("");
						
						$('#tack').hide();
						$('#formular').fadeIn(1500);
						return false;
					});
					
		 		 $('#tack').fadeIn(1500);
				 
			   }
			 });
			 
	
	
	/*
	$.ajax({
    url: 'document.xml',
    type: 'GET',
    dataType: 'xml',
    timeout: 1000,
    error: function(){
        alert('Error loading XML document');
    },
    success: function(xml){
        // do something with xml
    }
});
	*/
	 
		  
	  }
	  
	  return false;
	});
		
	
	 
});