var linkArr = new Array();
linkArr[0] = "<div style='float:left;height:20px;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='CSR.htm' title='csr'>CSR</a>";
linkArr[1] = "<div style='float:left;height:20px;width:147px'></div><a href='lcs.htm' title='lighting control systems'>lighting control systems</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:20px;width:309px'></div><a href='casestudy1.htm' title='case study 1'>case study 1</a><a href='casestudy1.htm' title='case study 2'>case study 2</a><a href='casestudy1.htm' title='case study 3'>case study 3</a><a href='casestudy1.htm' title='case study 4'>case study 4</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');
		}
	});


	$('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');

		}
	});

	$('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');

		}
	});

	$('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');

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

/*
	$('dlregister').addEvents({		
		'mousedown': function(){
				// Resets the tween and changes the element back to its original size				
				window.location = "http://www.kilndesign.co.uk/hen/join.htm";
		}
	});

	$('contactSpan').addEvents({		
		'click': function(){
			window.location = "http://www.kilndesign.co.uk/hen/join.htm";
		}
	});	
*/	
});