// Afbeeldingen op 0 zetten
//$("#gemeenten ul li img").css({ width: 0, height: 0, marginTop: 85, marginLeft: 214 });

// Eerste item al op actief zetten
$("#gemeenten li:first").addClass("actief");
//$("#gemeenten li:first img").css({ width: 214, height: 85, marginTop: 0, marginLeft: 0 });

// op de logo ballonnetjes ook een link zetten
$("#gemeenten li img").each(function()
{
	$(this).css("cursor", "pointer");
	
	$(this).attr("title", $("a", this.parentNode).attr("title"));

	$(this).click(function(){
		window.open( $("a", this.parentNode).attr("href") );
	});
});

// aantal secondens tussen de overgang
var seconde = 3000;

// automatisch door de gemeentes heen lopen
var volgendeActie = function()
{
	huidige = $("#gemeenten ul li.actief");
	volgende = huidige.next();	
	
	if(volgende.length == 0)
		volgende = 	$("#gemeenten ul li:first");
	
	// huidige verbergen
	huidige.removeClass("actief");
	//$("#gemeenten ul li img").animate({width: 0, height: 0, marginTop: 85, marginLeft: 214}, 400).hide();
	$("#gemeenten ul li img").hide();
	
	// volgende 
	volgende.addClass("actief");
	//$("#gemeenten ul li.actief img").animate({width: 214, height: 85, marginTop: 0, marginLeft: 0}, 400).show();
	$("#gemeenten ul li.actief img").show();
};

// de loop inzetten
var actiesLooper = setInterval(volgendeActie, seconde);

// bij hover op de linkjes het ballonnetje laten zien
$("#gemeenten ul li").hover(
	function()	{
		$("#gemeenten ul li").each(function()
		{
			$(this).removeClass("actief");
			//$("img", this).stop().css({width: 0, height: 0, marginTop: 85, marginLeft: 214}).hide();
			$("img", this).hide();
		});
		
		// actief maken
		$(this).addClass("actief");
		//$("img", this).animate({width: 214, height: 85, marginTop: 0, marginLeft: 0}, 400).show();
		$("img", this).show();
		
		clearInterval(actiesLooper);
	},
	
	function()	{
		clearInterval(actiesLooper);
		actiesLooper = setInterval(volgendeActie, seconde);
	}
);