$(document).ready(function(){

	// hover over articles
	$('.article').mouseover(function(event) {
		$(this).addClass('odd');
	})
	
	$('.article').mouseout(function(event) {
		$(this).removeClass('odd');
	})
	
	$('.arrowup').click(function(event) {
		var arrow = $(this);
		var showAll = arrow.parent().parent().next();
		var content = arrow.parent().parent().next().next();
		
		if(arrow.hasClass('open')) {
			arrow.addClass('close');
			arrow.removeClass('open');
			arrow.html($('<img src="img/gif/close.gif" alt="Kategorie schliessen" title="Kategorie schliessen" />'));
			content.show();
			showAll.show();
		} else {
			arrow.addClass('open');
			arrow.removeClass('close');
			arrow.html($('<img src="img/gif/open.gif" alt="Kategorie &ouml;ffnen" title="Kategorie  &ouml;ffnen" />'));
			content.hide();
			showAll.hide();
		}
	})
});