window.addEvent('domready', function(){
	var divs = $$(['docs', 'js', 'html', 'css']);
	divs.each(function(div){
		var link = $(div.id + 'code');
		div.setStyle('display', 'none');
		link.addEvent('click', function(e){
			e = new Event(e);
			divs.each(function(other){
				if (other != div) other.setStyle('display', 'none');
			});
			div.setStyle('display', (div.getStyle('display') == 'block') ? 'none' : 'block');
			e.stop();
		});
	});
});



window.addEvent('domready', function(){
	var scroll = new Fx.Scroll('demo-wrapper', {
		wait: false,
		duration: 2500,
		offset: {'x': -200, 'y': -50},
		transition: Fx.Transitions.Quad.easeInOut
	});
	$('link_1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_1');
	});
	$('link_2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_2');
	});
	$('link_3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_3');
	});
	$('link_4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_4');
	});
	$('link_5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_5');
	});
	$('link_6').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_6');
	});
	$('link_7').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_7');
	});
	$('link_8').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_8');
	});
	$('link_9').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_9');
	});
	$('link_10').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_10');
	});
	$('link_11').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_11');
	});
	$('link_12').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_12');
	});
	$('link_13').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_13');
	});
	$('link_14').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_14');
	});
	$('link_15').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_15');
	});
	$('link_16').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_16');
	});
	$('link_17').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_17');
	});
	$('link_18').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_18');
	});
	$('link_19').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_19');
	});
	$('link_20').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_20');
	});
	$('link_21').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_21');
	});
	$('link_22').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_22');
	});
	$('link_23').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_23');
	});
	$('link_24').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_24');
	});
	$('link_25').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_25');
	});
	$('link_26').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_26');
	});
	$('link_27').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_27');
	});
	$('link_28').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_28');
	});
	$('link_29').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_29');
	});
	$('link_30').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_30');
	});
	$('link_31').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_31');
	});
	$('link_32').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_32');
	});
	$('link_33').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_33');
	});
	$('link_34').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_34');
	});
	$('link_35').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('map_35');
	});
});