$(document).ready(function() {
	sperre = 0;
	viewport = 3;
	function kalender(element) {
		var element = element;
		//var kalender = kalender;
		//for(i=start;i<=stop;i++) {
			
			$.ajax({
   				type: "GET",
   				url: "/leckrCMS/plugins/appartements/ajax.php",
   				data: {aktion: "getMonth", appartement: $(element).attr("id")},
   				success: function(result){
					
					$(element).find(".calendar-container").append(result);
	
					var calBreite = $(element).find('.calendar:first').width();
	
					$(element).find('.calendar-container').css({width: $(element).find(".calendar").length*calBreite});
				
					
				}
			});	
		//}
	}
	
	$(".belegungskalender").each(function(){
		$(this).append('<div class="cprev" style="display:none;"><a href="#"><img src="/leckrCMS/plugins/appartements/img/prev.png" /></a></div>');
		$(this).append('<div class="cnext"><a href="#"><img src="/leckrCMS/plugins/appartements/img/next.png" /></a></div>');
		$(this).append('<div class="kalender-legende"><table cellspacing="0" cellpadding="0" border="0"><tr><td><img src="/leckrCMS/plugins/appartements/img/td-0.png" width="20" /></td><td style="padding: 0px 20px 0 10px;">Frei</td><td><img src="/leckrCMS/plugins/appartements/img/td-belegt.png" width="20" /></td><td style="padding: 0px 20px 0 10px;">Belegt</td><td><img src="/leckrCMS/plugins/appartements/img/td-wechsel.png" width="20" /></td><td style="padding: 0px 0px 0 10px;">Wechseltag</td></tr></table></div>');
		$(this).append('<div class="calendar-container"></div>');
		
		kalender($(this));							  
	});
	
	$(".cnext a").live("click",function(){
		
		var e = $(this).closest(".belegungskalender").find(".calendar-container");
		var left = parseInt( $(e).position().left );
		var calBreite = $(e).find('.calendar:first').width();
		var leftBorder = ($(e).width()-calBreite*viewport)*-1;
		
		if(left-calBreite <= leftBorder) {
			$(this).closest(".belegungskalender").find(".cnext").fadeOut();	
		}
		
		if(left-calBreite == 0) {
			$(this).closest(".belegungskalender").find(".cprev").fadeOut();	
		} else {
			$(this).closest(".belegungskalender").find(".cprev").fadeIn();	
		}
		
		if(sperre == 0 && left > leftBorder) {
			sperre = 1;
			$(e).animate({
				left: left-calBreite+"px"
			}, 200, function(){
				sperre = 0;	
				
			});
		}
		return false;
	});
	
	$(".cprev a").live("click",function(){
		
		var e = $(this).closest(".belegungskalender").find(".calendar-container");
	
		var left = parseInt( $(e).position().left );
		var calBreite = $(e).find('.calendar:first').width();
		var leftBorder = ($(e).width()-calBreite)*-1;
		if(left+calBreite == 0) {
			$(this).closest(".belegungskalender").find(".cprev").fadeOut();	
		}
		
		if(left-calBreite <= leftBorder) {
			$(this).closest(".belegungskalender").find(".cnext").fadeOut();	
		} else {
			$(this).closest(".belegungskalender").find(".cnext").fadeIn();	
		}
		
		if(sperre == 0 && left != 0) {
			sperre = 1;
			$(e).animate({
				left: left+calBreite+"px"
			}, 200, function(){
				sperre = 0;

			});
		}
		return false;
	});
});