/* ####### ARRANGEMENTS SLIDER ###########*/
	
	
$(document).ready(function(){

	$(".arrangement_box_detail").css("display", "none");
	
	
	var clickIndex = 0;
	var boxWidth = 710;
	var fadeSpeedOut = 800;
	var fadeSpeedIn = 800;
	var aniSpeed = 800;
	
	var linkCount = $(".buchungsanfrage_link.uebersicht a").length;
	
	$(".buchungsanfrage_link.uebersicht a").removeAttr("href");
	
	$(".buchungsanfrage_link.uebersicht a").click(function(){
	
		
	
		clickIndex = $(".buchungsanfrage_link.uebersicht a").index(this);
		
		
		$("#arrangements_details").fadeIn(600);
		
		$(".arrangement_box_detail").hide();
		$(".arrangement_box_detail").eq(clickIndex).show();
		
		
		var posi_center = ($(window).height() - $("#arrangements_details").height() ) / 2 + $(window).scrollTop();
		$("#arrangements_details").css("top", posi_center+"px");
		$(".click_left").css("top", ($("#arrangements_details").height() / 2) - 10 +"px");
		$(".click_right").css("top", ($("#arrangements_details").height() / 2) - 10 +"px");
		
				
		return false;
	});
	
	$(".close_window a").click(function(){
		
		$("#arrangements_details").fadeOut(200);
		return false;
	});

	
	
	$(".click_right").click(function(){
	
		if(clickIndex < linkCount-1) {
			clickIndex++;
			$(".arrangement_box_detail").hide(fadeSpeedOut);
			$(".arrangement_box_detail").eq(clickIndex).show(fadeSpeedIn, centerBox);
		} else if(clickIndex == linkCount-1) {
			clickIndex = 0;
			$(".arrangement_box_detail").hide(fadeSpeedOut);
			$(".arrangement_box_detail").eq(clickIndex).show(fadeSpeedIn, centerBox);
		}
		
	});
	
	$(".click_left").click(function(){
	
		if(clickIndex > 0) {
			clickIndex--;
			$(".arrangement_box_detail").hide(fadeSpeedOut);
			$(".arrangement_box_detail").eq(clickIndex).show(fadeSpeedIn, centerBox);
		} else if(clickIndex == 0) {
			clickIndex =  linkCount-1;
			$(".arrangement_box_detail").hide(fadeSpeedOut);
			$(".arrangement_box_detail").eq(clickIndex).show(fadeSpeedIn, centerBox);
		}
		
	});
	
	function centerBox(){	
		//alert($("#arrangements_details").height());
		var posi_center = ($(window).height() - $("#arrangements_details").height() ) / 2 + $(window).scrollTop();
		
		$("#arrangements_details").animate({top: posi_center+"px"}, aniSpeed);
		$(".click_left").animate({top: ($("#arrangements_details").height() / 2) - 10 +"px"}, aniSpeed);
		$(".click_right").animate({top: ($("#arrangements_details").height() / 2) - 10 +"px"}, aniSpeed);
	}
	
});