$(function()
{
	$('.pane').jScrollPane();
	
	if (location.hash != "") {
		$('li a[href*=#]').removeClass('active');
		$('li a[href='+location.hash+']').addClass('active');
	}
	

	
	$('li a[href*=#]').bind("click", function(event) {
		event.preventDefault();
		var ziel = $(this).attr('href');
		var position = $('#demo-content').position();
		var frame = $(ziel).position();
		
		// minuszahl entfernen und mit 1000 teilen
		if (position.left < 0) { position.left = position.left*-1;	}
		var calc = (position.left - frame.left);
		calc = calc/1000;
		if (calc < 0) {	calc = calc*-1;	}
		if (calc == "0") {	calc = "1";	}
		// geschwindigkeit * abstand
		var duration = 2000*calc;
		
		// *** ERROR TESTING *** //
		//$('#error').html(duration);
		// *** ERROR TESTING *** //
		
		// active links löschen
		$('li a[href*=#]').removeClass('active');
		// geklickten link aktiv machen
		$(this).addClass('active');
		
		if (ziel == "#print" || ziel == "#webdesign") {
			way = "xy";  // scrollposition ändern
			$('li a[href=#referenzen]').addClass('active'); // referenzen link markieren
			$('.slideshow').cycle({	fx: 'fade' }); // slideshow einschalten
		} else { 
			way = "yx";
			$('.slideshow').cycle('destroy'); // slideshow ausschalten
		}
		$('#demo-tile').stop().scrollTo( ziel , duration, {queue:true, axis:way, onAfter:function(){ oldhash = ziel; location.hash = ziel; }});
		
	});
});