window.addEvent('domready', function(){
	$$('.bubble').setStyle('display','none');
	$$('.bubble').fade('hide');
	
	$$('#newsletterBox').setStyle('display','none');
	$$('#newsletterBox').fade('hide');
	
	var remove = function (){
		$$('.bubble').setStyle('display','none');
	};
	
	$$('#dude1').addEvents({
        mouseenter: function(){
        	$('bubble1').setStyle('display','block');
        	$('bubble1').fade('in'); 
/*       	this.morph({
    	        'background-color': '#cc00ff',
            });
*/		},
        mouseleave: function(){
        	$('bubble1').fade('out'); 
        }
    });
 	$$('#dude2').addEvents({
        mouseenter: function(){
        	$('bubble2').setStyle('display','block');
        	$('bubble2').fade('in'); 
/*        	this.morph({
    	        'background-color': '#cc00ff',
            });
*/		},
        mouseleave: function(){
        	$('bubble2').fade('out'); 
        }
    });
    $$('#dude3').addEvents({
        mouseenter: function(){
        	$('bubble3').setStyle('display','block');
        	$('bubble3').fade('in'); 
/*        	this.morph({
    	        'background-color': '#cc00ff',
            });
*/		},
        mouseleave: function(){
        	$('bubble3').fade('out');
        }
    });
    $$('#dude4').addEvents({
        mouseenter: function(){
        	$('bubble4').setStyle('display','block');
        	$('bubble4').fade('in'); 
/*        	this.morph({
    	        'background-color': '#cc00ff',
            });
*/		},
        mouseleave: function(){
        	$('bubble4').fade('out');
        }
    });
    $$('#dude5').addEvents({
        mouseenter: function(){
        	$('specialEvent').setStyle('display','block');
        	$('specialEvent').fade('in'); 
/*        	this.morph({
    	        'background-color': '#cc00ff',
            });
*/		},
        mouseleave: function(){
        	$('specialEvent').fade('out');
        	remove();
        }
    });
    $$('#specialEvent').addEvents({
        mouseenter: function(){
        	$('specialEvent').setStyle('display','block');
        	$('specialEvent').fade('in'); 
/*        	this.morph({
    	        'background-color': '#cc00ff',
            });
*/		},
        mouseleave: function(){
        	$('specialEvent').fade('out');
        	remove();
        }
    });
    $$('#newsletterBtn').addEvents({
        mouseenter: function(){
        	$('newsletterLogin').setStyle('display','block');
        	$('newsletterLogin').fade('in'); 
/*        	this.morph({
    	        'background-color': '#cc00ff',
            });
*/ 		},
//        mouseleave: function(){
 //       	$('specialEvent').fade('out');
//        	remove();
//       }
    })
    $$('#newsletterLogin').addEvents({
        mouseenter: function(){
        	$('newsletterLogin').setStyle('display','block');
        	$('newsletterLogin').fade('in'); 
/*        	this.morph({
    	        'background-color': '#cc00ff',
            });
*/		},
        mouseleave: function(){
        	$('newsletterLogin').fade('out');
    //    	remove();
        }
    });
    ;$$('#newsletterSubmit').addEvents({
        click: function(){
        	$('newsletterLogin').fade('out');
  //      	remove();
 		}
    });
    ;$$('#newsletterReset').addEvents({
        click: function(){
        	$('newsletterLogin').fade('out');
//        	remove();
 		}
    });
});