window.addEvent('domready', function(){
    var theSwiff0 = new Swiff('/images/homepage_thumbnails.swf', {
    id: 'swiffObj0',
	container: 'thumb',
	width: 538,
    height: 280,
    params: {
	 name: 'movie0',
	 loop: 'false'
    }
});
 
 
   var theSwiff1 = new Swiff('/images/homepage.swf', {
    id: 'swiffObj1',
	container: 'create',
	width: 760,
    height: 210,
    params: {
	 name: 'movie1',
	 loop: 'false'
    }
});
   
   var theSwiff2 = new Swiff('/images/push_the_buttons.swf', {
    id: 'swiffObj2',
	container: 'push',
	width: 760,
    height: 210,
    params: {
	 name: 'movie2',
	 loop: 'false'
    }
});  
   
   var theSwiff3 = new Swiff('/images/we_cover_the_lot.swf', {
    id: 'swiffObj3',
	container: 'cover',
	width: 760,
    height: 210,
    params: {
	 name: 'movie3',
	 loop: 'false'
    }
});
   
   var theSwiff4 = new Swiff('/images/what_we_do.swf', {
    id: 'swiffObj4',
	container: 'what',
	width: 760,
    height: 210,
    params: {
	 name: 'movie4',
	 loop: 'false'
    }
});        
 
 // The same as before: adding events
 $('aboutus').addEvents({
  'mouseenter': function(){
	var ison = $('aboutus').getElement('span').setStyle('color', '#0061aa');
   // Always sets the duration of the tween to 1000 ms and a bouncing transition
   // And then tweens the height of the element
   this.set('tween', {
    duration: 1000,
	transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
   }).tween('height', '85px');
  },
   
  'mouseleave': function(){
	var isoff = $('aboutus').getElement('span').setStyle('color', '#ffffff');
   // Resets the tween and changes the element back to its original size
   this.set('tween', {}).tween('height', '20px');
  }
 });
 
 $('products').addEvents({
  'mouseenter': function(){
	var ison = $('products').getElement('span').setStyle('color', '#0061aa');
   // Always sets the duration of the tween to 1000 ms and a bouncing transition
   // And then tweens the height of the element
   this.set('tween', {
    duration: 1000,
	transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
   }).tween('height', '105px');
  },
   
  'mouseleave': function(){
	var isoff = $('products').getElement('span').setStyle('color', '#ffffff');
   // Resets the tween and changes the element back to its original size
   this.set('tween', {}).tween('height', '20px');
  }
 }); 
 
  $('designstudio').addEvents({
  'mouseenter': function(){
	var ison = $('designstudio').getElement('span').setStyle('color', '#0061aa');
   // Always sets the duration of the tween to 1000 ms and a bouncing transition
   // And then tweens the height of the element
   this.set('tween', {
    duration: 1000,
	transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
   }).tween('height', '65px');
  },
   
  'mouseleave': function(){
	var isoff = $('designstudio').getElement('span').setStyle('color', '#ffffff');
   // Resets the tween and changes the element back to its original size
   this.set('tween', {}).tween('height', '20px');
  }
 }); 
  
  $('foradvertisers').addEvents({
  'mouseenter': function(){
	var ison = $('foradvertisers').getElement('span').setStyle('color', '#0061aa');
   // Always sets the duration of the tween to 1000 ms and a bouncing transition
   // And then tweens the height of the element
   this.set('tween', {
    duration: 1000,
	transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
   }).tween('height', '105px');
  },
   
  'mouseleave': function(){
	var isoff = $('foradvertisers').getElement('span').setStyle('color', '#ffffff');
   // Resets the tween and changes the element back to its original size
   this.set('tween', {}).tween('height', '20px');
  }
 });
  
  $('contact').addEvents({
  'mouseenter': function(){
	var ison = $('contact').getElement('span').setStyle('color', '#0061aa');
  },
   
  'mouseleave': function(){
	var isoff = $('contact').getElement('span').setStyle('color', '#ffffff');
  }
 });

});