window.addEvent('domready', function(){
	//Because of scope issues I am having to repeat
	//the same code 9 times instead of using a loop.

   var i=1;
    for (i=1;i<=9;i++){
       $('logoLarge'+i).set('tween', {duration: 300});
    	$('logoLarge'+i).setStyles({
	    	display:'block',
		    opacity: 0
	    });
	}

	$('logo1').addEvents({
		mouseenter: function(){      
		   $('logoLarge1').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge1').tween('opacity', 0);
		}		
	});

	$('logo2').addEvents({
		mouseenter: function(){      
		   $('logoLarge2').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge2').tween('opacity', 0);
		}		
	});

	$('logo3').addEvents({
		mouseenter: function(){      
		   $('logoLarge3').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge3').tween('opacity', 0);
		}		
	});

	$('logo4').addEvents({
		mouseenter: function(){      
		   $('logoLarge4').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge4').tween('opacity', 0);
		}		
	});

	$('logo5').addEvents({
		mouseenter: function(){      
		   $('logoLarge5').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge5').tween('opacity', 0);
		}		
	});

	$('logo6').addEvents({
		mouseenter: function(){      
		   $('logoLarge6').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge6').tween('opacity', 0);
		}		
	});

	$('logo7').addEvents({
		mouseenter: function(){      
		   $('logoLarge7').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge7').tween('opacity', 0);
		}		
	});

	$('logo8').addEvents({
		mouseenter: function(){      
		   $('logoLarge8').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge8').tween('opacity', 0);
		}		
	});

	$('logo9').addEvents({
		mouseenter: function(){      
		   $('logoLarge9').tween('opacity', 1);
		},
		mouseleave: function(){
		   $('logoLarge9').tween('opacity', 0);
		}		
	});

});