Event.observe(window, 'load', function() 
{
	var gemeenteoverzicht = new gemeenteOverzicht();
	
	var att = {data:'/flash/iedereenwelkom.swf', width:'199', height:'199'};
	var par = {wmode:'transparent'};
	swfobject.createSWF(att, par, 'welkom');
	
	var att = {data:'/flash/krant.swf?t=' + new Date().getTime(), width:'317', height:'358'};
	var par = {wmode:'transparent'};
	swfobject.createSWF(att, par, 'krant');
	
	var att = {data:'/flash/polaroid.swf', width:'390', height:'409'};
	var par = {wmode:'transparent'};
	swfobject.createSWF(att, par, 'polaroid');
});


var gemeenteOverzicht = Class.create(
{
	initialize: function() 
	{
		$$('.gemeente').each(function(item)
		{
			Event.observe(item.id, 'click', this.show.bindAsEventListener(this, item));
			Event.observe(item, 'mouseover', this.hover.bindAsEventListener(this, item));
			Event.observe(item, 'mouseout', this.hover.bindAsEventListener(this, item));
		}.bind(this));
	},
	show: function(event, elm)
	{
		if ($('list_' + elm.id).hasClassName('dontdisplay'))
		{
			$('list_' + elm.id).removeClassName('dontdisplay');
		}
		else
		{
			$('list_' + elm.id).addClassName('dontdisplay');
		}
	},
	hover: function(event, elm)
	{
		if (event.type == 'mouseover')
		{
			elm.removeClassName('gemeente');
			elm.addClassName('activegemeente');
		}
		
		if (event.type == 'mouseout')
		{
			if ($('list_' + elm.id).hasClassName('dontdisplay'))
			{
				elm.removeClassName('activegemeente');
				elm.addClassName('gemeente');
			}
		}
	}
});