/* Drop Down Menu Stuff */

window.addEvent('domready', function(){
	// The same as before: adding events
	$('knowledgebase').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
			this.set('tween', {
				duration: 400,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '121px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
});
window.addEvent('domready', function(){
	// The same as before: adding events
	$('sizingcalcs').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
			this.set('tween', {
				duration: 400,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '86px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
});

window.addEvent('domready', function(){
	// The same as before: adding events
	$('links').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
			this.set('tween', {
				duration: 400,
				transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
			}).tween('height', '86px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
});


/* Left Side Menu Stuff */

var vmlinks = document.getElementById('vmlinks');
var stlinks = document.getElementById('stlinks');
var balinks = document.getElementById('balinks');
var arlinks = document.getElementById('arlinks');
var vxlinks = document.getElementById('vxlinks');
var ablinks = document.getElementById('ablinks');

window.addEvent('domready', function(){
	// The same as before: adding events
	$('vmware').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
			this.set('tween', {
				duration: 300,
				transition: Fx.Transitions.linear // This could have been also 'bounce:out'
			}).tween('height', '145px');
			vmlinks.style.visibility="visible";
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {duration: 300}).tween('height', '80px');
			vmlinks.style.visibility="hidden";
		}
	});
});

window.addEvent('domready', function(){
	// The same as before: adding events
	$('storage').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
			this.set('tween', {
				duration: 300,
				transition: Fx.Transitions.linear // This could have been also 'bounce:out'
			}).tween('height', '145px');
			stlinks.style.visibility="visible";
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {duration: 300}).tween('height', '80px');
			stlinks.style.visibility="hidden";
		}
	});
});

window.addEvent('domready', function(){
	// The same as before: adding events
	$('backup').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
			this.set('tween', {
				duration: 300,
				transition: Fx.Transitions.linear // This could have been also 'bounce:out'
			}).tween('height', '145px');
			balinks.style.visibility="visible";
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {duration: 300}).tween('height', '80px');
			balinks.style.visibility="hidden";
		}
	});
});

window.addEvent('domready', function(){
	// The same as before: adding events
	$('archive').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
			this.set('tween', {
				duration: 300,
				transition: Fx.Transitions.linear // This could have been also 'bounce:out'
			}).tween('height', '145px');
			arlinks.style.visibility="visible";
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {duration: 300}).tween('height', '80px');
			arlinks.style.visibility="hidden";
		}
	});
});

window.addEvent('domready', function(){
	// The same as before: adding events
	$('vx').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
			this.set('tween', {
				duration: 300,
				transition: Fx.Transitions.linear // This could have been also 'bounce:out'
			}).tween('height', '145px');
			arlinks.style.visibility="visible";
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {duration: 300}).tween('height', '80px');
			arlinks.style.visibility="hidden";
		}
	});
});

window.addEvent('domready', function(){
	// The same as before: adding events
	$('aboutus').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
			this.set('tween', {
				duration: 300,
				transition: Fx.Transitions.linear // This could have been also 'bounce:out'
			}).tween('height', '145px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {duration: 300}).tween('height', '80px');
		}
	});
});