// JavaScript Document

var anzahl_bilder;
var zaehler = 0;
	
		$(document).ready(function () {
            // Anzahl der Bilder in ul 
			anzahl_bilder = $("#cont li").length;
            // Breite des Containers ermiteln u. schreiben
			$("#bilder").css("width", anzahl_bilder * 655);
			//$("#schlagworte").append("this.id");
			//for (var i = 1; i <= anzahl_bilder - 1; i++) {
			//	$("#schlagworte").append(document.getElementsByTagName('li').id);
			//}
			//$("#Pics").append("<a href='#' id='infolink' class='NavMain' >projektinfo</a>")
			//$("#infolink").click(function () {
			    // $(this).toggleClass("NavMainAkt");
                // Inhalt von Projektinfo / Facts austauschen
                //$("p").toggle();
                // Link auf aktuell setzen
      			//setClass('infolink','NavMainAkt')
                // Link-Text austauschen
                //switchCont('infolink','projektinfo','projektdaten');
			//});
		});
	
		function navigation (index) {	
			zaehler = index;
			animation (-655);
		}
        
        
        // Dateinamen des Logo-Bildes ermitteln
        function getBKGimage(){
                // Dateinamen des Bildes ermitteln
                var logoURL=(document.images[zaehler].src);
                // Dateinamen für das Logo umschreiben
                logoURL=logoURL.replace(/jpg/g, "gif");
                logoURL=logoURL.replace(/titelseite/g, "titelseite/text");
                logoURL=logoURL.replace(/http:\/\/www.ropertz-partner.de\/_rpp-v4\/images/g, "images");
                //alert(logoURL);
                //setCSS('Logo','backgroundImage','url(logoURL)');
                document.getElementById('Logo').style.backgroundImage='url('+logoURL+')';
                //alert(document.getElementById('Logo').style.backgroundImage);
                //setCSS('Logo','backgroundImage','url(images/titelseite/text/mut.gif)');
                
            
        }
		
        
        // Animation starten
		function naechstes () {
			if (zaehler <= anzahl_bilder - 2) {
				zaehler = zaehler + 1;
                // erst das Logo ändern, dann die Animation starten
                
                //$('#Logo').fadeTo( {duration: '0.00000000000000003'}, 0.1 )
                //$('#Logo').fadeTo( '0.00000000000003', 1, getBKGimage() )
               // $('#Logo').fadeIn({},30, getBKGimage() );

                
                
              getBKGimage();
                // Animation starten
                animation (-655);
                
			}
			else {
				zaehler = 0;
                // erst das Logo ändern, dann die Animation starten
                getBKGimage();
                // Animation starten
				animation (0);
			}
		}
		
		//function highlight (index) {
		//	$('.NavPicAkt').removeClass("NavPicAkt").addClass("NavPic");
		//	$("#navlink" + index).removeClass("NavPic").addClass("NavPicAkt");
            // classe von infolink zurücksetzen
        //   setClass('infolink','NavMain')
		//}
		
		function animation (verschiebung) {
			$('#bilder')
			.animate(
			// geändert Markus, statt left, marginLeft ansprechen
					{ marginLeft: verschiebung * zaehler}, {
 					duration: '1000',
					 easing: 'easeInOutExpo'
				})
			//highlight (zaehler)
 //           $('#bilder').animate({ marginLeft: verschiebung * zaehler }, 500 );

		}