// mootools
function initNavigation(){
	var list = $('slider');
	var list_elements = list.getElements('li');
	var width = 200; // starts with some extra space
	var navigation = $('navigation');
	var navigation_position = navigation.getElement('.navigaton_position').get('value') * 1;
	var navigation_id = navigation.getElement('.navigaton_id').get('value');
	list_elements.each(
		function(list_element){
			var list_element_size = list_element.getSize();
			var list_element_margin_left = list_element.getStyle('margin-left').toInt();
			var list_element_margin_right = list_element.getStyle('margin-right').toInt();
			width += list_element_size.x;
			width += list_element_margin_left;
			width += list_element_margin_right;
		}
	);
	list.setStyle('width', width);
	var found = false;
	list_elements.each(
		function(list_element){
			if(navigation_id != ''){
				if(navigation_id == list_element.get('id')){
					list_element.setStyle('margin-left', navigation_position);
					found = true;
				}else{
					if(!found){
						list_element.inject(list);
					}
				}
			}
		}
	);
	var index = list.get('index') * 1;
	if(index > 0){
	}else{
		list.set('index', 0);
	}
	$('arrow_left').addEvents(
		{
			'click': slideNavigationLeft.bind(list),
			'mouseenter': setNavigationScroll,
			'mouseleave': stopNavigationScroll
		}
	);
	$('arrow_right').addEvents(
		{
			'click': slideNavigationRight.bind(list, this),
			'mouseenter': setNavigationScroll,
			'mouseleave': stopNavigationScroll
		}
	);
}

function slideNavigationLeft(){
	return false;
}

function slideNavigationRight(){
	return false;
}

function setNavigationScroll(){
	var anchor = this;
	var list = $('slider');
	list.set('scrolling', 1);
	if(anchor.get('id') == 'arrow_right'){
		list.set('direction', 'right');
	}
	if(anchor.get('id') == 'arrow_left'){
		list.set('direction', 'left');
	}
	
	window.setTimeout(startNavigationScroll.bind(list), 25);
}

function startNavigationScroll(){
	var list = this;
	var list_elements = list.getElements('li');
	var direction = list.get('direction');
	// var position = list.getStyle('left').toInt();
	var position = list_elements[0].getStyle('margin-left').toInt();
	if(direction == 'left'){
		position += 5;
	}
	if(direction == 'right'){
		position -= 5;
	}
	// list.setStyle('left', position);
	if(position <= -180 && direction == 'right'){
		list_elements[0].inject(list);
		list_elements[0].setStyle('margin-left', 0);
		position = 0;
	}
	if(position >= 0 && direction == 'left'){
		list_elements[(list_elements.length-1)].inject(list, 'top');
		list_elements[(list_elements.length-1)].setStyle('margin-left', 0);
		list_elements = list.getElements('li');
		list_elements[1].setStyle('margin-left', 0);
		position = -180;
	}
	list_elements[0].setStyle('margin-left', position);
	if(list.get('scrolling') == '1'){
		window.setTimeout(startNavigationScroll.bind(list), 25);
	}
}

function stopNavigationScroll(){
	var list = $('slider');
	list.set('scrolling', 0);
	var list_elements = list.getElements('li');
	var margin_left = list_elements[0].getStyle('margin-left').toInt();
	var id = list_elements[0].get('id');
	var request = new Request.HTML(
		{
			url: 'navigation_session.php'
		}
	).get(
		{
			'id': id,
			'pos': margin_left,
			'navigation': 1
		}
	);
}

function scrollNavigationLeft(){
	var list = this;
	
}

function scrollNavigationRight(){
	var list = this;
}

function slideNavigation(index){
	
}

function initAll(){
	initNavigation();
}

window.addEvent('domready', initAll);

// jquery variante
/*$(document).ready(function() {
	
	$('#navigation ul').css('width', $('#navigation ul li').length * 180 + 'px');
	
	$('#arrow_left').click(function() {
		show_navigation(false);
		return false;
	});
	$('#arrow_right').click(function() {
		show_navigation(true);
		return false;
	});
	
	var elemente = $('#navigation ul li');
	var leftValue =  $(elemente[curPos]).position().left * -1;
	$('#navigation ul').css('left', leftValue);
});

function show_navigation (direction) {
	
	var leftValue = $('#navigation ul').css('left');
	leftValue = leftValue.replace('px', '') * 1;
	var elemente = $('#navigation ul li');
	
	if ( direction && curPos < $('#navigation ul li').length - 5 ) {
		leftValue = $(elemente[curPos + 1]).position().left * -1;
		curPos++;
	}
	if ( !direction && curPos > 0 ) {
		leftValue = $(elemente[curPos - 1]).position().left * -1;
		curPos--;
	}
	$.ajax('navigation_session.php?navigation_pos='+curPos);
	$('#navigation ul').animate(
		{
			left: leftValue
		}
	);
	// erstes Icon hinten anhängen/letztes Icon vorne anhängen
	var icons = $('#slider li');
	if (direction) {
		var new_element = icons[0];
	} else {
		var new_element = icons[icons.length - 1];
	}
	
	if(direction) {
		$(icons[0]).remove();
	} else {
		$(icons[icons.length - 1]).remove();
	}
	
	// neues Element hinzufügen
	if (direction) {
		$('#slider').append(new_element);
	} else {
		$('#slider').prepend(new_element);
	}
	
	
	return false;
}*/