window.addEvent('domready', function() { 
		
	var Tips2 = new Tips($$('.tips2'), {
			    fixed: true,
				offsets: {'x': -160, 'y': -25},	
				initialize:function(){
					this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
				},
				onShow: function(toolTip) {
					this.fx.start(0.9);									
				},
				onHide: function(toolTip) {
					this.fx.start(0);								
				}		
				
			});  
	var list = $$('.tips2');
    list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration: 500,
				transition: Fx.Transitions.Sine.easeOut, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'background-color': '#006699'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'background-color': '#003366'
		});
	});
 
});     

var Tips3 = new Tips($$('.tips3'), {
			    fixed: true,
				offsets: {'x': -160, 'y': -25},	
				initialize:function(){
					this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
				},
				onShow: function(toolTip) {
					this.fx.start(0.9);									
				},
				onHide: function(toolTip) {
					this.fx.start(0);								
				}		
				
			});  
	var lists = $$('.tips3');
    lists.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration: 500,
				transition: Fx.Transitions.Sine.easeOut, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'background-color': '#006699'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'background-color': '#001144'
		});
	});
 
});       	  	
})