var fadeObjects = null;
var fadeIndex = 1;
var fadeObjectsLength = 0;

var fadeInterval = 7000; // Millisek. von Bildwechsel zu Bildwechsel
var fadeSpeed = 2000; // Dauer des Fader-Übergangs
var fadeObject = 'ul.crossfader'; // Fade-Objekt   



function fade() {	
    if(fadeIndex >= fadeObjectsLength) {				
    	jQuery(fadeObjects[0]).fadeIn(fadeSpeed, function() {				
    		fadeIndex = 1;								
    		jQuery(fadeObjects).each(function(i, item) {
    			jQuery(item).show();
    		});						
    	});
    	jQuery('.controls span').removeClass("active");
    	jQuery('.controls span.ce0').addClass("active");				
    } else {
    	// Oberste Ebene ausblenden
    	jQuery(fadeObjects[fadeIndex - 1]).fadeOut(fadeSpeed, function() {				
    		fadeIndex += 1;				
    	});
    	jQuery('.controls span').removeClass("active");
    	jQuery('.controls span.ce' + fadeIndex).addClass("active");
    }			
}

jQuery.noConflict();

jQuery().ready(function() {	
	
				
    fadeObjects = jQuery(fadeObject).children();
    fadeObjectsLength = fadeObjects.length;			
   
    c_w = jQuery(fadeObjects[0]).find('img').attr('width');
    c_h = jQuery(fadeObjects[0]).find('img').attr('height');

    jQuery(fadeObjects).each(function(i, item) {
    	jQuery(item).addClass("e" + i).css({ "z-index" : 500-i, 'width' : c_w, 'height' : c_h });
    	jQuery("<span />").appendTo("#teaser .controls").addClass("ce"+i).attr({ "title" : 'Wechsel zu ' + jQuery(item).find('a').attr('title') });
    });
    jQuery(fadeObject).parent().css({ 'width' : c_w, 'height' : c_h });
    
    jQuery('.controls span.ce0').addClass("active");
    fader = window.setInterval("fade();", fadeInterval);
    
    jQuery('.controls span').click(function() {
        id = parseInt(jQuery(this).attr('class').replace("ce", "")); 
        fadeIndex = id+1;                  
        clearInterval(fader);                        
        jQuery('ul.crossfader li:lt('+id+')').hide();                        
        jQuery('ul.crossfader li.e'+id).show(); 
        jQuery('.controls span').removeClass("active");
    	jQuery(this).addClass("active");
    	
    	// x = window.setTimeout(function() { fader = window.setInterval("fade();", fadeInterval); }, 5000);
                                 
    }); 
});