var toolbar = {
	
	init:function(){
		
		if($('message_tellafriend')){
			$('message_tellafriend').setStyle('display', 'none');
		}
		if($('message')){
			$('message').setStyle('display', 'none');
		}
		
		$$('#toolbar a.toolbarlink').each(function(el, index){
						
			el.slide = new Fx.Slide('toolbar_'+el.rel);
			el.slide.hide();
			
			el.addEvent('click', function(e){
				
				toolbar.hideAll(el.rel);
				
				if(el.rel == 'tellafriend'){
					$('message_tellafriend').setStyle('display', '');
				}else{
					$('message').setStyle('display', '');
				}
				
				var cancel = new Element('div', {
					'id' : 'cancel'
				}).injectInside($('toolbar_'+el.rel));
				
				cancel.innerHTML = '<div class="cancelLink" id="cancelLinkDiv"></div>&nbsp;';
				
				var link = new Element('a', {
					'id' : 'cancelLink'
				}).addEvent('click', function(e){
					new Event(e).stop();
					el.slide.slideOut();
				}).setStyle('cursor', 'pointer')
				.injectInside($('cancelLinkDiv'));
				
				link.innerHTML = 'Sluiten';
				
				new Event(e).stop();
				el.slide.slideIn();
				
			});
		});
		
	},
	
	hideAll: function(element){
		
		if($('cancel')){
			$('cancel').remove();
		}
		$$('#toolbar a.toolbarlink').each(function(el, index){
			if(element!=el.rel){
				$('message_tellafriend').setStyle('display', 'none');
				$('message').setStyle('display', 'none');
				el.slide.slideOut();
			}
			
		});
		
	}
}

window.addEvent('domready', toolbar.init);