window.addEvent('domready', function() {
	var el = $('divEffect');
	
	// MooTools is able to handle effects without the use of a wrapper,
	// so you are able to do effects with just one easy line.
	
	//FIRST EXAMPLE
	
	// There are different ways to add a fading opacity effect to an element click
	
	// Short version

	$('artistName').addEvent('click', function(e) {
		if(el){
			if(!$('artistName').className.test("clicked")){
				$('artistName').className = $('artistName').className.replace("noclick","clicked");
				e.stop();
				el.fade(0);
				var el2 =$('divEffectMail');
				el2.fade(1);
				var timeoutID = setTimeout("hideMail()",10000);
			}
		}
	});
	
	$('artistName').addEvent('mouseover', function(e) {
		if(!el){
			$('artistName').className = $('artistName').className + " artistNamehover";
			}
		
		
	});
	
	$('artistName').addEvent('mouseout', function(e) {
		if(!el){
			$('artistName').className = $('artistName').className.replace("artistNamehover", "");
			}
		
		
	});


});


hideMail =function()
{
	var el =$('divEffect');
	el.fade(1);
	var el2 =$('divEffectMail');
	el2.fade(0);
	$('artistName').className = $('artistName').className.replace("clicked","noclick")
	
}


hide = function(id){
	if(document.getElementById(id)){
		document.getElementById(id).className = document.getElementById(id).className + " hidden";
	}
	
}
show = function(id){
	if(document.getElementById(id)){
		document.getElementById(id).className = document.getElementById(id).className.replace("hidden", "");
	}
}