// javascript zu slideshow

$(document).ready(function(){

	

/* ========================================================================= */

/* ========================= SLIDESHOW PROGRAMMING ========================= */

/* ========================================================================= */																 

var actualPosition = 0;

var slideWidth = 732;

var slides = $('.slider')

var slideNumbers = slides.length;


// Um die Scrollbar zu entfernen

$('#slidecontainer').css('overflow', 'hidden');



// Alle .slider mit einem div umgeben (#slideInner) und horizontal anzeigen

slides

.wrapAll('<div id="slideInner"></div>')

.css({

	'float' : 'left',

	'width' : slideWidth

});



// Die breite von #slideInner gleichsetzen mit der Gesamtbreite aller slider

$('#slideInner').css('width', slideWidth * slideNumbers);



// Buttons in das DOM einf�gen

$('#slidecontainer')

	.prepend('<div class="control" id="controlL"></div>')

	.append('<div class="control" id="controlR"></div>');



// manageControls zeigt oder versteckt die Buttons abh�ngig von position

// Die Zahlen hinter hide() und show() geben die dauer in Millisekunden an

	function manageControls(position){

		// Versteckt den linken Button wenn position = erstes slide

		if (position==0){ $('#controlL').hide(1); }

		else { $('#controlL').show(1); }

		// Versteckt den rechten Button wenn position = letztes slide

		if (position==slideNumbers-1){ $('#controlR').hide(1); }

		else { $('#controlR').show(1); }

	}

		

// Zur�ckbutton beim ersten Laden verstecken 



manageControls(actualPosition);



// Auf das click()-Event des Buttons reagieren

$('.control')

	.click(function(){

		// Die neue Position feststellen

		actualPosition = ($(this).attr('id')=='controlR') ? actualPosition+1 : actualPosition-1;

		// Buttons zeigen oder verstecken

		manageControls(actualPosition);

		// #slideInner �ber margin-left bewegen

		// Die letzte Zahl gibt die Animationsdauer in Millisekunden an

		$('#slideInner').animate({

			'marginLeft' : slideWidth*(-actualPosition)

		}, 500);		

	});

	

	

/* ========================================================================= */

/* ====================== FOR CONTENT LOGO ANIMATION ======================= */

/* ========================================================================= */



var maxDown = $('.logoslider').outerHeight();

var moveSpeed = 500;

		

$('.logoslide_container').hover(function(){

		$(this).find('.logoslider').animate({top : maxDown }, {queue:false, duration:moveSpeed});

	}, function (){

		$(this).find('.logoslider').animate({top : '0px'}, {queue:false, duration:moveSpeed});

});



/* ========================================================================= */

/* ========================================================================= */



/* ========================================================================= */

/* ======================= FOR FOOTER LOGO ANIMATION ======================= */

/* ========================================================================= */



var fadeSpeed = 6000;



function fadeDivs(){

		$('#footerlogos_1').delay(fadeSpeed).fadeOut('slow', function() {

			$('#footerlogos_2').fadeIn('slow');

			$('#footerlogos_2').delay(fadeSpeed).fadeOut('slow', function () {

				$('#footerlogos_3').fadeIn('slow');

				$('#footerlogos_3').delay(fadeSpeed).fadeOut('slow', function () {

					$('#footerlogos_4').fadeIn('slow');

					$('#footerlogos_4').delay(fadeSpeed).fadeOut('slow', function () {

						$('#footerlogos_5').fadeIn('slow');

						$('#footerlogos_5').delay(fadeSpeed).fadeOut('slow', function () {

							$('#footerlogos_6').fadeIn('slow');

							$('#footerlogos_6').delay(fadeSpeed).fadeOut('slow', function () {

								$('#footerlogos_7').fadeIn('slow');

								$('#footerlogos_7').delay(fadeSpeed).fadeOut('slow', function () {

									//$('#footerlogos_8').fadeIn('slow');

									//$('#footerlogos_8').delay(fadeSpeed).fadeOut('slow', function () {

										$('#footerlogos_1').fadeIn('slow', fadeDivs);

									//});

								});

							});

						});

					});

				});

			});

		});

	}

	

fadeDivs();	



/* ========================================================================= */

/* ========================================================================= */

	

});