//jQuery.easing.def = "easeOutBounce";


function showImages(){
	$("#img1").fadeIn(500, function(){ $("#img2").fadeIn(500, function(){ $("#img3").fadeIn(500) }) });	
	
}

function animOver(menuID){
		  $("#"+menuID).animate({ 
			color: "#5fa0ef"					
		  }, 200
	);
		  

}

function animOut(menuID){
		  $("#"+menuID).animate({ 
			color: "#ffffff"					
		  }, 200
	);
		  

		  
}

function subanimOver(menuID){
		  $("#"+menuID).animate({ 
			color: "#000000"					
		  }, 200
	);
		  

}

function subanimOut(menuID){
		  $("#"+menuID).animate({ 
			color: "#1b4d89"					
		  }, 200
	);
		  

		  
}

var links=new Array;
function initDiv(){

	for(x=1;x < 7; x++){
		var p = $("#"+x);
		var offset = p.offset();
		links[x] = offset.left;
	}

}

var huidigePagina = "home";

function locateHref(deLink){
	
//alleen nummers benenden de 7 verschuiven de kaders bovenin	
if(deLink < 7){

//verplaatst het topkader bovenin
	var c = $("#placeholder");
	var offsetC = c.offset();
	var animeerC = ((offsetC.left-3)-links[deLink]) + "px";
	$('#container').animate(
		{
			left: animeerC
		},
		700
	);

//verplaats de aanwijzer bovenin
	var d = $("#menu" + deLink);
	var offsetD = d.offset();
	
	var animeerLinks = offsetD.left + "px"; //, 
	var animeerWidth = (d.width()+20)+"px";
	//alert(kleuren[i]);
	
		  $("#aanwijzer").animate({ 
			left: animeerLinks,
			width: animeerWidth,
			opacity: 0.4
		  }, 500
	);
}
// toont de pagina
var nieuwePagina = new Array("","home","webdesign","applicaties","dienstverlening","narrowcasting","contact"); 

$("#"+huidigePagina).fadeOut(250, function(){ $("#"+nieuwePagina[deLink]).fadeIn(250) } );
huidigePagina = nieuwePagina[deLink];

//add de pagina in je history lijst
//function addHistory(deLink){
	var historyLink =$("#historyContainer").html();
	historyLink='<div onClick="locateHref('+deLink+');">'+nieuwePagina[deLink]+historyLink+'</div><br>';
//	alert(historyLink);
	$("#historyContainer").html(historyLink);

//}
}


//animeert de nieuws in de kaders
var nieuwsTeller = 1;
function nieuws_flow(){
	

var verspring = 56;	
var c = $("#nieuws_kader");
var d = $("#nieuws_container");

var offsetC = c.offset();
var offsetD = d.offset();
//alert(offsetC.top+" "+offsetD.top);

var animeerOmhoog = ((offsetC.top - offsetD.top)-verspring)+"px";
//alert(animeerOmhoog);
      $("#nieuws_kader").animate({ 
	  	top: animeerOmhoog
      }, 
	  1000, 
	  	  	"easeInSine",

	  function (){
		  
			nieuwsTeller++;
			if(nieuwsTeller == 6){
				nieuwsTeller = 1;
				$("#nieuws_kader").css({ top: "0px" });
			}
	  }
	  );
	  
}

//verstuurd een email
var emailTeller = 0;
function verstuurBericht(){
	
	emailTeller++;
	var naam = document.form.naam.value;
	var emailadres = document.form.emailadres.value;
	var geslacht = document.form.geslacht.value;
	var bericht = document.form.bericht.value;
	
	//alert(emailTeller);
	
	if(emailTeller == 3) {
		
		$("#contactform").fadeOut(250, function(){ 
				$("#contact_spam").fadeIn(250, function(){ 
															   
					setTimeout("nieuwBerichtNaSpam()", 120000); 
				}) 
		});

	} else {

			$.ajax({
			  type: "POST",
			   url: "contactbevestigen.php",
			  data: "naam="+naam+"&emailadres="+emailadres+"&geslacht="+geslacht+"&bericht="+bericht,
			   success: function(msg){
					$("#contactform").fadeOut(250, function(){ 
							$("#contact_bevestiging").fadeIn(250, function(){ 
																		   
								setTimeout("nieuwBericht()", 3000); 
							}) 
					});
			  }
			 });

	}
	
}

//maakt het emailveld weer leeg en toont deze weer
function nieuwBericht(){
	document.form.bericht.value = '';

		$("#contact_bevestiging").fadeOut(250, function(){ 
				$("#contactform").fadeIn(250);
		});

}

//maakt het emailveld weer leeg en toont deze weer
function nieuwBerichtNaSpam(){
		document.form.bericht.value = '';

		emailTeller = 0; 
		$("#contact_spam").fadeOut(250, function(){ 
				$("#contactform").fadeIn(250);
		});

}
