window.addEvent('domready', function() {

	/* Variable declaration */

	var tooltip_button = $$('.tooltip_button');
	var tooltip_button1 = $('tooltip_button1');
	var tooltip_button2 = $('tooltip_button2');
	var tooltip_button3 = $('tooltip_button3');
	var tooltip_button4 = $('tooltip_button4');
	
	var tooltip = $$('.tooltip');
	var tooltip1 = $('tooltip1');
	var tooltip2 = $('tooltip2');
	var tooltip3 = $('tooltip3');
	var tooltip4 = $('tooltip4');
	
	tooltip.set({'opacity': 0});
	
	/* Tooltips animation start */
	
	tooltip_button1.addEvents({		
		'mouseenter': function(e){
			e.stop();
			tooltip1.set('morph', {duration:100});
			tooltip1.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			tooltip.set('morph', {duration:100});
			tooltip.morph ({'opacity':0});
		}
	});
	tooltip1.addEvents({
		'mouseenter': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':0});
		}
	});
	tooltip_button2.addEvents({		
		'mouseenter': function(e){
			e.stop();
			tooltip2.set('morph', {duration:100});
			tooltip2.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			tooltip.set('morph', {duration:100});
			tooltip.morph ({'opacity':0});
		}
	});
	tooltip2.addEvents({
		'mouseenter': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':0});
		}
	});
	tooltip_button3.addEvents({		
		'mouseenter': function(e){
			e.stop();
			tooltip3.set('morph', {duration:100});
			tooltip3.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			tooltip.set('morph', {duration:100});
			tooltip.morph ({'opacity':0});
		}
	});
	tooltip3.addEvents({
		'mouseenter': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':0});
		}
	});
	tooltip_button4.addEvents({		
		'mouseenter': function(e){
			e.stop();
			tooltip4.set('morph', {duration:100});
			tooltip4.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			tooltip.set('morph', {duration:100});
			tooltip.morph ({'opacity':0});
		}
	});
	tooltip4.addEvents({
		'mouseenter': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':1});
		},
		'mouseleave': function(e){
			e.stop();
			this.set('morph', {duration:100});
			this.morph ({'opacity':0});
		}
	});
	
	/* Tooltip animation end */

});