$(document).ready(function(){
	
	$('#FRAME_contentLeft').css("min-height", 800);
	$('#FRAME_contentRight').css("min-height", 800);
		
	$('a[rel*="erlebniskarte"]').click(function(){
		var relattr = $(this).attr('rel').replace('erlebniskarte[','').replace(']','');
		var scrollPosY = $('#'+relattr).css("top");	
		var scrollPosX = $('#'+relattr).css("left");
		$('.STYLE_Erlebniskarte div').scrollTo({top: (parseInt(scrollPosY)-189+$("#"+relattr).height()/2), left: parseInt(scrollPosX)-308+$("#"+relattr).width()/2}, 500);
		$('.STYLE_Erlebniskarte div div div').css('visibility','hidden');
		$("#"+relattr+" div").css('visibility','visible');
		
		var ausschnittPosX = (parseInt(scrollPosX)/3.85)-25;
		var ausschnittPosY = (parseInt(scrollPosY)/3.85)-55;
		if (ausschnittPosX > 139) { ausschnittPosX = 139; } else if (ausschnittPosX < 0) { ausschnittPosX = 0; } //219
		if (ausschnittPosY > 85) { ausschnittPosY = 85; } else if (ausschnittPosY < 0) { ausschnittPosY = 0; } //145
		
		$('#kartenAusschnitt').stop().animate({left: ausschnittPosX, top: ausschnittPosY},500);
		
		return false;
	});
	
	
	$.fn.scrollFixed = function(o) {
		o = $.extend({
	        startPos: 0, //Startposition des Elements (Abstand zum obersten Punkt)
			bottomElement: null, //Element, bei dem das Scrollen beendet werden soll
			speed: 300
	    }, o || {});
		
		var object = $(this), topPos = parseInt($(this).css('top')), standardWindow = 680;	
		// if ($(document).scrollTop() > o.startPos) {
		// 			object.stop().animate({top: $(document).scrollTop()-o.startPos+topPos}, 0);
		// 		}
		
		$(window).scroll(function(){
			var scrollPos = $(document).scrollTop(), windowHeight = $(window).height(), startPos = o.startPos;
			
			
			if (windowHeight > standardWindow) {
				startPos = startPos-((windowHeight-standardWindow)/1.5);
			}
					
			if (scrollPos < startPos) {
				scrollPos = startPos;
			}
				
			//alert(object.height()+object.position().top+" - "+$(o.bottomElement).position().top);
						
			if ((object.height()+250+object.position().top) < $(o.bottomElement).position().top-30) {
				object.stop().animate({top: scrollPos-startPos+topPos}, o.speed);
			} else if (scrollPos < $(document).height()-(object.height()+350)) { 
				object.stop().animate({top: scrollPos-startPos+topPos}, o.speed);
			} else {
				//object.stop().animate({top: $(o.bottomElement).position().top-object.height()-30 }, 0);
			}
			oldScrollPos = scrollPos;
		});
	}
	
	$('#STYLE_ErlebniskarteBox').scrollFixed({speed: 250, startPos: 618, bottomElement: '#FRAME_topButton'});
		
	$('#FRAME_contentRight').css('overflow','visible');
		
	 $('.STYLE_Erlebniskarte div div div').not('.STYLE_Erlebniskarte div div div div').each(function(i){
		$(this).css('left', parseInt($(this).css('left'))-400);
	 });	
		
});