$(document).ready(function(){
						   
	var portfolio_item_selected = $(".portfolio-item:first");						   
						   
	$(".portfolio-item").hide();	
	$(portfolio_item_selected).show();	
	
	$(".slideshow").each(function (i) {
		var slideshow = $(this);			
		$(slideshow).find("img").hide();
		$(slideshow).find("img:first").show();
		$(slideshow).find("img").each(function (i) {	
      		$(slideshow).next().append("<a rel="+ i +" href='#"+ i +"' title='Bild "+ (i+1) +"'>Bild " + (i+1) + "</a>");
		});
		$(slideshow).next().find("a:first").addClass('select');
	});	
	
	$(".slideshow-control a").click(						   
		function () { 
			var x = $(this).attr("rel"); 
			var to_show = $(this).parent().prev().find("img:eq("+ x +")");
			var to_hide = $(this).parent().prev().find("img:visible");
			$(to_hide).fadeOut(1000, function () { $(to_show).fadeIn(1000);});
			if(jQuery.browser.msie) {
				var slideshowfix = $(to_show).parent();
				$(slideshowfix).css("margin-left", "-" + $(slideshowfix).position().left);
			}
			$(this).parent().find("a").removeClass('select');
     		$(this).addClass('select');
		}
	);			
	
	$(".portfolio a").click(						   
		function () { 
			var portfolio_item = $(this).attr("href"); 
			
			$(".portfolio a").removeClass('select');
			$(this).addClass('select');
			
     		$(portfolio_item_selected).hide("slide", { direction: "left" }, 1000, 
				function () {
					$(portfolio_item).show("slide", { direction: "left" }, 1000);	
				}
			);
			
			portfolio_item_selected = portfolio_item;
			
		}
	);	
});