var mainpage_c;
var mainpage_i;
var mainpage_in;
var mainpage_iw;
var mainpage_s;
var mainpage_m;

function mainpage_init(){
	mainpage_c = 1;
	mainpage_i = $$('.scrolled_item');
	mainpage_in = mainpage_i.length;
	mainpage_iw = mainpage_i[0].getWidth();
	$('scroll_container').setStyle({'width': mainpage_in*mainpage_iw + 'px'});

	//overview
	$('nav_item' + mainpage_c).addClassName('current');

	mainpage_start_scroll();
}

function mainpage_start_scroll(time){
	if(mainpage_s){
		mainpage_s.stop();
	}
	if(time){
		window.setTimeout(function(){mainpage_start_scroll();}, time*1000);
	}else{
		mainpage_s = new PeriodicalExecuter(function(pe) {
			mainpage_scroll();
		}, 10);
	}
}

function mainpage_scroll(dir, num){
	mainpage_m = true;
	mainpage_start_scroll(10);
	if(dir != 'left'){
		dir = 'right';
	}
	if(num == null){
		switch(dir){
			case 'left':
			if(mainpage_c>1){
				mainpage_c--;
			}else{
				$('scroll_container').setStyle({'left': -((mainpage_in-1)*mainpage_iw)+'px'});
				mainpage_c = mainpage_in - 1;
			}
			break;
			case 'right':
			if(mainpage_c<mainpage_in){
				mainpage_c++;
			}else{
				$('scroll_container').setStyle({'left': 0+'px'});
				mainpage_c = 2;
			}
			break;
			default:
			break;
		}
	}else{
		mainpage_c = num;
	}
	$$('.nav_item').invoke('removeClassName', 'current');
	if(mainpage_c == mainpage_in){
		mainpage_rc = 1;
	}else{
		mainpage_rc = mainpage_c;
	}
	$('nav_item' + mainpage_rc).addClassName('current');
	duration = 0.8;
	new Effect.Move('scroll_container', {mode:'absolute', x:-((mainpage_c-1)*mainpage_iw), duration: duration});
	window.setTimeout(function() {mainpage_m = false;}, duration*1200);
}

function mainpage_press(dir, num){
	if(mainpage_m != true){
		mainpage_scroll(dir, num);
	}
}

function go(path){
	document.location = path;
}