/* automatic Teser-Fade */

var $ = jQuery.noConflict();

$(document).ready(function() {

  var currentPosition = 0;
  var slides = $('#teaser .teaserimg');
  var controls = $('#teaser #teasernav li');
  var numberOfSlides = slides.length;
  var hoverSlides = false; // to be implemented
  var timerInterval = null;
		 
		 
  $('#teaser #teasernav li a').each(function(i) {
	  $(this).bind('mouseenter', function() {
	  	manageControls(i);
	  	fadeSlides(i);
	  	currentPosition = i; 
	    hoverSlides = true;
	    clearTimeout(timerInterval);
	  });		 

	  $(this).bind('mouseleave', function() {
	    hoverSlides = false;
	    intervalTrigger(); 		
	  });
  });


  function manageControls(position) {
		controls.each(function(i) {
			if(i == position) {
				$(this).addClass('active');
			} else {
				$(this).removeClass('active');
			} 
		});
		intervalTrigger();
  }


  function fadeSlides(position) {
		slides.each(function(i) {
			if(i == position) {
				$(this).fadeIn();
			} else {
				$(this).fadeOut();
			} 
		});
  }
   
   
   // If no Mouseover - Auto-Slide
   function intervalTrigger() { 
   	  clearTimeout(timerInterval);
      timerInterval = setTimeout( function() { 
 		if(!hoverSlides) {
 			currentPosition = ++currentPosition % numberOfSlides;
			manageControls(currentPosition);
			fadeSlides(currentPosition);
 		}
      }, 7000 ); 
   }; 

   manageControls(currentPosition);
   intervalTrigger(); 
   		 
});