var linkArr = new Array();
linkArr[0] = "<div style='float:left;height:60px;width:68px'></div><a href='about.htm' title='About us'>about us</a><a href='vision.htm' title='Our vision'>our vision</a><a href='team.htm' title='the team'>the team</a><a href='partners.htm' title='partners'>partners</a><a href='associates.htm' title='associates'>associates</a><a href='CSR.htm' title='csr'>CSR</a><a href='environment.htm' title='environment'>environment</a>";
linkArr[1] = "<div style='float:left;height:60px;width:147px'></div><a href='lcs.htm' title='lighting control solutions'>lighting management</a><a href='energymanagement.htm' title='energy management'>energy management</a><a href='buildingcontrol.htm' title='building control'>building control</a><a href='technical.htm' title='technical services'>technical services</a>";
linkArr[2] = "<div style='float:left;height:60px;width:309px'></div><a href='wembley.htm' title='Wembley'>Wembley Stadium</a><a href='warburtons.htm' title='Warburtons'>Warburtons</a><a href='ricohstadium.htm' title='Ricoh Arena'>Ricoh Arena</a><a href='nhstreatmentcentre.htm' title='NHS Treatment Centre'>NHS Treatment Centre</a><a href='angelbuilding.htm' title='Angel Building...'>Angel Building/a>";
linkArr[3] = "";
window.addEvent('domready', function(){
	$('m1').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			
			$('nav').set('tween', {
				duration: 2000,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '41px');
		},
		'mouseleave': function(){
					// Resets the tween and changes the element back to its original size
					//$('mSubNav').set('html','');
		}
	});

	
	$('m5').addEvents({		
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			$('nav').set('tween', {
				duration: 2000,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '41px');
		},
		'mouseleave': function(){
					// Resets the tween and changes the element back to its original size
					//$('mSubNav').set('html','');
		}
	});
	$('m6').addEvents({		
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			$('nav').set('tween', {
				duration: 2000,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '41px');
		},
		'mouseleave': function(){
					// Resets the tween and changes the element back to its original size
					//$('mSubNav').set('html','');
		}		
	});

	$('m2').addEvents({		
		'mouseenter': function(){
			//$('mSubNav').set('display','block');
			$('mSubNav').set('html',linkArr[0]);
			
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			$('nav').set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '91px');

		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			//$('mSubNav').set('html','');
		}
	});

	$('m3').addEvents({		
		'mouseenter': function(){
			//$('mSubNav').set('display','block');
			$('mSubNav').set('html',linkArr[1]);

			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			$('nav').set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '91px');

		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			//$('mSubNav').set('html','');
		}
	});

	$('m4').addEvents({		
		'mouseenter': function(){
			//$('mSubNav').set('display','block');
			$('mSubNav').set('html',linkArr[2]);
			
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			$('nav').set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '91px');

		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			//$('mSubNav').set('html','');
		}
	});

	$('m7').addEvents({		
		'mouseenter': function(){
			//$('mSubNav').set('display','block');
			$('mSubNav').set('html',linkArr[0]);
			
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			$('nav').set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '41px');

		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			//$('mSubNav').set('html','');
		}
	});
	
	
	$('mSubNav').addEvents({
			'mouseleave': function(){
				// Resets the tween and changes the element back to its original size
				$('mSubNav').set('html','');
				$('nav').set('tween', {}).tween('height', '41px');
			}
		});

	$('nav').addEvents({		
		'mouseleave': function(){
				// Resets the tween and changes the element back to its original size
				//$('mSubNav').set('html','');
				$('nav').set('tween', {}).tween('height', '41px');
			}
		});
		
});