// JavaScript Document
window.addEvent('load', function() {
		 
			var btn2 = new Fx.Styles('bbutton2', {duration:10, wait:false});
			var btn3 = new Fx.Styles('bbutton3', {duration:10, wait:false});
			var btn4 = new Fx.Styles('bbutton4', {duration:10, wait:false});
			
			var ban2 = new Fx.Styles('banner2', {duration:10, wait:false});
			var ban3 = new Fx.Styles('banner3', {duration:10, wait:false});	
			var ban4 = new Fx.Styles('banner4', {duration:10, wait:false});	
			

			btn2.start({
					'opacity': [1, 0.6]
			});
			btn3.start({
					'opacity': [1, 0.6]
			});
			btn4.start({
					'opacity': [1, 0.6]
			});
			
			ban2.start({
					'opacity': [1, 0]
		    });	
			ban3.start({
					'opacity': [1, 0]
			});	
			ban4.start({
					'opacity': [1, 0]
			});	
			
	});
	
	window.addEvent('domready', function() {

			var btn1 = new Fx.Styles('bbutton1', {duration:500, wait:false});
			var ban1 = new Fx.Styles('banner1', {duration:500, wait:false});
			var btn2 = new Fx.Styles('bbutton2', {duration:500, wait:false});
			var ban2 = new Fx.Styles('banner2', {duration:500, wait:false});
			var btn3 = new Fx.Styles('bbutton3', {duration:500, wait:false});
			var ban3 = new Fx.Styles('banner3', {duration:500, wait:false});
			var btn4 = new Fx.Styles('bbutton4', {duration:500, wait:false});
			var ban4 = new Fx.Styles('banner4', {duration:500, wait:false});
			
		 
			$('abutton1').addEvent('mouseenter', function(){
				btn1.start({
					'opacity': [this.getStyle('opacity'), 1]
				});
				btn2.start({
					'opacity': [$('bbutton2').getStyle('opacity'), 0.6]
				});
				btn3.start({
					'opacity': [$('bbutton3').getStyle('opacity'), 0.6]
				});
				btn4.start({
					'opacity': [$('bbutton4').getStyle('opacity'), 0.6]
				});
				
				ban1.start({
					'opacity': [$('banner1').getStyle('opacity'), 1]
				});	
				ban2.start({
					'opacity': [$('banner2').getStyle('opacity'), 0]
				});	
				ban3.start({
					'opacity': [$('banner3').getStyle('opacity'), 0]
				});	
				ban4.start({
					'opacity': [$('banner4').getStyle('opacity'), 0]
				});	
			});
			$('abutton2').addEvent('mouseenter', function(){
												
				btn2.start({
					'opacity': [this.getStyle('opacity'), 1]
				});
				btn1.start({
					'opacity': [$('bbutton1').getStyle('opacity'), 0.6]
				});
				btn3.start({
					'opacity': [$('bbutton3').getStyle('opacity'), 0.6]
				});
				btn4.start({
					'opacity': [$('bbutton4').getStyle('opacity'), 0.6]
				});
				
				ban2.start({
					'opacity': [$('banner2').getStyle('opacity'), 1]
				});	
				ban1.start({
					'opacity': [$('banner1').getStyle('opacity'), 0]
				});	
				ban3.start({
					'opacity': [$('banner3').getStyle('opacity'), 0]
				});	
				ban4.start({
					'opacity': [$('banner4').getStyle('opacity'), 0]
				});
			});
			$('abutton3').addEvent('mouseenter', function(){
				btn3.start({
					'opacity': [this.getStyle('opacity'), 1]
				});
				btn4.start({
					'opacity': [$('bbutton4').getStyle('opacity'), 0.6]
				});
				btn2.start({
					'opacity': [$('bbutton2').getStyle('opacity'), 0.6]
				});
				btn1.start({
					'opacity': [$('bbutton1').getStyle('opacity'), 0.6]
				});
				
				ban3.start({
					'opacity': [$('banner3').getStyle('opacity'), 1]
				});	
				ban4.start({
					'opacity': [$('banner4').getStyle('opacity'), 0]
				});	
				ban2.start({
					'opacity': [$('banner2').getStyle('opacity'), 0]
				});	
				ban1.start({
					'opacity': [$('banner1').getStyle('opacity'), 0]
				});	
			});
			$('abutton4').addEvent('mouseenter', function(){
				btn4.start({
					'opacity': [this.getStyle('opacity'), 1]
				});
				btn3.start({
					'opacity': [$('bbutton3').getStyle('opacity'), 0.6]
				});
				btn2.start({
					'opacity': [$('bbutton2').getStyle('opacity'), 0.6]
				});
				btn1.start({
					'opacity': [$('bbutton1').getStyle('opacity'), 0.6]
				});
				
				ban4.start({
					'opacity': [$('banner4').getStyle('opacity'), 1]
				});	
				ban3.start({
					'opacity': [$('banner3').getStyle('opacity'), 0]
				});	
				ban2.start({
					'opacity': [$('banner2').getStyle('opacity'), 0]
				});	
				ban1.start({
					'opacity': [$('banner1').getStyle('opacity'), 0]
				});	
			});
		 
			
		 
	});