abc= new Image(); abc.src = "assets/images/foto1.png";
abc= new Image(); abc.src = "assets/images/foto2.png";
abc= new Image(); abc.src = "assets/images/foto3.png";
abc= new Image(); abc.src = "assets/images/foto4.png";
abc= new Image(); abc.src = "assets/images/foto5.png";
abc= new Image(); abc.src = "assets/images/foto6.png";
abc= new Image(); abc.src = "assets/images/foto7.png";
abc= new Image(); abc.src = "assets/images/foto8.png";

setInterval("starten()",6000);
huidig = 2;


function starten() {
		doel = huidig + 1;
		doel = (doel==9) ? 1 : doel;
		op=1;
		uitfaden();
}

function uitfaden() {
	  document.getElementById('foto').style.opacity = Math.round(op*100)/100;
	  document.getElementById('foto').style.filter = 'alpha(opacity=' + Math.round(op*100) + ')';
	  if(op>=0) {
		  op-=0.04;
		  setTimeout("uitfaden()", 20);
	  } else {
		  huidig = doel;
		  document.getElementById('foto').src = 'assets/images/foto' + doel + '.png';
		  faden();
	  }
}

function faden(fake) {
	document.getElementById('foto').style.opacity = Math.round(op*100)/100;
	document.getElementById('foto').style.filter = 'alpha(opacity=' + Math.round(op*100) + ')';
	if(op<1) {
		op+=0.04;
		setTimeout("faden()", 20);
	}
}

$(document).ready(function () {
	   $(".plaatje").hover(
   	function ()
		{
			$(this).css("opacity","0.7");
			$(this).css("filter", "alpha(opacity = 70)");
		},
	function ()
		{
			$(this).css("opacity","1");
			$(this).css("filter", "alpha(opacity = 100)");
		}
	);						
});