$(document).ready(function() {
	$('.template-5').show();				   
    $('.template-4, .template-5').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	
	$('.vierkant a, .rechthoek a').hover( 
		function () {
			$(this).find('img.hover').stop()
			.animate({width: '73px',height: '73px'},{queue:false,duration:400});
			$(this).find('span.arrow').stop()
			.animate({width: '53px',height: '53px'},{queue:false,duration:400});
		}, 
		function () {
			$(this).find('img.hover,span.arrow').stop()
			.animate({width: '0px',height: '0px'},{queue:false,duration:400});
		}
	);
	
});


<!--
function showflash(hoofdstuk,width,height)
{
//	hoofdstuk = ""+hoofdstuk+".swf";

	var textwidth = width;
	var textheight = height;	


var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if(hasRightVersion) {  // if we've detected an acceptable version
    var oeTags = '<object style="display: block; " classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
    + 'width="'+textwidth+'" height="'+textheight+'"'
    + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
    + '<param name="movie" value="'+hoofdstuk+'" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><param name="menu" value="false" />'
    + '<embed src="'+hoofdstuk+'" quality="high" wmode="transparent" bgcolor="#ffffff" '
    + 'width="'+textwidth+'" height="'+textheight+'" name="europa" align="middle"'
    + 'play="true"'
    + 'loop="true"'
    + 'quality="high"'
    + 'allowScriptAccess="sameDomain"'
    + 'type="application/x-shockwave-flash"'
    + 'pluginspage="http://www.macromedia.com/go/getflashplayer">'
    + '<\/embed>'
    + '<\/object>';
    document.write(oeTags);   // embed the flash movie
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = '<span style="font-size: 11px; color: #000">Flash plugin versie 8 is vereist.<br>'
  	+ 'Er is geen Flash plugin gevonden.<br>'
   	+ '<a href=http://www.macromedia.com/go/getflash/>Download Flash 8 plugin</a></span>';
    document.write(alternateContent);  // insert non-flash content
  }

}


function showblokje(template,breedte,hoogte)
{
// 184 * 165

var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if(hasRightVersion) {  // if we've detected an acceptable version
    var oeTags = '<object style="display: block; " classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
    + 'width="'+breedte+'" height="'+hoogte+'"'
    + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
    + '<param name="movie" value="blok'+template+'" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><param name="menu" value="false" />'
    + '<embed src="blok'+template+'" quality="high" wmode="transparent" bgcolor="#ffffff" '
    + 'width="'+breedte+'" height="'+hoogte+'" name="europa" align="middle"'
    + 'play="true"'
    + 'loop="true"'
    + 'quality="high"'
    + 'allowScriptAccess="sameDomain"'
    + 'type="application/x-shockwave-flash"'
    + 'pluginspage="http://www.macromedia.com/go/getflashplayer">'
    + '<\/embed>'
    + '<\/object>';
    document.write(oeTags);   // embed the flash movie
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = '<span style="font-size: 11px; color: #000">Flash plugin versie 8 is vereist.<br>'
  	+ 'Er is geen Flash plugin gevonden.<br>'
   	+ '<a href=http://www.macromedia.com/go/getflash/>Download Flash 8 plugin</a></span>';
    document.write(alternateContent);  // insert non-flash content
  }

}


function swap_on(id) {
	var img_off 	= "images/portal_"+id+"_off.gif";
	var img_on 		= "images/portal_"+id+"_on.gif";
	var portal 		= "portal_"+id+"";
	
	if(id != "logos") {
		if(document.getElementById(portal).src = img_off) { document.getElementById(portal).src = img_on; }
	}
	else { document.getElementById(portal).src = "images/logos_bottom_on.gif"; 	}
}

function swap_off(id) {
	var img_off 	= "images/portal_"+id+"_off.gif";
	var img_on 		= "images/portal_"+id+"_on.gif";
	var portal 		= "portal_"+id+"";

	if(id != "logos") {
		if(document.getElementById(portal).src = img_on) { document.getElementById(portal).src = img_off; }
		}
	else { document.getElementById(portal).src = "images/logos_bottom.gif"; 	}
}

function menutab_on(tabid) {
	var links = "link"+tabid+"";
	document.getElementById(tabid).style.backgroundImage = "url('images/tab_on.jpg')";
	document.getElementById(links).style.color = "#007f86";	
}

function menutab_off(tabid) {
	var links = "link"+tabid+"";
	document.getElementById(tabid).style.backgroundImage = "url('images/tab_off.jpg')";
	document.getElementById(links).style.color = "#ffffff";		
}

function ganaar() {
	var waarde = document.getElementById('kiesbranche').value;
	if(waarde > 0) { window.location="index.php?page=2&amp;sub="+waarde+""; }
}


function toonvest(waarde) {

	if(waarde > 0) {
		myRand=parseInt(Math.random()*99999999);
		myRanda=parseInt(Math.random()*999999999);
		http.open("GET", "vestiginginfo.php?id="+waarde+"&random="+myRand+myRanda, true); 
		http.onreadystatechange = handleData; 
		http.send(null);
	}
}

function handleData() { if (http.readyState == 4) { document.getElementById('vestigingdetails').innerHTML = http.responseText;	} }

function getHTTPObject() {
    var xmlhttp;
    /*@cc_on
    @if (@_jscript_version >= 5)
    try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    try {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
    xmlhttp = false;
    }
    }
    @else
    xmlhttp = false;
    @end @*/
    
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
        try { xmlhttp = new XMLHttpRequest(); } 
        catch (e) { xmlhttp = false; }
    }
    return xmlhttp;
}

var http = getHTTPObject(); // We create the HTTP Object


function toonvestiging(waarde) {
	var waarde = document.getElementById('kiesbranche').value;
	if(waarde > 0) { window.location="index.php?page=2&amp;sub="+waarde+""; }
}

function swaprij(rij) {
	
	var cel1 = ""+rij+"-1";
	var cel2 = ""+rij+"-2";
	var cel3 = ""+rij+"-3";		
	
	document.getElementById(cel1).style.backgroundColor = "#f2f8f9";
	document.getElementById(cel2).style.backgroundColor = "#f2f8f9";
	document.getElementById(cel3).style.backgroundColor = "#f2f8f9";		
}

function swapbackrij(rij) {
	
	var cel1 = ""+rij+"-1";
	var cel2 = ""+rij+"-2";
	var cel3 = ""+rij+"-3";		
	
	document.getElementById(cel1).style.backgroundColor = "#ffffff";
	document.getElementById(cel2).style.backgroundColor = "#ffffff";
	document.getElementById(cel3).style.backgroundColor = "#ffffff";		
}


//-->
