window.addEvent('domready', function(){
	
	window.onload = function() {
		menupoplockdropit();
	}
	function menupoplockdropit() {
		$('design').set('tween', {
			duration: 1000,
			transition: Fx.Transitions.Back.easeOut
		}).tween('height', '53');
		$('design').morph({
			opacity: 1,
			'background-color': '#fff',
			duration: 250
		});
	}

	$('design').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: 1000,
				transition: Fx.Transitions.Back.easeOut // This could have been also 'bounce:out'
			}).tween('height', '300px');
			this.morph({
				opacity: 0.95,
				'background-color': '#e8e8e8',
				duration: 250
			});
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '53px');
			this.morph({
				opacity: 1,
				'background-color': '#fff',
				duration: 250
			});
		}
	});
	$('art').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: 1000,
				transition: Fx.Transitions.Back.easeOut // This could have been also 'bounce:out'
			}).tween('height', '300px');
			this.morph({
				opacity: 0.95,
				'background-color': '#e8e8e8',
				duration: 250
			});
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '53px');
			this.morph({
				opacity: 1,
				'background-color': '#fff',
				duration: 250
			});
		}
	});
	$('image').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: 1000,
				transition: Fx.Transitions.Back.easeOut // This could have been also 'bounce:out'
			}).tween('height', '300px');
			this.morph({
				opacity: 0.95,
				'background-color': '#e8e8e8',
				duration: 250
			});
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '53px');
			this.morph({
				opacity: 1,
				'background-color': '#fff',
				duration: 250
			});
		}
	});

			//Scroll
			var move = new Fx.Scroll('wrapper', {
				wait: false,
				duration: 500,
				offset: {'x': -180, 'y': 0},
				transition: Fx.Transitions.Cubic.easeInOut
			});
			
			//Menu Nav
				//design links
				//sample usage
			//	$('id of the link').addEvent('click', function(event) {
			//		event = new Event(event).stop();
			//		move.toElement('id of the div you want to scroll to');
			//	});
				$('ld1').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d1');
				});
				$('ld2').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d2');
				});
				$('ld3').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d3');
				});
				$('ld4').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d4');
				});
				$('ld5').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d5');
				});
				$('ld6').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d6');
				});
				$('ld7').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d7');
				});
				$('ld8').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d8');
				});
				$('ld9').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d9');
				});
				$('ld10').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d10');
				});
				$('ld11').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d11');
				});
				$('ld12').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d12');
				});
				$('ld13').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d13');
				});
				$('ld14').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d14');
				});
				$('ld15').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d15');
				});
				$('ld16').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d16');
				});
				$('ld17').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d17');
				});
				$('ld18').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d18');
				});
				$('ld19').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d19');
				});
				$('ld20').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d20');
				});
				$('ld21').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d21');
				});
				$('ld22').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d22');
				});
				$('ld23').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d23');
				});
				$('ld24').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d24');
				});
				$('ld25').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d25');
				});
				$('ld26').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d26');
				});
				$('ld27').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d27');
				});
				$('ld28').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d28');
				});
				$('ld29').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d29');
				});
				$('ld30').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d30');
				});
				$('ld31').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d31');
				});
				$('ld32').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d32');
				});
				$('ld33').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d33');
				});
				$('ld34').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d34');
				});
				$('ld35').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d35');
				});
				$('ld36').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d36');
				});
				$('ld37').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d37');
				});
				$('ld38').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d38');
				});
				$('ld39').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d39');
				});
				$('ld40').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d40');
				});
				$('ld41').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d41');
				});
				$('ld42').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d42');
				});
				$('ld43').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d43');
				});
				$('ld44').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d44');
				});
				$('ld45').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d45');
				});
				$('ld46').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d46');
				});
				$('ld47').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d47');
				});
				$('ld48').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d48');
				});
				$('ld49').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('d49');
				});

				//art links
				$('la1').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a1');
				});
				$('la2').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a2');
				});
				$('la3').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a3');
				});
				$('la4').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a4');
				});
				$('la5').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a5');
				});
				$('la6').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a6');
				});
				$('la7').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a7');
				});
				$('la8').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a8');
				});
				$('la9').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a9');
				});
				$('la10').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a10');
				});
				$('la11').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a11');
				});
				$('la12').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a12');
				});
				$('la13').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a13');
				});
				$('la14').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a14');
				});
				$('la15').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a15');
				});
				$('la16').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a16');
				});
				$('la17').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a17');
				});
				$('la18').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a18');
				});
				$('la19').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a19');
				});
				$('la20').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('a20');
				});
				

				//image links
				$('li1').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i1');
				});
				$('li2').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i2');
				});
				$('li3').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i3');
				});
				$('li4').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i4');
				});
				$('li5').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i5');
				});
				$('li6').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i6');
				});
				$('li7').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i7');
				});
				$('li8').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i8');
				});
				$('li9').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i9');
				});
				$('li10').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i10');
				});
				$('li11').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i11');
				});
				$('li12').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i12');
				});
				$('li13').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i13');
				});
				$('li14').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i14');
				});
				$('li15').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i15');
				});
				$('li16').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i16');
				});
				$('li17').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i17');
				});
				$('li18').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i18');
				});
				$('li19').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i19');
				});
				$('li20').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i20');
				});
				$('li21').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i21');
				});
				$('li22').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i22');
				});
				$('li23').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i23');
				});
				$('li24').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i24');
				});
				$('li25').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i25');
				});
				$('li26').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i26');
				});
				$('li27').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i27');
				});
				$('li28').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i28');
				});
				$('li29').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i29');
				});
				$('li30').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i30');
				});
				$('li31').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i31');
				});
				$('li32').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i32');
				});
				$('li33').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i33');
				});
				$('li34').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i34');
				});
				$('li35').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i35');
				});
				$('li36').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i36');
				});
				$('li37').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i37');
				});
				$('li38').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i38');
				});
				$('li39').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i39');
				});
				$('li40').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i40');
				});
				$('li41').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i41');
				});
				$('li42').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i42');
				});
				$('li43').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i43');
				});
				$('li44').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i44');
				});
				$('li45').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i45');
				});
				$('li46').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i46');
				});
				$('li47').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i47');
				});
				$('li48').addEvent('click', function(event) {
					event = new Event(event).stop();
					move.toElement('i48');
				});
			

});