// JavaScript Document

function startup()
{
	headanimatie ()
}

function headanimatie ()
{
	var pic1 = '<div id="ani1"><a href="/website-laten-maken" title="Professioneel Webdesign" target="_self"><img src="/content/headani-professioneel-webdesign.jpg" alt="Professioneel webdesign" title="Professioneel webdesign" /></a></div>';
	var pic2 = '<div id="ani1"><a href="/portfolio/deboerenschuur" title="Nieuwe website voor de Boerenschuur" target="_self"><img src="/content/headani-boerenschuur.jpg" alt="Professioneel webdesign" title="Professioneel webdesign" /></a></div>';
	var pic3 = '<div id="ani1"><a href="/website-laten-maken" title="Professioneel Webdesign" target="_self"><img src="/content/headani-zoekmachine-optimalisatie.jpg" alt="Professioneel webdesign" title="Professioneel webdesign" /></a></div>';
	
	document.getElementById("headcontent").innerHTML = pic1 + pic2 + pic3;
	animatie1();
}

function animatie1 ()
{
	$("#ani1").delay(0).animate({'margin-top': 0, 'padding-top': '0px'},2000);
	$("#ani1").delay(1500).animate({'margin-top': -250, 'padding-top': '0px'},2000);
	$("#ani1").delay(1500).animate({'margin-top': -500, 'padding-top': '0px'},2000);
	animatie2 ();
}

function animatie2 ()
{
	$("#ani1").delay(1500).animate({'margin-top': -250, 'padding-top': '0px'},2000);
	$("#ani1").delay(1500).animate({'margin-top': 0, 'padding-top': '0px'},4000);
	animatie1 ();
}