/*var msg = "This page requires version 4 or later of\n Netscape Navigator or Internet Explorer"

var pos = 0;
var step = 5;
var speed = 0;
var leftend = 0;
var rightend = 30000;
var time;

function scroll_left() {
	if(pos < leftend) pos += step;
	do_scroll(pos);
	time = setTimeout("scroll_left()", speed);
}

function scroll_right() {
	if(pos > -(rightend-920)) pos -= step;
	do_scroll(pos);
	time = setTimeout("scroll_right()", speed);
}

function do_scroll(pos) {
	$$(".content")[0].style.left = pos;
}

function stop_scroll(b) {
	clearTimeout(time);
}
*/
window.addEvent('domready', function() {
	
	var contElements = $$('.content-element');
	var sumWidth = 0;
	for (var i = 0; i < contElements.length; ++i) {
		sumWidth = sumWidth + contElements[i].offsetWidth;
	}	
	
	var contentElement = $$('.content');
	for (var i = 0; i < contentElement.length; ++i) {
		contentElement[i].style.width = sumWidth;
	}
	rightend = sumWidth;
	var elemente;
	
	/* are for linking*/
	
	var scroll = new Fx.Scroll('main', {
		wait: false,
		duration: 2500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	/*
	$('aleft').addEvent('mouseover', scroll_left);
	$('aleft').addEvent('mouseout', stop_scroll);
	$('aright').addEvent('mouseover', scroll_right);
	$('aright').addEvent('mouseout', stop_scroll);	*/
	/* get each element */
	elemente = $$(".content-element");	
	/* add the link width id of elements */
	elemente.each(function(element, i) { 
		/*link +nris id of a-tag */
		var linkname = "linkTo"+(elemente[i].id);
		var contentId = elemente[i].id;
		/*alert("Fuege Link an "+linkname+" Element mit ID "+contentId+" hinzu");*/
		$(linkname).addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement(contentId);
		});
		
	});
	/* infobutton
	var effect = $('infolnk').effect('padding', {duration: 800});
	effect.start('30px');*/

	/* add aditional scroller to element */
	
	var scroller = new Scroller($('main'), {
		area: 10,
		velocity: 2.0
	});
	scroller.start();
});