window.addEvent('domready', function() {
	
	//slide stuff
	
		var mySlide = new Fx.Slide('divisions', {mode: 'horizontal'});
		
		var HideAndShow = function() {
		mySlide.hide();
		mySlide.slideIn();
		}
		
		HideAndShow();
	 
 
	//fade stuff
		
		$('logo').set('opacity','0'); 
		$('logo').fade('in');
		
	
	//rollover stuff
	
		var rollOver = function(){
			//we can also start out morph like we would start a tween
			//except we can now input multiple style properties
			this.start({
				'font-size': '13px',
				'color': '#ffffff',
				'opacity':'1'
			});
		}
	
		var rollOff = function(){
			//we can also start out morph like we would start a tween
			//except we can now input multiple style properties
			this.start({
				'font-size': '11px',
				'color': '#ffffff',
				'opacity':'.5'
			});
		}
			
		$$('#divisions .division').each(function(el) {
		
		var morphObject = new Fx.Morph(el, {wait:false, duration: 'short'});
		
		el.set('opacity','.5'); 
			
		el.addEvent('mouseover', rollOver.bind(morphObject));
		el.addEvent('mouseout', rollOff.bind(morphObject));
		});
		
});