window.addEvent('load', function() {
	regiokaart();
	$$('div.centercol div.popup a.more').addEvent('click', function() { hidepopup() });
});


/**
 * regiokaart
 *
 * mousover regio's
 *
 * @author Klaas Dieleman <klaas{AT}efocus.nl>
 * @return void
 */
function regiokaart() {
	if (!$('globalmap')) return false;

	var openregio = -1;
	
	var regios = new Array;
	regios[0] = $('kaart_noord');
	regios[1] = $('kaart_noordwest');
	regios[2] = $('kaart_delta');
	regios[3] = $('kaart_zuid');
	regios[4] = $('kaart_oost');

	regios[0].image = 'kaart_noord.png';
	regios[1].image = 'kaart_noordwest.png';
	regios[2].image = 'kaart_delta.png';
	regios[3].image = 'kaart_zuid.png';
	regios[4].image = 'kaart_oost.png';
	
	var globalimage = $('global_image').getProperty('src');
	var urlprefix = '';
	for (n = 0; n < globalimage.split('/').length - 1; n ++) {
		urlprefix += globalimage.split('/')[n];
		urlprefix += '/';
	}
	regios.each(function(regio, index) {
		regio.addEvents({
			'mouseenter': function() {
				$('global_image').setProperty('src', urlprefix + this.image);
				$$('ul.nav li h3')[index].addClass('hover');
			},
			'mouseleave': function() {
				$('global_image').setProperty('src', globalimage);
				$$('ul.nav li h3')[index].removeClass('hover');
			},
			'click': function() {

				switch (openregio) {
					case -1:
						//alert('niks open: geklikte openen');
						$$('ul.nav li.regio').removeClass('active');
						$$('ul.nav li.regio').addClass('hidden');
						$$('ul.nav li.regio')[index].removeClass('hidden');
						$$('ul.nav li.regio')[index].addClass('active');
						openregio = index;
						break;
					case index:
						//alert('geklikte open: sluit alles');
						$$('ul.nav li.regio').removeClass('active');
						$$('ul.nav li.regio').removeClass('hidden');
						openregio = -1;
						break;
					default:
						//alert('andere open: geklikte openen');
						$$('ul.nav li.regio').removeClass('active');
						$$('ul.nav li.regio').addClass('hidden');
						$$('ul.nav li.regio')[index].removeClass('hidden');
						$$('ul.nav li.regio')[index].addClass('active');
						openregio = index;
				}

			}

		})


		$$('ul.nav li h3')[index].addEvents({
			'mouseenter': function() {
				$('global_image').setProperty('src', urlprefix + regios[index].image);
			},
			'mouseleave': function() {
				$('global_image').setProperty('src', globalimage);
			},
			'click': function() {

				switch (openregio) {
					case -1:
						//alert('niks open: geklikte openen');
						$$('ul.nav li.regio').removeClass('active');
						$$('ul.nav li.regio').addClass('hidden');
						$$('ul.nav li.regio')[index].removeClass('hidden');
						$$('ul.nav li.regio')[index].addClass('active');
						openregio = index;
						break;
					case index:
						//alert('geklikte open: sluit alles');
						$$('ul.nav li.regio').removeClass('active');
						$$('ul.nav li.regio').removeClass('hidden');
						openregio = -1;
						break;
					default:
						//alert('andere open: geklikte openen');
						$$('ul.nav li.regio').removeClass('active');
						$$('ul.nav li.regio').addClass('hidden');
						$$('ul.nav li.regio')[index].removeClass('hidden');
						$$('ul.nav li.regio')[index].addClass('active');
						openregio = index;
				}
			}
		})

	});

}
function showpopup(kring_id) {
	$$('div.centercol div.popup').setStyle('display', 'block');
	/* onRequest: */ $$('div.centercol div.popup div.loading').setStyle('display', 'block');
	
	if(location.pathname!='/') {
		var url = location.href.replace(location.pathname, '/index.php?id=262');	
	} else {
		var url = location.href+'index.php?id=262';	
	}
	
	var url =  url+'&tx_bnakringwebsites_pi5[kring]='+kring_id;
	
	var myRequest = new Request({
		method: 'post', 
		url: url,
		onSuccess: function(txt) {
			txt = txt.split('|||');
			$('popuptitle').innerHTML = txt[1];
			$('popuptext').innerHTML = txt[0];
		}
	}).send();
	
	
	/* onComplete: */ $$('div.centercol div.popup div.loading').setStyle('display', 'none');

}


function hidepopup() {
	$$('div.centercol div.popup').setStyle('display', 'none');
	$$('div.centercol div.popup div.header').set('html', '');
	$$('div.centercol div.popup div.content').set('html', '');
}