$(document).ready(function()
{
	var kleuren = new Array();
	kleuren[0] = '#D72726';
	kleuren[1] = '#0D94C7';
	kleuren[2] = '#999';
	kleuren[3] = '#A6CE3A';
	
	var i = 0;
	$('#navigatie a:not(.subPagina)').each(function()
	{
		$(this).css({
			'border-color' : kleuren[i]
		});
		
		i++;
	});
	
	jQuery('#wieZijnWijCarousel').jcarousel({
		scroll: 1
	});
	
	$('#wieZijnWijCarousel').css({ visibility : 'visible' });

	$('.jsddm > li').hover(
		function(e) 
		{
			jsddm_open($(this));
		},
		function() 
		{
			jsddm_timer();
		}
	);
});

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open(el)
{  
	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = el.find('ul').css('visibility', 'visible');
	
	var liOffset = el.offset();
	
	var label = el.attr('class');
	var labelTop = 170;
	var labelLeft = 0;
	var labelWidth = 180;
	var labelMenuHeight = el.find('ul').height();
	
	if (label == 'label1') 
	{
		labelLeft = 20;
		labelWidth = 130;
		labelTop = 140 - labelMenuHeight;
	}
	else if (label == 'label2') 
	{
		labelLeft = 10;
		labelWidth = 180;
		labelTop = 140 - labelMenuHeight;
	}
	else if (label == 'label3') 
	{
		labelTop = 30;
		labelWidth = 150
	}
	else if (label == 'label4') 
	{
		labelLeft = 10;
		labelTop = 30;
		labelWidth = 200;
	}
	
	if (whichBrs() == 'Firefox') labelLeft+=1;
	
	el.find('ul').css({
		top: (liOffset.top + labelTop) + 'px',
		left: (liOffset.left + labelLeft) + 'px',
		width: labelWidth + 'px'
	});
}

function jsddm_close()
{  
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function jsddm_timer()
{  
	closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer()
{  
	if (closetimer)
	{  
		window.clearTimeout(closetimer);
      	closetimer = null;
	}
}

document.onclick = jsddm_close;

// Browser Detection Javascript
// copyright 1 February 2003, by Stephen Chapman, Felgall Pty Ltd

// You have permission to copy and use this javascript provided that
// the content of the script is not changed in any way.

function whichBrs() {
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf("opera") != -1) return 'Opera';
if (agt.indexOf("staroffice") != -1) return 'Star Office';
if (agt.indexOf("webtv") != -1) return 'WebTV';
if (agt.indexOf("beonex") != -1) return 'Beonex';
if (agt.indexOf("chimera") != -1) return 'Chimera';
if (agt.indexOf("netpositive") != -1) return 'NetPositive';
if (agt.indexOf("phoenix") != -1) return 'Phoenix';
if (agt.indexOf("firefox") != -1) return 'Firefox';
if (agt.indexOf("safari") != -1) return 'Safari';
if (agt.indexOf("skipstone") != -1) return 'SkipStone';
if (agt.indexOf("msie") != -1) return 'Internet Explorer';
if (agt.indexOf("netscape") != -1) return 'Netscape';
if (agt.indexOf("mozilla/5.0") != -1) return 'Mozilla';
if (agt.indexOf('\/') != -1) {
if (agt.substr(0,agt.indexOf('\/')) != 'mozilla') {
return navigator.userAgent.substr(0,agt.indexOf('\/'));}
else return 'Netscape';} else if (agt.indexOf(' ') != -1)
return navigator.userAgent.substr(0,agt.indexOf(' '));
else return navigator.userAgent;
}
