var elem = "#q";
var ani = true;

var anzahl = bilder.length;
var bild_nr = 1;	

$(document).ready(function(){	
	$(document).click(function(){
        ani = false;
    });
    
    //window.setTimeout(goOn, 3000);		
	window.setTimeout(replaceImg, 5000);	
});

function replaceImg() {
	var dura = 7000;
	//var dura = 1000;
	if (ani) {
		var q = elem;
		if (bild_nr <= 8) { q += '0'; } 
		q += (bild_nr+1);
		
		$("#navi_projekte").children().css("background-color", "#999");
		$(q).css("background-color", "white");		
    
        $("#bild").replaceWith("<span id=\"bild\"><img src=\"" + bilder[bild_nr] + "\" /></span>");
        $("#text").replaceWith("<div id=\"text\">" + texte[bild_nr] + "</div>");
    
        bild_nr++;	    
    
        if (bild_nr == anzahl) { bild_nr = 0; }
	
        //$("#huelle").fadeIn(50, timeOut);    
        window.setTimeout(replaceImg, dura);		
    }
}

function timeOut() {
	window.setTimeout(goOn, 5000);	
}

function goOn() {
    if (ani) {
        $("#huelle").fadeOut(50, replaceImg);
    }
}