$.noConflict();
jQuery(document).ready(function($) {

    // --------------------------------------
    // Main-Navi Pfeil Animation
    // --------------------------------------
    $(window).load(function () {	// sichergehen, dass wirklich alles geladen wurde, sonst stimmt die Position nicht
	    var $el, leftPos, newWidth,
	        $mainNav = $("#mainnavi ul");
	
	    $mainNav.append("<li id='mainnavi_arrow'></li>");
	    $mainNav.append("<li id='mainnavi_arrow_active'></li>");
	    var $magicLine = $("#mainnavi_arrow");
	    var $magicLineActive = $("#mainnavi_arrow_active");
	
	    if ($("#mainnavi li.active span").position() || $("#mainnavi li.trail a").position()) {
	        if ($("#mainnavi li.active span").offset()) {
	//        	alert('asdf');
	            leftPos = $("#mainnavi li.active span").position().left + $("#mainnavi li.active span").width() / 2;
	        } else {
	            leftPos = $("#mainnavi li.trail a").position().left + $("#mainnavi li.trail a").width() / 2;
	        }
	    } else {    // Main-Navi nicht aktiv
	        leftPos = -99;
	    }
	
	    $magicLine
	        .css("left", leftPos)
	        .data("origLeft", $magicLine.position().left);
	
	    $magicLineActive
	        .css("left", leftPos)
	//        .data("origLeft", $magicLine.position().left);
	
	    $("#mainnavi ul li a").hover(function() {
	        $el = $(this);
	        leftPos = $el.position().left - parseInt($el.css("padding-left")) + $el.parent().width() / 2;
	        $magicLine.stop().animate({
	            left: leftPos
	        });
	    }, function() {
	        $magicLine.stop().animate({
	            left: $magicLine.data("origLeft")
	        });
	    });
    });


    // --------------------------------------
    // Kurse: Tooltip
    // --------------------------------------
    $('.event_info').hover(
        function() {
            if ($(this).find('.event_body')) {
                // title, der automatisch gesetzt wird, leeren
                $(this).parent().attr('title','');
                eTop = $(this).find('.info_button').position().top;
                // kurz display auf block setzen, weil der IE sonst nicht die richtige Höhe kriegt
                $(this).find('.event_body').css('display','block');
                eHeight = $(this).find('.event_body').height() / 2;
                $(this).find('.event_body').css('display','none');
                eventTop = eTop - eHeight + 7;
                if ($(this).find('.info_button').hasClass('info_button_img')) {eventTop -= 2;}
                eventLeft = $(this).find('.info_button').position().left + 18;
                $(this).find('.event_body').css('top', eventTop);
                $(this).find('.event_body').css('left', eventLeft);
                $(this).find('.event_body').fadeIn(400);
            }
        },
        function() {
            if ($(this).find('.event_body')) {
                $(this).find('.event_body').fadeOut(400);
            }
        }
    );

    // --------------------------------------
    // Öffnungszeiten: Tooltip
    // --------------------------------------
	$('#oeffnungszeiten_tooltip').hover(
		function() {
			$(this).find('.content').stop(true,true).fadeIn(400);
		},
		function() {
			$(this).find('.content').stop(true,true).fadeOut(400);
		}
	);

    // --------------------------------------
    // BG-Bilder
    // --------------------------------------
    //	Supersized - Fullscreen Background jQuery Plugin
    //	Version 3.1.3 Core
    //	www.buildinternet.com/project/supersized
    //	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
    //	Released under MIT License / GPL License
    // --------------------------------------
    $.supersized({
        slides:  [{image: 'tl_files/layout/bg.jpg'}]
    });
});