window.addEvent('domready', function() {
	
	var countElements = $("scrollMapReferenzen").getElements('div .referenzbox');
	
	currentElement = 18;
	
	var prev_button = $("prev_button").getElements('a');
	prev_button.each(function(el, i) {
			
			el.addEvent('click', function(event) {
				event = new Event(event).stop();
				
				var scroll = new Fx.Scroll("scrollMapReferenzen", {
				wait: false,
				duration: 1000,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Quad.easeInOut
				});
				
				if(currentElement >= countElements.length){
					//alert('referenzbox1');
					scroll.toElement('referenzbox1');
					currentElement = 1;
				}else{
					//alert('referenzbox'+(currentElement+1));
					scroll.toElement('referenzbox'+(currentElement+1));
					currentElement++;
				}
			
		});
	});
	
	
	var next_button = $("next_button").getElements('a');
	next_button.each(function(el, i) {
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			var scroll = new Fx.Scroll("scrollMapReferenzen", {
			wait: false,
			duration: 1000,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
			});

			if(currentElement > 1){
				//alert('referenzbox'+(currentElement-1));
				scroll.toElement('referenzbox'+(currentElement-1));
				currentElement--;
			}else{
				//alert('referenzbox'+countElements.length);
				scroll.toElement('referenzbox'+countElements.length);
				currentElement = countElements.length;
			}
			
		});
	});
	
	
});