// Portfolio

$(document).ready(function() {
	$('ul#filter a').click(function() {
		$(this).css('outline','none');
		$('ul#filter .current').removeClass('current');
		$(this).parent().addClass('current');

		var filterVal = $(this).text().toLowerCase().replace(' ','-');

		if(filterVal == 'alle') {
			$('ul#portfolio_list li.hidden').animate({opacity: "1"},200).removeClass('hidden');
			$('ul.portfolio_list li.hidden').animate({opacity: "1"},200).removeClass('hidden');
		} else {
			$('ul#portfolio_list li').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).animate({opacity: "0.25"},200).addClass('hidden');
				} else {
					$(this).animate({opacity: "1"},200).removeClass('hidden');
				}
			});
			$('ul.portfolio_list li').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).animate({opacity: "0.25"},200).addClass('hidden');
				} else {
					$(this).animate({opacity: "1"},200).removeClass('hidden');
				}
			});
		}
		return false;
	});
	
	var formh = $('#footer_form').css('height');
	var kontakth = $('#footer_kontakt').css('height');
	var feedbackh = $('#footer_feedback').css('height');
	var hireh = $('#footer_hire').css('height');
	
	$('#footer_kontakt').css('height','35px');
	$('#footer_feedback').css('height','35px');
	$('#footer_hire').css('height','35px');
	
	$('#footer_form').click(function() {
		$(this).animate({
			height: formh
		},500);
		$('#footer_kontakt').animate({
			height: "35px"
		},500);
		$('#footer_feedback').animate({
			height: "35px"
		},500);
		$('#footer_hire').animate({
			height: "35px"
		},500);
	});
	$('#footer_kontakt').click(function() {
		$(this).animate({
			height: kontakth
		},500);
		$('#footer_form').animate({
			height: "35px"
		},500);
		$('#footer_feedback').animate({
			height: "35px"
		},500);
		$('#footer_hire').animate({
			height: "35px"
		},500);
	});
	$('#footer_feedback').click(function() {
		$(this).animate({
			height: feedbackh
		},500);
		$('#footer_form').animate({
			height: "35px"
		},500);
		$('#footer_kontakt').animate({
			height: "35px"
		},500);
		$('#footer_hire').animate({
			height: "35px"
		},500);
	});
	$('#footer_hire').click(function() {
		$(this).animate({
			height: hireh
		},500);
		$('#footer_form').animate({
			height: "35px"
		},500);
		$('#footer_kontakt').animate({
			height: "35px"
		},500);
		$('#footer_feedback').animate({
			height: "35px"
		},500);
	});
});