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
	if($('artistName')){
		$('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", "");
	}
}