$().ready(function() {		
	$("div#tpl1").css({ cursor: "pointer"});
	$("div#tpr1").css({ cursor: "pointer"});
	
	$("div#tpl2").parent().addClass("tplight");
	$("div#tpr2").parent().addClass("tplight");
	
	$("div#tpl2").parent().mouseover( function() { 
		$("div#tpl2").parent().removeClass("tplight");
	});
	
	$("div#tpr2").parent().mouseover( function() { 
		$("div#tpr2").parent().removeClass("tplight");
	});
	
	$("div#tpl2").parent().mouseout( function() { 
		$("div#tpl2").parent().addClass("tplight");
	});
	
	$("div#tpr2").parent().mouseout( function() { 
		$("div#tpr2").parent().addClass("tplight");
	});
	
$('#ref-header-m').cycle({
		fx: 'scrollHorz',
		prev:   '#tpl1', 
		next:   '#tpr1', 
	    timeout:  0,
		delay: -1000,
		after: onAfter,
		easing:  'easeOutBack', 
		pager:  'ul#ref-teaserpix', 
		prevEvent: 'mouseover' ,
		pagerAnchorBuilder: function(idx, slide) { 
			// return selector string for existing anchor 
			return 'ul#ref-teaserpix li:eq(' + idx + ') a'; 
		}	
	});
	
	function onAfter(curr, next, opts) {
		var index = $(this).parent().children().index(this);
		var pfad = base+"images/";
		if(index == 0) {		
			if ($('div#tpl1').is(".tplwe") == true) {
				$('div#tpl1').css("background-image","url("+pfad+"referenzen-pfeil-links-we-light.png)");
			}
			else {			
				$('div#tpl1').css("background-image","url("+pfad+"referenzen-pfeil-links-light.png)");
			}
		}
		else {
			if ($('div#tpl1').is(".tplwe") == true) {
				$('div#tpl1').css("background-image","url("+pfad+"referenzen-pfeil-links-we.png)");
			}
			else {			
				$('div#tpl1').css("background-image","url("+pfad+"referenzen-pfeil-links.png)");
			}				
		}		
	
		if(index == opts.slideCount - 1) {
			if ($('div#tpr1').is(".tprwe") == true) {
				$('div#tpr1').css("background-image","url("+pfad+"referenzen-pfeil-rechts-we-light.png)");
			}
			else {			
				$('div#tpr1').css("background-image","url("+pfad+"referenzen-pfeil-rechts-light.png)");
			}
		}
		else {		
			if ($('div#tpr1').is(".tprwe") == true) {
				$('div#tpr1').css("background-image","url("+pfad+"referenzen-pfeil-rechts-we.png)");
			}
			else {			
				$('div#tpr1').css("background-image","url("+pfad+"referenzen-pfeil-rechts.png)");
			}	
		}
	}	
	
	/*function onBeforeSerialScroll(curr, next, opts) {
		// alert("test");
	}*/
		
	$('#slideshow').serialScroll({
		items:'li',
		prev: '#tpl2', 
		next: '#tpr2', 
		offset:-227, //when scrolling to photo, stop 230 before reaching it (from the left)
		start:1, //as we are centering it, start at the 2nd
		duration:1200,
		force:true,
		stop:true,
		lock:false,
		// onBefore: onBeforeSerialScroll,
		cycle:false, //don't pull back once you reach the end
		easing:'easeOutQuart', //use this easing equation for a funny effect
		jump: false, //click on the images to scroll to them
		exclude:1
	});
	
});