$(document).ready(function(){
	vCycleImages = setInterval(function() {
      var bImgLoaded = true;
      var images = $("#foto_voor img");

      for (var i = 0; i < images.length; i++) {
         var img = images[i];
         if (img.complete == false)
            bImgLoaded = false;
      }

      if (bImgLoaded) {
         $('#container_anim2').hide();	
		 $('#container_wit').hide();	
                  $('#tekstvak').animate({
			marginLeft: '810'
		}, 1);
                        $('#tekstvak2').animate({
            marginLeft: '-544'
        }, 1);
        		 setTimeout("tekstvak()", 4000)
		 $('#preload').hide();
		 bewegen();
		 bewegen2();
         clearInterval(vCycleImages);
      }
   }, 1000);
});

function tekstvak() {
	$('#tekstvak').animate({
			marginLeft: '320'
		}, 1000);
	setTimeout("tekstvak_verbergen()", 5000)
}

function tekstvak_verbergen() {
	$('#tekstvak').animate({
			marginLeft: '810'
		}, 1000);
	setTimeout("verbergen()", 1000)
}

function tekstvak2() {
	$('#tekstvak2').animate({
			marginLeft: '-22'
		}, 1000);
	setTimeout("tekstvak2_verbergen()", 5000)
}

function tekstvak2_verbergen() {
	$('#tekstvak2').animate({
			marginLeft: '-544'
		}, 1000);
	setTimeout("verbergen2()", 1000);
}

function verbergen() {
	$('#container_wit').fadeIn(350);
	setTimeout("zichtbaar()", 300);
}

function verbergen2() {
	$('#container_wit').fadeIn(350);
	setTimeout("zichtbaar2()", 300);
}

function zichtbaar() {
	$('#container_anim2').show();
	$('#container_anim1').hide();
	$('#foto_voor2').css('margin-top', '-190px');
	$('#foto_voor2').css('margin-left', '-135px');
	$('#foto_voor2').css('width', '810px');
	$('#foto_voor2').css('height', '810px');
	$('#foto_achter2').css('margin-top', '-140px');
	$('#foto_achter2').css('margin-left', '-20px');
	$('#foto_achter2').css('width', '810px');
	$('#foto_achter2').css('height', '810px');
	$('#container_wit').fadeOut(750);
	setTimeout("animatie2()", 100);
}

function zichtbaar2() {
	$('#container_anim1').show();
	$('#container_anim2').hide();
	$('#foto2_voor2').css('margin-top', '-150px');
	$('#foto2_voor2').css('margin-left', '60px');
	$('#foto2_voor2').css('width', '830px');
	$('#foto2_voor2').css('height', '830px');
	$('#foto2_achter2').css('margin-top', '-160px');
	$('#foto2_achter2').css('margin-left', '0px');
	$('#foto2_achter2').css('width', '850px');
	$('#foto2_achter2').css('height', '850px');
	$('#container_wit').fadeOut(750);
	setTimeout("animatie1()", 100);
}

function animatie1() {
	bewegen();
	bewegen2();
	setTimeout("tekstvak()", 4000)
}

function animatie2() {
	bewegen3();
	bewegen4();
	setTimeout("tekstvak2()", 4000)
}

function bewegen() {
	$('#foto_achter2').animate({
			marginTop: '-140',
			marginLeft: '21',
			top: '0',
			left: '0',
			width: '770px',
			height: '770px'
		}, 5000);
}

function bewegen2() {
	$('#foto_voor2').animate({
			marginTop: '-190',
			marginLeft: '-135',
			top: '0',
			left: '0',
			width: '890px',
			height: '890px'
		}, 5000);
}

function bewegen4() {
	$('#foto2_achter2').animate({
			marginTop: '-155',
			marginLeft: '10',
			top: '0',
			left: '0',
			width: '790px',
			height: '790px'
		}, 5000);
}

function bewegen3() {
	$('#foto2_voor2').animate({
			marginTop: '-210',
			marginLeft: '30',
			top: '0',
			left: '0',
			width: '890px',
			height: '890px'
		}, 5000);
}