/**
 * @author Till
 */
var OverlayId = "";
			
$(document).ready(function(){
	
	var blendedIn = 0;
	
	$('.OverlayLink').click(function(){
		OverlayId = '#' + $(this).attr('id') + "_content";
		if (!$(OverlayId).hasClass('Aktiv')) {
			$(this).css('outline', '0');
			$(OverlayId).css('display', 'block').animate({
				'height': '130px'
			}, 500).toggleClass('Aktiv');
		}
		else {
			$(OverlayId).animate({'height': '0px'}, 500, function () {
				$(this).css({'display':'none'});
			}).removeClass('Aktiv');
		}
	});
	
	$('#MainNav a img').hover(function(){
		originalSource = $(this).attr('src');
		newSource = originalSource.replace('.','_hover.');
		$(this).attr('src',newSource);
	}, function() {
		$(this).attr('src',originalSource);
	});
	
	$('a.OverlayLink img').hover(function(){
		originalSource = $(this).attr('src');
		newSource = originalSource.replace('.','_hover.');
		$(this).attr('src',newSource);
	}, function() {
		$(this).attr('src',originalSource);
	});
});