var teaserActImage=-1;   
var teaserFaded=false;
var teaserTimeout=1000;

var teaserImages=new Array();
var teaserHTML=new Array();
var teaserAlt=new Array();
var teaserLink=new Array();

$(document).ready(function() {
	
	 var teaserFadeIV=setTimeout("teaserNext()",0);
			  
	$("#stichwort").autocomplete("ajax2.php", {
		width: 260,
		selectFirst: false
	}); 	  
			  
});  

function teaserNext() {

   // Interval clearen
   clearTimeout("teaserFadeIV");
   
   // Info ausblenden
   $("#teaser-info").fadeTo(500,0,function() {
   
      // Aktuelles Bild ausfaden
      $("#teaserImageAct").fadeTo(500,0,function() {
   
         // Nächstes Bild laden
         teaserActImage++;   
	  
         // teaserActImage auf 0 setzen falls größer als Array
         var teaserMaxAct=teaserImages.length-1;
         if (teaserActImage>teaserMaxAct) {
            teaserActImage=0;
         }
         
         // Bild und Info austauschen
         $("#teaserImageAct").attr("src", teaserImages[teaserActImage].src);
         $("#teaserImageAct").attr("alt", teaserAlt[teaserActImage]);
         $("#teaser-info-inner").html(teaserHTML[teaserActImage]);
         $("#teaserLink").attr("href", teaserLink[teaserActImage]);
   
         // Bild einfaden
         $("#teaserImageAct").fadeTo(500,1, function() {
		 
		    // Info einblenden
			$("#teaser-info").fadeTo(500,0.9);
		 
		 });	  
   
      });
   
   });
   
   // Interval setzen
   teaserFadeIV=setTimeout("teaserNext()",8000);
   
}