pics = new Array();
var objCount = 0;
var loop;
var smallimgcount;

function preload(pic) {
	pics[objCount] = new Image();
	pics[objCount].src = pic;
	objCount++;
}

function fadeInPic(id)
{
 	var old_smallid = $(".smallimage_aktive").attr("id");
	$("#" + old_smallid).removeClass("smallimage_aktive").fadeTo(500,0.5);
	
	var old_bigid = "bigimage_" + $("#" + old_smallid).attr("rel");
	$("#" + old_bigid).fadeOut("slow").removeClass("bigimage_active");

	var new_bigid = "bigimage_" + $("#" + id).attr("rel");
	$("#" + new_bigid).fadeIn("slow").addClass("bigimage_active");;
	$("#" + id).addClass("smallimage_aktive").fadeTo(500,1);
	
}
function loopPics(i){
	if(i > smallimgcount)
		i = 1;
	fadeInPic('smallimage_' + i);
	i += 1;
	loop = setTimeout("loopPics("+i+")",4000);
}



$(function(){
	$(".navilink").hover(
		function(){
			$(this).addClass("navilink_active");
			$(this).children(".activepfeil").show();
		},
		function(){
			$(this).removeClass("navilink_active");
			$(this).children(".activepfeil").hide();
		}
	);
	$(".essentrinken").each(function(){
		if(!$(this).hasClass(".essentrinken_aktiv"))
			$(this).fadeTo(1,0.5);
	});

	$(".essentrinken").hover(
		function(){
			if(!$(this).hasClass(".essentrinken_aktiv"))
				$(this).fadeTo(500,1)
		},
		function(){
			if(!$(this).hasClass(".essentrinken_aktiv"))
				$(this).fadeTo(500,0.5)
		}
	);

	if($(".smallimage"))
	{
		$(".smallimage").each(function(){
			$(this).fadeTo(1, 0.5);
		});

		loopPics(1);

		$(".smallimage").click(function(){
			clearTimeout(loop);
			loopPics(parseInt($(this).attr("rel")));
		});
		smallimgcount = $(".smallimage").length;
		$(".smallimage").hover(
			function(){
				if(!($(this).hasClass("smallimage_aktive")))
					$(this).fadeTo(200, 1);
			},
			function(){
				if(!($(this).hasClass("smallimage_aktive")))
					$(this).fadeTo(200, 0.5);
			}
		);
	}
	
	$(".veranstaltungslink").click(function(){
		$(".right_over").fadeTo(100, 0.0);
		$.ajax({
		 	method: "GET",
			url: $(this).attr("href"),
			success: function(data){
				$(".right_over").html(data);
				$(".right_over").show().fadeTo(1000, 0.9);
			}
		});
		return false;
	})
	
	$(allimg).each(function(){
		preload($(this));
	});
});
