// JavaScript Document
if (document.width>=1280)
{
	document.write('<link rel="stylesheet" href="css/kwalilabel.css" type="text/css" media="all" />');
}
else
{
}

var vb = 0;
var aantalafbeeldingen = 8;

function webdesignvoorbeelden() {
	
	afb = new Array(aantalafbeeldingen);
	afb[0] = '<a href="referentie/jobflex"><img src="content/webdesign-voorbeelden/jobflex.jpg" width="300" height="260" /></a>';
	afb[1] = '<a href="referentie/102procent"><img src="content/webdesign-voorbeelden/102procent.jpg" width="300" height="260" /></a>';
	afb[2] = '<a href="referentie/baksautomobielen"><img src="content/webdesign-voorbeelden/baks.jpg" width="300" height="260" /></a>';
	afb[3] = '<a href="referentie/steefebbers"><img src="content/webdesign-voorbeelden/colors4live.jpg" width="300" height="260" /></a>';
	afb[4] = '<a href="referentie/rgmenswear"><img src="content/webdesign-voorbeelden/rgmenswear.jpg" width="300" height="260" /></a>';
	afb[5] = '<a href="referentie/hyr"><img src="content/webdesign-voorbeelden/hyr.jpg" width="300" height="260" /></a>';
	afb[6] = '<a href="referentie/auwkerk"><img src="content/webdesign-voorbeelden/deauwkerk.jpg" width="300" height="260" /></a>';
	afb[7] = '<a href="referentie/installatiebedrijfzwaan"><img src="content/webdesign-voorbeelden/zwaan.jpg" width="300" height="260" /></a>';
	afb[8] = '<a href="referentie/deboerenschuur"><img src="content/webdesign-voorbeelden/boerenschuur.jpg" width="300" height="260" /></a>';

	$("#voorbeelden1").delay(1000).animate({opacity: 0.5},1000);
	$("#voorbeelden3").delay(1000).animate({opacity: 0.5},1000);
	
	$("#next").css("cursor","pointer");
	$("#previous").css("cursor","pointer");
	
	vb1 = vb + 0;
	vb2 = vb + 1;
	vb3 = vb + 2;
	
	document.getElementById('voorbeelden1').innerHTML = afb[vb1];
	document.getElementById('voorbeelden2').innerHTML = afb[vb2];
	document.getElementById('voorbeelden3').innerHTML = afb[vb3];
	
	setTimeout(autonext,500);
	
	loop = 's';
	
}

