var VestigingInteractions = {
	
	enable: function() {
		if (!this._checkPresence) return;
		
		this._enableLinks();
		
	},
	
	_enableLinks: function() {
		var links = $$('a.vestiginglink');
		var kaart = $('kaart');
		var afbeelingWrapper = $('vestigingafbeelding');
		
		$A(links).each(function(link) { 
			
			link._vestigingId = link.href.match('vestiging=([0-9]+)')[1];
		
			link.observe('mouseover', function(event) { 
				kaart.src = 'images/kaart/' + link.innerHTML.replace(' ', '').toLowerCase() + '.gif';		
				var imgCollection = this._checkAfbeelding();
				if (imgCollection.length == 0) {
					var img = document.createElement('img');
					$('vestigingafbeelding').appendChild(img);
				} else {
					var img = imgCollection[0];
				}
				img.src = '/cms/domainfiles/1/project/foto_' + link._vestigingId + '/foto_' + link._vestigingId + '.jpg';
			}.bind(this) );		
			link.observe('mouseout', function(event) { 
				kaart.src = 'images/kaart/default.gif';		
			}.bind(this) );		
		}.bind(this));
		
	},
	
	_checkAfbeelding: function() {
		var afbeelingWrapper = $('vestigingafbeelding');
		return afbeelingWrapper.getElementsByTagName('img');
	},
	
	_checkPresence: function() {
		return $('vestigingafbeelding');
	}
};

document.observe('dom:loaded', function() { 
	VestigingInteractions.enable();
});