// Konfiguration
var backgroundImagePath = '/fileadmin/system/slider/media';     // in diesem Ordner liegen die Hintergrundbilder
var initialDelay = 1000;                                        // Startverzögerung in Millisekunden
var slideDuration = 750;                                        // Effektdauer in Millisekunden
var slideOpacity = '0.8';                                       // Durchsichtigkeit der Slides

$(document).ready(function() {
        // Checken, ob es wirklich einen Slider gibt, sonst raus...
        if ($('#slider_main')) {
                initSlider();
        }
});

function setBackgroundImage(slideNum)
{
    $('#slider_main').css('background-image', "url('" + backgroundImagePath + "/bg" + slideNum + ".jpg')");
}

function showMenu()
{
    $('#slider_menu').css('marginRight', $('#slider_main').css('width'));
    $('#slider_menu').show();
    $('#slider_menu').animate({marginRight: '0px'}, slideDuration);
}

function showSlide(slideNum)
{
    setBackgroundImage(slideNum);
    hideSlides();
    $('#slide' + slideNum).addClass('selected');
    $('#slider' + slideNum).slideDown(slideDuration);
}

function initMenuButtons()
{
	// Breite der Buttons berechnen und setzen
	var sliderWidth = parseInt($('#slider_main').css('width'));
	var menubtnCount = $('#slider_menu li').length;
	var menubtnFloat = sliderWidth/menubtnCount;
	var menubtnWidth = parseInt(menubtnFloat);
	var diff = sliderWidth - menubtnWidth * menubtnCount;

	var count = 0;
	$('#slider_menu li span').each(function (index, elem) {
		count++;
		var width = menubtnWidth;
		if ( count == 1 ) {
			width = menubtnWidth + diff;
		}
		
		$('#' + elem.id).parent('li').css('width', width + 'px');
		// outer right menu button
		if ( count == menubtnCount ) {
		       if ( $('#' +elem.id).parent('li').hasClass('neu') ) {
			       $('#' +elem.id).parent('li').removeClass('neu');
			       $('#' +elem.id).parent('li').addClass('outerneu');
		       } else {
			       $('#' +elem.id).parent('li').addClass('outer');
		       }
		}
	});
}

function initialHide() {
    // alles verstecken
    $('#slider_menu, .slider_left, .slider_right, .slider_left_wide, .slider_right_wide').each(function (index, elem) {
            $('#' +elem.id).hide();
    });
}

function initialLoad()
{
    showMenu();
    showSlide(1);
}

function hideSlides()
{
    $('.slider_left, .slider_right, .slider_left_wide, .slider_right_wide').each(function (index, elem) {
            $('#' +elem.id).hide();
	    var num = elem.id.replace('slider', '');
	    $('#slide' + num).parent('li').removeClass('selected')
    });
}

function initSlider() {
    $('#slider_main').removeClass('default');
	$('#slider_main').css('overflow', 'hidden');
	// Hintergrundbild setzen
	setBackgroundImage(1);
	// alles verstecken
	initialHide();
	initMenuButtons();
        // Effekte initialisieren
	$('.slider_left, .slider_right, .slider_left_wide, .slider_right_wide').each(function (index, elem) {
            $('#' + elem.id).css('opacity', slideOpacity);
            var num = elem.id.replace('slider', '');
            if ( $('#slide' + num) ) {
                $('#slide' + num).parent('li').click(function() {
		     showSlide(num);	    
                 });
            }
        });

	setTimeout("initialLoad()", initialDelay);
}