$(function() {
	$('#main_container').corner('round25px');
	$('.portfolio_image, .logo_image, .impressie_image').click(function() {
		src = $(this).find('img').attr("src");
		id = $(this).attr("id");
		maxwidth = $(window).width() * 0.9;
		maxheight = $(window).height() * 0.95;
		name = "big" + id;
		image_id = id + "_img";
		$('#contentdim').show().animate({
			"opacity" : "0.7"
		},200);
		$("<div id='" + name + "' class='image_zoombox' style='display: none;'><img src='"+ src +"' onmousedown='event.preventDefault()' id='" + image_id + "' /></div>").appendTo('body');
		
		$('#' + name +' img').css("max-width", maxwidth).css("max-height", maxheight);
		marginleft = -$('.image_zoombox').width()/2;
		$('#' + name).css("margin-left", marginleft).show().animate({
			"opacity" : "1"
		}, 200);
	});
	$('body').click(function() {
		if ($('#contentdim').css("opacity")>0) {
			$('.image_zoombox').stop().animate({
				"opacity" : "0"
			}, 400, function() {
				$(this).remove();
				$('#loader').remove();
				$('#contentdim').delay(250).stop().animate({
					"opacity" : "0"
				}, 250, function() {
					$(this).hide();
					
				});
			});
		}
	});
	$('#design_link').click(function() {
		$('#design').fadeIn();
		$('#portfolio').hide();
		$('#logo').hide();
		$('#eigenwerk').hide();
	});
	$('#webdesigns_link').click(function() {
		$('#design').hide();
		$('#portfolio').fadeIn();
		$('#logo').hide();
		$('#eigenwerk').hide();
	});
	$('#logo_link').click(function() {
		$('#logo').fadeIn();
		$('#portfolio').hide();
		$('#eigenwerk').hide();
		$('#design').hide();
	});
	$('#impressie_link').click(function() {
		$('#eigenwerk').fadeIn();
		$('#logo').hide();
		$('#portfolio').hide();
		$('#design').hide();
	});
	
});