var t_scroll;
var oldPos = -1;
var bildzaehler = 2;
var anzahl = 0;

//Debugausgabe
var ausgabe = '';


function gibAnzahl(name) {
	var anzahl = 0;
	for (var i = 0; i < document.getElementById(name).childNodes.length; i++) {
		if (document.getElementById(name).childNodes[i].tagName == "DIV") anzahl++;
	}
	return anzahl;
}


function coverflow_scrollPics(direction, name) {
	var aktLeftWert = 0; 
	var leftWert = -10;
  var left = '';
  	
  if (anzahl == 0 && document.getElementById(name).childNodes.length > 0) anzahl = gibAnzahl(name);
		
 	if(document.getElementById("cf_img_"+bildzaehler)) document.getElementById("cf_img_"+bildzaehler).className = 'nichtaktiv';
	if(document.getElementById("cf_h1_"+bildzaehler)) document.getElementById("cf_h1_"+bildzaehler).style.display = 'none';
	if(document.getElementById("cf_h2_"+bildzaehler)) document.getElementById("cf_h2_"+bildzaehler).style.display = 'none';	
	if(document.getElementById("cf_link_"+bildzaehler)) document.getElementById("cf_link_"+bildzaehler).style.display = 'none';
  
	//Debugausgabe
	//ausgabe += anzahl;
	
	clearTimeout(t_scroll);
	
	if (document.getElementById(name)) {
		left = document.getElementById(name).style.left;
		aktLeftWert = parseInt(left);
		
		if (direction == "left") {
			leftWert = 10;
			aktLeftWert += leftWert;
			if (anzahl > 3 && aktLeftWert <= (oldPos-1)*-225) {
			  document.getElementById("rechts").style.display = 'block';
			  document.getElementById(name).style.left= aktLeftWert + "px";
			  t_scroll = setTimeout(function(){coverflow_scrollPics(direction, name);},1);
			} else if (oldPos > 0) {
				oldPos--;
		    bildzaehler--;
				
			document.getElementById(name).style.left = parseInt(document.getElementById(name).style.left) + 5 + "px";
		    
		    document.getElementById("cf_img_"+bildzaehler).className = 'aktiv';
  		  	document.getElementById("cf_h1_"+bildzaehler).style.display = 'block';
  		  	document.getElementById("cf_h2_"+bildzaehler).style.display = 'block';	  
		  	document.getElementById("cf_link_"+bildzaehler).style.display = 'block';
		
			} else if (oldPos <= 0 && bildzaehler > 1) {
				oldPos--;
		    bildzaehler--;
				
			document.getElementById("links").style.display = 'none';
		
		    document.getElementById(name).style.left = parseInt(document.getElementById(name).style.left) + 5 + "px";
		    document.getElementById("cf_img_"+bildzaehler).className = 'aktiv';
  		  	document.getElementById("cf_h1_"+bildzaehler).style.display = 'block';
  		  	document.getElementById("cf_h2_"+bildzaehler).style.display = 'block';	
			document.getElementById("cf_link_"+bildzaehler).style.display = 'block';

			}
		}
		
		if (direction == "right") {
			leftWert = -10;
			aktLeftWert += leftWert;
			if (anzahl > 3 && aktLeftWert > (oldPos * -225) - 225) {
				document.getElementById("links").style.display = 'block';
			  document.getElementById(name).style.left= aktLeftWert + "px";
			  t_scroll = setTimeout(function(){coverflow_scrollPics(direction, name);},1);
			} else if ((oldPos+3) < anzahl) {
				oldPos++;
		    bildzaehler++;
				
				document.getElementById(name).style.left = parseInt(document.getElementById(name).style.left) - 5 + "px";
				
				//ausgabe += "<p>OpdPos: " + anzahl + "</p>";
				//ausgabe += "<p>OpdPos: " + oldPos + "</p>";
				//ausgabe += "<p>Bildzähler: " + bildzaehler + "</p><p>&nbsp;</p>";
				
				//document.getElementById("cleardiv").innerHTML = ausgabe;
		    
				document.getElementById("cf_img_"+bildzaehler).className = 'aktiv';
  		  		document.getElementById("cf_h1_"+bildzaehler).style.display = 'block';
  		  		document.getElementById("cf_h2_"+bildzaehler).style.display = 'block';
  		  		document.getElementById("cf_link_"+bildzaehler).style.display = 'block';
				
			} else if (bildzaehler < anzahl) {
				oldPos++;
		    bildzaehler++;
				
				document.getElementById("rechts").style.display = 'none';
				
				document.getElementById(name).style.left = parseInt(document.getElementById(name).style.left) - 5 + "px";
		    	document.getElementById("cf_img_"+bildzaehler).className = 'aktiv';
  		  		document.getElementById("cf_h1_"+bildzaehler).style.display = 'block';
  		  		document.getElementById("cf_h2_"+bildzaehler).style.display = 'block';
		  		document.getElementById("cf_link_"+bildzaehler).style.display = 'block';
								
			}
		}
	}
}