// Diese Funktion wird benötigt, um die Dropdown Navigation auch IE6-kompatibel zu machen.
$.fn.dropdown = function() {
	$(this).hover(function(){
		$(this).addClass("hover");
		$('> .dir',this).addClass("open");
		$('ul:first',this).css('visibility', 'visible');
	},function(){
		$(this).removeClass("hover");
		$('.open',this).removeClass("open");
		$('ul:first',this).css('visibility', 'hidden');
	});
}

// Diese Funktion berechnet die Breiten der Spalten im Col-System dynamisch
// Das Col-System benötigt ein Eltern-Element mit der Klasse .colsystem und n Kind-Elemente 
// mit der Klasse .col. 
// Alle Col-Elemente werden gleichmäßig aufgeteilt.
$.fn.colsystem = function() {
	// Beim ersten und letzen Element werden die Marings angepasst
	$(this).children('.col:first').addClass('alpha');
	$(this).children('.col:last').addClass('omega');
	
	// Ermittel die Anzahl an Spalten
	var items = $(this).children('.col').size();
	
	// Erechne die gesamte Breite aller Marings anhand
	var margins = parseInt($(this).children('.col:first').css('marginRight'));
	margins = margins * 2 * (items - 1);
	
	// Erechne die gesamte Breite aller Paddings
	var paddings = parseInt($(this).children('.col').css('paddingRight')) + parseInt($(this).children('.col').css('paddingLeft'));
	paddings = paddings * items;

	// Erechne korrekte Breite exkl. Margins für Spalten
	var size = ($(this).width() - margins - paddings) / items;
	
	// Setzt alle Spalten auf korrekte Breite (-1 für IE-FIX)
	$(this).children('.col').width(size);
}


$(document).ready(function(){
 	$("ul.dropdown li").dropdown();
	$(".colsystem").colsystem();
	$('.lightbox').lightBox();
});