function autonext () {
	
	vb1 = vb1 + 1;
	vb2 = vb2 + 1;
	vb3 = vb3 + 1;
	
	if (vb1 > aantalafbeeldingen) {
		vb1 = 0;
	}
	
	if (vb2 > aantalafbeeldingen) {
		vb2 = 0;
	}
	
	if (vb3 > aantalafbeeldingen) {
		vb3 = 0;
	}
	$("#voorbeelden3").css("float","right");
	
	d = 1;
	interval = 1;
	uitzwaai = '50px';
	
	$("#voorbeelden1").delay(interval).animate({'padding-left': uitzwaai, 'padding-top': '40px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '340px', 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': uitzwaai, 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden1").delay(interval).animate({'padding-left': '0px', 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': '0px', 'padding-top': '0px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '-340px', 'padding-top': '0px'},d);
	
	interval = 10;
	$("#voorbeelden1").delay(interval).animate({'padding-left': uitzwaai, 'padding-top': '0px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '40px', 'padding-top': '00px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': uitzwaai, 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden1").delay(interval).animate({'padding-left': '0px', 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': '0px', 'padding-top': '0px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '-40px', 'padding-top': '0px'},d);
	
	interval = 10;
	$("#voorbeelden1").delay(interval).animate({'padding-left': uitzwaai, 'padding-top': '0px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '-30px', 'padding-top': '00px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': uitzwaai, 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden1").delay(interval).animate({'padding-left': '0px', 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': '0px', 'padding-top': '0px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '30px', 'padding-top': '0px'},d);
	
	interval = 10;
	$("#voorbeelden1").delay(interval).animate({'padding-left': uitzwaai, 'padding-top': '00px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '-30px', 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': uitzwaai, 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden1").delay(interval).animate({'padding-left': '0px', 'padding-top': '0px'},d);
	interval = interval + interval;
	$("#voorbeelden3").delay(interval).animate({'padding-right': '0px', 'padding-top': '0px'},d);
	$("#voorbeelden2").delay(interval).animate({'margin-left': '0px', 'padding-top': '0px'},d);
	
	
	d = 0;
	interval = 1;
	
	
	//document.getElementById('voorbeelden1').innerHTML = afb[vb1];
	//document.getElementById('voorbeelden2').innerHTML = afb[vb2];
	//document.getElementById('voorbeelden3').innerHTML = afb[vb3];	
	
	//$("#voorbeelden1").delay(500).animate({'padding-left': '0px', 'padding-top': '40px'},500);
	
	//$("#voorbeelden3").delay(500).animate({'padding-right': '0px', 'padding-top': '40px'},500);
	
	$("#voorbeelden1").delay(1000).animate({'padding-left': '0px', 'padding-top': '00px'},500);
	
	$("#voorbeelden3").delay(1000).animate({'padding-right': '0px', 'padding-top': '00px'},500);
	
	if(loop=='s') {
		setTimeout(vervang,320);
		setTimeout(autonext,5000);
	}	
}

function vervang () {
	$("#voorbeelden1").html(afb[vb1]);
	$("#voorbeelden2").html(afb[vb2]);
	$("#voorbeelden3").html(afb[vb3]);	
}

function trillen1 () {
	$("#voorbeelden1").delay(10).animate({'padding-left': '40px', 'padding-top': '40px'},100);
	$("#voorbeelden3").delay(10).animate({'padding-right': '40px', 'padding-top': '40px'},100);
}

function trillen2 () {
	$("#voorbeelden1").delay(150).animate({'padding-left': '0px', 'padding-top': '0px'},100);
	$("#voorbeelden3").delay(150).animate({'padding-right': '0px', 'padding-top': '0px'},100);
}

function nextafb () {
	vb1 = vb1 + 1;
	vb2 = vb2 + 1;
	vb3 = vb3 + 1;
	
	if (vb1 > aantalafbeeldingen) {
		vb1 = 0;
	}
	
	if (vb2 > aantalafbeeldingen) {
		vb2 = 0;
	}
	
	if (vb3 > aantalafbeeldingen) {
		vb3 = 0;
	}
	
	document.getElementById('voorbeelden1').innerHTML = afb[vb1];
	document.getElementById('voorbeelden2').innerHTML = afb[vb2];
	document.getElementById('voorbeelden3').innerHTML = afb[vb3];
	
	loop = 'a';
}

function vorige () {
	vb1 = vb1 - 1;
	vb2 = vb2 - 1;
	vb3 = vb3 - 1;
	
	if (vb1 < 0) {
		vb1 = aantalafbeeldingen;
	}
	
	if (vb2 < 0) {
		vb2 = aantalafbeeldingen;
	}
	
	if (vb3 < 0) {
		vb3 = aantalafbeeldingen;
	}
	
	document.getElementById('voorbeelden1').innerHTML = afb[vb1];
	document.getElementById('voorbeelden2').innerHTML = afb[vb2];
	document.getElementById('voorbeelden3').innerHTML = afb[vb3];
	
	loop = 'a';
}

function voorgrond (element) {
	var element = '#' + element;
	$(element).animate({opacity: 1},500);
	$("#voorbeelden2").animate({opacity: 0.5},500);
}

function naarachtergrond () {
	$("#voorbeelden1").animate({opacity: 0.5},500);
	$("#voorbeelden3").animate({opacity: 0.5},500);
	
	$("#voorbeelden2").animate({opacity: 1},500);
	
}



function contactformulier () {
	$("#container").animate({opacity: 0.4},1000);
	document.getElementById('contactsluiten').innerHTML = 'Venster sluiten';
	$("#contactformulierwrapper").css("display","block");
	$("#contactformulier").slideDown(500,contactformulierels());
}

function contactformulierels () {
	$("#contactformulierlinks").fadeIn(3);
	$("#contactformulierrechts").fadeIn(3);
	$("#contactsluiten").fadeIn(1000);
	$(".contacttekst1").fadeIn(500);
	$(".contacttekst2").fadeIn(750);
	$(".contacttekst3").fadeIn(1000);
	$(".contacttekst4").fadeIn(1250);
	$(".contacttekst5").fadeIn(1500);
	$(".contacttekst6").fadeIn(1750);
	}

function contactformuliersluiten () {
	document.getElementById('contactsluiten').innerHTML = 'Venster leegmaken';
	$("#contactformulierrechts").fadeOut(1250);
	$(".contacttekst1").delay(1000).toggle(500);
	$(".contacttekst2").delay(1000).toggle(600);
	$(".contacttekst3").delay(1000).toggle(700);
	$(".contacttekst4").delay(1000).toggle(800);
	$(".contacttekst5").delay(1000).toggle(900);
	$(".contacttekst6").delay(1000).toggle(1000),contactformuliersluiten1();
}

function contactformuliersluiten1 () {
	document.getElementById('contactsluiten').innerHTML = 'Bezig met sluiten';
	$("#contactformulier").delay(2000).animate({'width': '0', 'height': '0px', 'margin-left': '10px'},1000);
	$("#mapsframe").delay(0).fadeOut(1000);
	$("#maps").delay(001).slideUp(500);
	$("#container").delay(2500).animate({opacity: 1.0});
	$("#contactformulier").delay(2000).animate({'width': '620', 'height': '400px', 'margin-right': '-480px'},10);
	$("#contactformulier").delay(2000).slideToggle(1000);
	$("#contactformulierwrapper").delay(3000).slideUp(1000);
}

function mapsopenen () {
	$("#mapsframe").css("display","none");
	$("#maps").slideDown(100);
	$("#mapsframe").delay(0).toggle(2500);
}

function vergroting (foto)
{
	$("#large_pic").slideDown(1900);
	document.getElementById("large_pic_holder").src = foto;
}

function close_large ()
{
	$("#large_pic").slideUp(1900);
}