$(document).ready(function(){
	
	//Needs jquery.scrollTo !!!
	
	$.fn.digiBildsurfer = function(o) {
		o = $.extend({
			navi: '.STYLE_bildsurferNavi', //Definiert die Navigation für den Bildsurfer, um die Select Klassen richtig zu setzen
			selectClass: 'COLOR_varMid', //Definiert die Select Klasse, um die Farben aus der CSS Datei zu nehmen 
			speed: 1000 //Definiert die Geschwindigkeit des Scrollens
	    }, o || {});
		
		$(this).each(function(){
			
			thisBildsurfer = $(this);
			
			o.startScroll = $('a[rel*="bildsurfer"]:first').attr('rel').replace('bildsurfer[','').replace(']','').split(',');
			
			$(this).scrollTo( { left:o.startScroll[0], top:o.startScroll[1]}, o.speed );
			$(o.navi).find('a:first').addClass(o.selectClass);

			$('a[rel*="bildsurfer"]').click(function(){
				var relattr = $(this).attr('rel').replace('bildsurfer[','').replace(']','').split(',');
				thisBildsurfer.scrollTo( { left: relattr[0], top: relattr[1]}, o.speed );
				$(this).parent().parent().find('li a').removeClass(o.selectClass);
				$(this).addClass(o.selectClass);
				return false;
			});
			
		});
	}
	
	$('.digiBildsurfer').digiBildsurfer();

});