window.addEvent('domready', function() {
									 
	//Squeezbox ------------------------------------
	
	/**
	 * That CSS selector will find all <a> elements with the
	 * class boxed
	 *
	 * The example loads the options from the rel attribute
	 */
	SqueezeBox.assign($$('a.boxed'), {
		parse: 'rel'
	});

	//request.HTML ---------------------------------
	
	// You can skip the following two lines of code. We need them to make sure demos
	// are runnable on MooTools demos web page.
	if (!window.demo_path) window.demo_path = '';
	var demo_path = window.demo_path;	
	
	//We can use one Request object many times.
	var airReq = new Request.HTML({method: 'get', url:demo_path+'air.html', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
			//Clear the text currently inside the left-col div.
			$('trav-col').set('text', '');
			//Inject the new DOM elements into the left-col div.
			$('trav-col').set('html', responseHTML);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('trav-col').set('text', 'The request failed.');
		}
	});
	
	$('callAir').addEvent('click', function() {
		airReq.send();
	});
	

	
	//We can use one Request object many times.
	var tubeReq = new Request.HTML({method: 'get', url:demo_path+'tube.html', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
			//Clear the text currently inside the left-col div.
			$('trav-col').set('text', '');
			//Inject the new DOM elements into the left-col div.
			$('trav-col').set('html', responseHTML);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('trav-col').set('text', 'The request failed.');
		}
	});
	
	$('callTube').addEvent('click', function() {
		tubeReq.send();
	});
	
	//We can use one Request object many times.
	var railReq = new Request.HTML({method: 'get', url:demo_path+'rail.html', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
			//Clear the text currently inside the left-col div.
			$('trav-col').set('text', '');
			//Inject the new DOM elements into the left-col div.
			$('trav-col').set('html', responseHTML);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('trav-col').set('text', 'The request failed.');
		}
	});
	
	$('callRail').addEvent('click', function() {
		railReq.send();
	});
	
	//We can use one Request object many times.
	var roadReq = new Request.HTML({method: 'get', url:demo_path+'road.html', 
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
			//Clear the text currently inside the left-col div.
			$('trav-col').set('text', '');
			//Inject the new DOM elements into the left-col div.
			$('trav-col').set('html', responseHTML);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('trav-col').set('text', 'The request failed.');
		}
	});
	
	$('callRoad').addEvent('click', function() {
		roadReq.send();
	});
	

	/* ====== SCROLLER ===== 
	
	var scroll = new Fx.Scroll('demo-wrapper', {
				wait: false,
				duration: 2500,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Quad.easeInOut
			});
			
			$('link1').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content1');
			});
			
			$('link2').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
			});
			
			$('link3').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content3');
			});
			
			$('link4').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content4');
			});
			
			$('link5').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content5');
			});
			
			$('link6').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content6');
			});
			
			$('link7').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content7');
			});
			
			$('link8').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
			});
			$('link9').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
			});
			$('link10').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
			});
			$('link11').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
			});
*/
});