// JavaScript Document

var delta_x = 27;
var delta_y = 6;

var speed = 0.15;

var num_items = 9;
var active_item = 0;

var offset_y = new Array(0,6,41,76,111,146,181,216,251,286);			// Balken y
var offset_y_font = new Array(0,0,1,4,4,6,5,-2,5,1);					// Schrift y ausgefahren
var offset_x_font = new Array(0,1,7,17,20,29,23,-9,23,6);				// Schrift x ausgefahren

var effectsArray = new Array(10);


function moveOut(id,y,y_font,x_font) {	
	if(effectsArray[id])
		effectsArray[id].cancel();
		
	effectsArray[id] = new Effect.Parallel([
  		new Effect.Move('menu_balken_'+id,{ sync: true, x: delta_x, y: -delta_y+y, mode: 'absolute' }),
		new Effect.Move('menu_item_'+id,{ sync: true, x: x_font, y: -y_font, mode: 'absolute' }),
		new Effect.Move('menu_item_high_'+id,{ sync: true, x: x_font, y: -y_font, mode: 'absolute' })
		], { 
  			duration: speed,
			transition: Effect.Transitions.sinoidal,
			afterFinish: function() {
				$('menu_item_'+id).hide();
				$('menu_item_high_'+id).show();
			}
	});
}

function moveIn(id,y) {
	if(effectsArray[id])
		effectsArray[id].cancel();
		
	effectsArray[id] = new Effect.Parallel([
  		new Effect.Move('menu_balken_'+id,{ sync: true, x: 0, y: y, mode: 'absolute' }),
		new Effect.Move('menu_item_'+id,{ sync: true, x: 0, y: 0, mode: 'absolute' }),
		new Effect.Move('menu_item_high_'+id,{ sync: true, x: 0, y: 0, mode: 'absolute' })
		], { 
  			duration: speed,
			transition: Effect.Transitions.sinoidal,
			afterFinish: function() {
				$('menu_item_high_'+id).hide();
				$('menu_item_'+id).show();
			}
	});
}

function selectItem(id) {
	for(var i=1; i<=num_items; i++){
		if(i==id)
			moveOut(i,offset_y[i],offset_y_font[i],offset_x_font[i]);
		else {
			if(i!=active_item)
				moveIn(i,offset_y[i]);
		}
	}
}

function activateItem(id) {
	active_item = id;
	moveOut(active_item,offset_y[active_item],offset_y_font[active_item],offset_x_font[active_item]);
	selectItem(0);
}