var pages = ['penobeton_page1', 'penobeton_page2', 'penobeton_page3', 'penobeton_page4', 'penobeton_page5', 'penobeton_page6', 'penobeton_page7', 'penobeton_page8', 'penobeton_page9'];

window.addEvent('domready', function(){
	var scroll = new Fx.Scroll('page', {
		wheelStops: false,
		wait: false,
		duration: 1500,
		transition: Fx.Transitions.Quad.easeInOut
	});

	var page = $get('#');
	if ( pages.contains(page) ) {
		$('current').id = null;
		$('nav_' + page).getElements('a')[0].id = 'current';
	}

	$('nav_penobeton_page1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page1');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page2');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page3');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page4');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page5');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page6').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page6');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page7').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page7');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page8').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page8');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});

	$('nav_penobeton_page9').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('penobeton_page9');
		$('current').id = null;
		this.getElements('a')[0].id = 'current';
	});
});


// var coords = [[[1, 1], [1001, 1], [2001, 1], [3001, 1]], [[2, 2], [2, 502], [2, 1002], [2, 1502]]];
// var page = 0;
// var theme = 'green';
// var scrollingType = 0;
// var scrollingDirection = ['horizontal', 'vertical'];
//
// function writeTheme() {
// 	document.write('<div id="' + theme + '">');
// }
//
// function writeCss() {
// 	document.write('<link id="scroll-direction" type="text/css" rel="stylesheet" href="css/' + scrollingDirection[scrollingType] + '-scroll.css" />');
// }
//
// function mark(color) {
// 	$('nav_' + scrollingDirection[scrollingType] + '_scroll').setStyle('border', '2px solid ' + color);
// }
//
// window.addEvent('domready', function(){
// 	mark('#aaa');
//
// 	var scroll = new Fx.Scroll('page', {
// 			wheelStops: false,
// 			wait: false,
// 			transition: Fx.Transitions.Quad.easeInOut,
// 			duration: 1500
// 	});
//
// 	$('nav_page1').addEvent('click', function(event) {
// 		event = new Event(event).stop();
// 		page = 0;
// 		var x = coords[scrollingType][page][0];
// 		var y = coords[scrollingType][page][1];
// 		scroll.start(x, y);
// 		$('current').id = null;
// 		this.getElements('a')[0].id = 'current';
// 		this.getElements('a')[0].blur();
// 	});
//
// 	$('nav_page2').addEvent('click', function(event) {
// 		event = new Event(event).stop();
// // 		scroll.toElement('content_page2');
// 		page = 1;
// 		var x = coords[scrollingType][page][0];
// 		var y = coords[scrollingType][page][1];
// 		scroll.start(x, y);
// 		$('current').id = null;
// 		this.getElements('a')[0].id = 'current';
// 		this.getElements('a')[0].blur();
// 	});
//
// 	$('nav_page3').addEvent('click', function(event) {
// 		event = new Event(event).stop();
// // 		scroll.toElement('content_page3');
// 		page = 2;
// 		var x = coords[scrollingType][page][0];
// 		var y = coords[scrollingType][page][1];
// 		scroll.start(x, y);
// 		$('current').id = null;
// 		this.getElements('a')[0].id = 'current';
// 		this.getElements('a')[0].blur();
// 	});
//
// 	$('nav_page4').addEvent('click', function(event) {
// 		event = new Event(event).stop();
// // 		scroll.toElement('content_page4');
// 		page = 3;
// 		var x = coords[scrollingType][page][0];
// 		var y = coords[scrollingType][page][1];
// 		scroll.start(x, y);
// 		$('current').id = null;
// 		this.getElements('a')[0].id = 'current';
// 		this.getElements('a')[0].blur();
// 	});
//
// 	$('nav_horizontal_scroll').addEvent('click', function(event) {
// 		event = new Event(event).stop();
// 		if ( scrollingType != 0 ) {
// 			mark('#fff');
// 			scrollingType = 0;
// 			if ( page == 0 ) {
// 				$('scroll-direction').href = 'css/horizontal-scroll.css';
// 			} else {
// 				scroll.start(1, 1).chain(function(){
// 					$('scroll-direction').href = 'css/horizontal-scroll.css';
// 					var x = coords[scrollingType][page][0];
// 					var y = coords[scrollingType][page][1];
// 					this.start(x, y);
// 				});
// 			}
// 		}
// 		this.setStyle('border', '2px solid #aaa')
// 		this.blur();
// 	});
//
// 	$('nav_vertical_scroll').addEvent('click', function(event) {
// 		event = new Event(event).stop();
// 		if ( scrollingType != 1 ) {
// 			mark('#fff');
// 			scrollingType = 1;
// 			if ( page == 0 ) {
// 				$('scroll-direction').href = 'css/vertical-scroll.css';
// 			} else {
// 				scroll.start(1, 1).chain(function(){
// 					$('scroll-direction').href = 'css/vertical-scroll.css';
// 					var x = coords[scrollingType][page][0];
// 					var y = coords[scrollingType][page][1];
// 					this.start(x, y);
// 				});
// 			}
// 		}
// 		this.setStyle('border', '2px solid #aaa')
// 		this.blur();
// 	});
//
//
// });