window.addEvent('domready', function(){
	
	var skroll = new Fx.Scroll(window, {duration: 700, wait: false, transition: Fx.Transitions.quadInOut});
	
	$$('.gotoone').addEvent('click', function(){ skroll.toElement('onewrapper'); });
	$$('.gototwo').addEvent('click', function(){ skroll.toElement('twowrapper'); });
	$$('.gotothree').addEvent('click', function(){ skroll.toElement('threewrapper'); });
	$$('.gotofour').addEvent('click', function(){ skroll.toElement('fourwrapper'); });
	$$('.gotofive').addEvent('click', function(){ skroll.toElement('fivewrapper'); });
	$$('.gotosix').addEvent('click', function(){ skroll.toElement('sixwrapper'); });
	$$('.gotoseven').addEvent('click', function(){ skroll.toElement('sevenwrapper'); });
	$$('.gotoeight').addEvent('click', function(){ skroll.toElement('eightwrapper'); });
	$$('.gotonine').addEvent('click', function(){ skroll.toElement('ninewrapper'); });
	$$('.gototen').addEvent('click', function(){ skroll.toElement('tenwrapper'); });
	$$('.gotoeleven').addEvent('click', function(){ skroll.toElement('elevenwrapper'); });
	$$('.gototwelve').addEvent('click', function(){ skroll.toElement('twelvewrapper'); });
	$$('.gotothirteen').addEvent('click', function(){ skroll.toElement('thirteenwrapper'); });
	$$('.gotofourteen').addEvent('click', function(){ skroll.toElement('fourteenwrapper'); });
	$$('.gotofifteen').addEvent('click', function(){ skroll.toElement('fifteenwrapper'); });
	$$('.gotosixteen').addEvent('click', function(){ skroll.toElement('sixteenwrapper'); });
	$$('.gotoseventeen').addEvent('click', function(){ skroll.toElement('seventeenwrapper'); });
	$$('.gotoeighteen').addEvent('click', function(){ skroll.toElement('eighteenwrapper'); });
	$$('.gotonineteen').addEvent('click', function(){ skroll.toElement('nineteenwrapper'); });
	$$('.gototwenty').addEvent('click', function(){ skroll.toElement('twentywrapper'); });
	$$('.gototwentyone').addEvent('click', function(){ skroll.toElement('twentyonewrapper'); });
	$$('.gototwentytwo').addEvent('click', function(){ skroll.toElement('twentytwowrapper'); });
	$$('.gototwentythree').addEvent('click', function(){ skroll.toElement('twentythreewrapper'); });
	$$('.gototwentyfour').addEvent('click', function(){ skroll.toElement('twentyfourwrapper'); });
	$$('.gototwentyfive').addEvent('click', function(){ skroll.toElement('twentyfivewrapper'); });
	$$('.gototwentysix').addEvent('click', function(){ skroll.toElement('twentysixwrapper'); });
	$$('.gototwentyseven').addEvent('click', function(){ skroll.toElement('twentysevenwrapper'); });
	$$('.gototwentyeight').addEvent('click', function(){ skroll.toElement('twentyeightwrapper'); });
	$$('.gototwentynine').addEvent('click', function(){ skroll.toElement('twentyninewrapper'); });
	$$('.gotothirty').addEvent('click', function(){ skroll.toElement('thirtywrapper'); });
	$$('.gotothirtyone').addEvent('click', function(){ skroll.toElement('thirtyonewrapper'); });
	$$('.gotothirtytwo').addEvent('click', function(){ skroll.toElement('thirtytwowrapper'); });
	$$('.gotothirtythree').addEvent('click', function(){ skroll.toElement('thirtythreewrapper'); });
	$$('.gotothirtyfour').addEvent('click', function(){ skroll.toElement('thirtyfourwrapper'); });
	$$('.gotothirtyfive').addEvent('click', function(){ skroll.toElement('thirtyfivewrapper'); });
	$$('.gotothirtysix').addEvent('click', function(){ skroll.toElement('thirtysixwrapper'); });
	$$('.gotothirtyseven').addEvent('click', function(){ skroll.toElement('thirtysevenwrapper'); });
	$$('.gotothirtyeight').addEvent('click', function(){ skroll.toElement('thirtyeightwrapper'); });
	$$('.gotothirtynine').addEvent('click', function(){ skroll.toElement('thirtyninewrapper'); });
	$$('.gotofourty').addEvent('click', function(){ skroll.toElement('fourtywrapper'); });
	$$('.gotofourtyone').addEvent('click', function(){ skroll.toElement('fourtyonewrapper'); });
	$$('.gotofourtytwo').addEvent('click', function(){ skroll.toElement('fourtytwowrapper'); });
	$$('.gotofourtythree').addEvent('click', function(){ skroll.toElement('fourtythreewrapper'); });
	$$('.gotofourtyfour').addEvent('click', function(){ skroll.toElement('fourtyfourwrapper'); });
	$$('.gotofourtyfive').addEvent('click', function(){ skroll.toElement('fourtyfivewrapper'); });
	$$('.gotofourtysix').addEvent('click', function(){ skroll.toElement('fourtysixwrapper'); });
	$$('.gotofourtyseven').addEvent('click', function(){ skroll.toElement('fourtysevenwrapper'); });
	$$('.gotofourtyeight').addEvent('click', function(){ skroll.toElement('fourtyeightwrapper'); });
	$$('.gotofourtynine').addEvent('click', function(){ skroll.toElement('fourtyninewrapper'); });
	$$('.gotofifty').addEvent('click', function(){ skroll.toElement('fiftywrapper'); });
	$$('.gotofiftyone').addEvent('click', function(){ skroll.toElement('fiftyonewrapper'); });
	$$('.gotofiftytwo').addEvent('click', function(){ skroll.toElement('fiftytwowrapper'); });
	$$('.gotofiftythree').addEvent('click', function(){ skroll.toElement('fiftythreewrapper'); });
	$$('.gotofiftyfour').addEvent('click', function(){ skroll.toElement('fiftyfourwrapper'); });
	$$('.gotofiftyfive').addEvent('click', function(){ skroll.toElement('fiftyfivewrapper'); });
	$$('.gotofiftysix').addEvent('click', function(){ skroll.toElement('fiftysixwrapper'); });
	$$('.gotofiftyseven').addEvent('click', function(){ skroll.toElement('fiftysevenwrapper'); });
	$$('.gotofiftyeight').addEvent('click', function(){ skroll.toElement('fiftyeightwrapper'); });
	$$('.gotofiftynine').addEvent('click', function(){ skroll.toElement('fiftyninewrapper'); });
	$$('.gotosixty').addEvent('click', function(){ skroll.toElement('sixtywrapper'); });
	

	//EXAMPLE A
	var slideElement = $('inventory');
 
	var slideVar = new Fx.Slide(slideElement, {
		//Fx.Slide Options
		mode: 'horizontal', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		link: 'cancel',
		transition: 'bounce:out',
		duration: '1200', 
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide().show().hide(); //note, .hide and .show do not fire events 
 
	$('openA').addEvent('click', function(){
		slideVar.slideIn();
	});
 
	$('closeA').addEvent('click', function(){
		slideVar.slideOut();
	});
 
 
 
	//EXAMPLE B
	var slideElementB = $('slideB');
 
	var slideVarB = new Fx.Slide(slideElementB, {
		//Fx.Slide Options
		mode: 'vertical', //default is 'vertical'
 
		//Fx Options
		//notice how chaining lets you click multiple time 
		//then mouse away and the effects will keep going
		//for every click
		link: 'chain', 
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('shield1').addEvent('click', function(){
		slideVarB.toggle();
	});
		 
 
	//EXAMPLE C
	var slideElementC = $('slideC');
 
	var slideVarC = new Fx.Slide(slideElementC, {
		//Fx.Slide Options
		mode: 'horizontal', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		//link: 'cancel',
		transition: 'sine:in',
		duration: 300, 
		link: 'chain',
 
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('shield').addEvent('click', function(){
		slideVarC.slideIn();
	});

	
var slideElementSword = $('sword_icn');
 
	var slideVarSword = new Fx.Slide(slideElementSword, {
		//Fx.Slide Options
		mode: 'horizontal', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		//link: 'cancel',
		transition: 'sine:in',
		duration: 300, 
 		link: 'chain',
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('sword').addEvent('click', function(){
		slideVarSword.slideIn();
	});

var slideElementKey = $('key_icn');
 
	var slideVarKey = new Fx.Slide(slideElementKey, {
		//Fx.Slide Options
		mode: 'horizontal', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		//link: 'cancel',
		transition: 'sine:in',
		duration: 300, 
 		link: 'chain',
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('wizard').addEvent('click', function(){
		slideVarKey.slideIn();
	});
	
	var slideElementBall = $('ball_icn');
 
	var slideVarBall = new Fx.Slide(slideElementBall, {
		//Fx.Slide Options
		mode: 'horizontal', //default is 'vertical'
		//wrapper: this.element, //default is this.element
 
		//Fx Options
		//link: 'cancel',
		transition: 'sine:in',
		duration: 300, 
 		link: 'chain',
 
		//Fx Events
		onStart: function(){
			$('start').highlight("#EBCC22");
		},
 
		onCancel: function(){
			$('cancel').highlight("#EBCC22");
		},
 
		onComplete: function(){
			$('complete').highlight("#EBCC22");
		}
	}).hide();
 
	$('bowie2').addEvent('click', function(){
		slideVarBall.slideIn();
	});
});