var inner_height = 0;
var outer_height = 0;
var range = 0;

$(document).ready(function(){
	if($('.projekte').length > 0)
	{
		inner_height = $('.projekte_scroller').height();
		outer_height = $('.projekte').height();
		range = inner_height - outer_height;

		if(range > 0)
		{
			$('#scrollbar').slider(
				{
					"animate":"true",
					"axis":"vertical",
					"max":range,
					"min":0,
					"value":range,
					"slide":function(e, ui){
						$('.projekte_scroller').css("margin-top", (ui.value-range)+"px");
					}
				}
			);
		}
	}

	if($('a.projekt').length > 0)
	{
		$('a.projekt').each(function(){
			$(this).click(function(){
				activate_link($(this).attr("id"));
				prepare_slides($(this).attr("id"));
			});
		});
	}
	
});


function prepare_slides(id)
{
	$('#sidebar').html('');
	for(i = 0; i < images[id].length; i++)
	{
		$('#sidebar').append('<a class="next_slide" href="#" style="display:none"><img src="/pic/'+images[id][i]+'" style="display:none" /></a>');
		if(i == 0 && typeof captions[id] != "undefined")
		{
			$('#sidebar').append('<div class="caption_container" style="display:none"><div class="caption">'+captions[id]+'</div></div>');
		}
	}
	show_images(id, 0);
}


function show_images(id, show_id)
{
	if(typeof images[id][show_id] == "undefined")
	{
		show_id = 0;
	}

	if($('#sidebar img:visible').length > 0)
	{
		$('#sidebar img:visible').fadeOut("slow", function(){
			$('#sidebar a:visible').hide();
			show_image(id, show_id);
		});
		$('#sidebar div.caption_container').fadeOut("slow");
	}
	else
	{
		show_image(id, show_id);
	}
}


function show_image(id, show_id)
{
	$($('#sidebar a')[show_id]).show("fast", function(){
		$($('#sidebar img')[show_id]).fadeIn("slow", function(){
			$('a.next_slide').unbind("click");
			$('a.next_slide').click(function(){
				show_images(id, show_id+1);
			});
		});
		if(show_id == 0){
			$('#sidebar div.caption_container').fadeIn("fast");
		}
	});
}


function activate_link(id)
{
	$('a.projekt').removeClass("active");
	$('#'+id).addClass("active");
}