// 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-2);
}


$(document).ready(function(){
	$('.colsystem').colsystem();
	$("#nav > li").dropdown();
	$(".navService > li:first").css('border', '0');
});