// JavaScript Document

var fadingFlag = false; // zum verhindern eines weiteren klicks waehrend des fade vorgangs

var imgCssStack = new Array('#midPicImg-A', '#midPicImg-B');

var reverse = false; // flag f?r die bl?tterrichtung

var ieFlashVars="";

var wsPlayer;

function getScriptState(){
    return true;
}

jQuery(document).ready(function(){
        wsPlayer = document.getElementsByTagName('object')[0];
        jQuery('#wsStand').html("Stand: <strong>"+stand+"</strong>");
	initMidControls();// controls html fuer die mittlere darstellung setzen
	setStartPic(); // zum start erstes bild eisnetzen
	mkThumbList(); // liste der thumbs generieren
	setImgWidths();
        menuActive();
	
	/* Delegate Funktion zum identifizieren von Klickevents */
	jQuery.delegate = function(rules) {
	  return function(e) {
	    var target = jQuery(e.target);
	    for (var selector in rules)
	      if (target.is(selector)) return rules[selector].apply(this, jQuery.makeArray(arguments));
	  }
	}
	
	/* Verarbeitung der Klick Events */
   // Allgemeine Events delegieren
   
   // klick auf ein thumbnail
   jQuery('#items').click(jQuery.delegate({
          '.thumb' : function(e) {showMidE(e);}
	}));
	
   // tastendruck auf ein thumbnail
   jQuery('#items').keypress(jQuery.delegate({
          '.thumbLink' : function(e) {thumbKeyPress(e);}
	}));

        // weiterbl?ttern
	jQuery('#smalClickRight').click(function(){
		clearTimeout(slideshowId);
		if (reverse == true){
			reverse = false;
		}
		nextMid();
	});
	
	jQuery('#nextLink').click(function(){
		clearTimeout(slideshowId);
		if (reverse == true){
			reverse = false;
		}
		nextMid();
		setMidImgWidths();
		return false;
	});
	
	// zur?ckbl?ttern
	jQuery('#smalClickLeft').click(function(){
		clearTimeout(slideshowId);
		if (reverse == false){
			reverse = true;
		}
		prevMid();
		setMidImgWidths();
	});
	
	jQuery('#smal_arrowAuto').click(function(){
		if (slideOn==false){
			jQuery('#play-pause').html("Pause");
                        loadIVW_diaschau();
			//slideshowId = setInterval("nextMid()", slideinterval);
                        if (picSoundTime[actPicIndex] && picSoundTime[actPicIndex] != ""){
			   slideshowId = setTimeout("nextMid()", mkRealSildeTime(picSoundTime[actPicIndex]));
                           //console.log("id:"+slideshowId+" - warte "+mkRealSildeTime(picSoundTime[actPicIndex])+" msek");
                        } else {
                           slideshowId = setTimeout("nextMid()", slideinterval);
                           //console.log("id:"+slideshowId+" - warte "+slideinterval+" msek");
                        }
			slideOn=true;
                        
			/* player starten ... */
                        if (gallerieSound == ""){
			  if ( picSound[actPicIndex] == "" ){
                                
				jQuery('#swf').hide();
			  } else if (gallerieSound != ""){
                                
				jQuery('#swf').show();
			  }
                        }
		} else {
			jQuery('#play-pause').html("Fortsetzen");
			clearTimeout(slideshowId);
			slideOn=false;
		}
	});

	//initSound();
	changePlayer(actPicIndex);
        setTimeout("centerImages()",950);        
        setTimeout("centerImages()",2000);
        setTimeout("centerImages()",4000);
	
}); // ende - document.ready()

/**********************************************************************************************/

function mkRealSildeTime(timestr){
    var timeAr = timestr.split(":");
    var stime = timeAr[0]*60;
    var plus=4; // defaultwert, falls alte feldbeschreibung verwendet wird.

    if (typeof audioPlusTime != "undefined" && audioPlusTime != ""){
       plus = 1*audioPlusTime;
    }
    stime = stime + (1*timeAr[1]) + plus;
    return stime*1000;
}

// Links zum Bild

function setPicLinks(){
  if (typeof(bildLinks) == 'undefined'){
    return;
  }
  // erstmal pauschal ausblenden
  jQuery('#linksZumBildRahmen').fadeOut();
  jQuery('#linksZumBildRahmen').replaceWith("");

  var position;
  // feststellen ob schon allg. links da sind
  if (jQuery('.wsWTCont').html() == null){
    // wenn nicht, dann muss vor #wsstand eingefuegt werden
    position="#wsStand";
  } else {
    // wenn ja, dann muss vor diesen eingefuegt werden
    position=".wsWTCont";
  }

  if (bildLinks[actPicIndex].length > 0){
    jQuery(position).before('<div id="linksZumBildRahmen" class="wsWTCont"><div id="linksZumBildHead" class="wsWT"><h2>'+linksZumBildHeadline+'</h2></div><ul class="wsLinkliste" id="linksZumBild"></ul></div>\n');

  
    for (i=0; i<bildLinks[actPicIndex].length; i++){
        jQuery('#linksZumBild').append(bildLinks[actPicIndex][i]);
    }
    jQuery('#linksZumBildRahmen').fadeIn();
    
  } 
}

// wenn enter gedr?ckt wird... - zur auswahl der thumbs per tab-taste
function thumbKeyPress(e){
   if (e.which == 13){
      showMidE(e);
   }
}

// speichert den index des aktuellen bildes anhand eines geklickten thumbnails.
function saveIndex(e){
	$imgObj = e.target;

        savePath="";
        if (typeof($imgObj.src)=="undefined"){
          savePath=""+$imgObj; // typecast mit ""+ weil imgObj hier ein Object und kein String ist!
        } else {
          savePath=$imgObj.src;
        }

	klickName = savePath.substring( savePath.lastIndexOf("/")+1, savePath.length-6 );

	for (i = 0; i < picName.length; i++){ 
		if (picName[i] == klickName){
			actPicIndex = i;
			break;
		}
	}
	jQuery('.anzahl').html((actPicIndex+1)+"/"+picName.length);
}

// setzt nach dem laden der seite das erste bild in der mittleren ansicht
function setStartPic(){
	jQuery('#zeit').hide();
	path = picPath[picName[actPicIndex]]+picName[actPicIndex]+"_m.jpg";
	pathTitle = picAlt[actPicIndex]; //picTitle[0];
	bigPath = picPath[picName[actPicIndex]]+picName[actPicIndex]+"_l.jpg"; /* fuer das href attribut, das wird von lightbox ausgewertet */
	nextPath = picPath[picName[actPicIndex+1]]+picName[actPicIndex+1]+"_m.jpg";
	nextPathTitle = picAlt[actPicIndex+1]; //picTitle[1];
	
	jQuery('#ueberschrift').html(galerieName);
	
	jQuery('#midPicImg-B').hide();
	
	jQuery('#midPicImg-B').css('z-index','3');
	jQuery('#midPicImg-A').css('z-index','1');
	
	jQuery('#midPicImg-A').attr('src', path);
	jQuery('#midPicImg-A').attr('title', pathTitle);
	jQuery('#midPicImg-A').attr('alt', picAlt[actPicIndex]);
	
	jQuery('#midPicImg-B').attr('src', nextPath);
	jQuery('#midPicImg-B').attr('title', nextPathTitle);
	jQuery('#midPicImg-B').attr('alt', picAlt[actPicIndex+1]);
	
	jQuery('#bild_texte p').html(picText[picName[actPicIndex]]);
	jQuery('.anzahl').html('1/'+picName.length);
	if (picSound[0]){
		jQuery('#swf').css('display','block');
		changePlayer(0);
	}
	jQuery('.bigLink').attr('href',bigPath); /* fuer lightbox */
	

        jQuery('a.bigLink').lightBox();
	
        jQuery('.anzahl').html((actPicIndex+1)+"/"+picName.length);

        // falls vorhanden, die links zum bild generieren.
        setPicLinks();

        jQuery('img#midPicImg-A').load(setMidImgWidths());
        jQuery('img#midPicImg-A').load(centerImages());
        jQuery('img#midPicImg-B').load(setMidImgWidths());
        jQuery('img#midPicImg-B').load(centerImages());

        // zur sicherheit um darstellungsprobleme im IE8 zu buegeln
        setTimeout("centerImages()",2000);

        // Zählpixel für aktuelles bild aufrufen
        loadIVW_m();
}

// Zählpixel für jedes neue Bild wiederholt laden.
function loadIVW_m(){
       var link = "http://wdr.ivwbox.de/cgi-bin/ivw/CP;"+window.location.href.replace(/http:\/\//g, "");
       var ivwLink = link.substr(0,link.indexOf(".jsp"))+".p="+actPicIndex+".jsp";
       var ivwImage = new Image();
       ivwImage.src = ivwLink;
}

function loadIVW_diaschau(){
       var ivwLink = "http://wdr.ivwbox.de/cgi-bin/ivw/CP;"+window.location.href.replace(/http:\/\//g, "")+"?DIASCHAU";
       var ivwImage = new Image();
       ivwImage.src = ivwLink;
}

// zeigt das mittlere bild nach klick auf ein thumb an.
function showMidE(e){
	/*ausfaden, bild tauschen, einfaden*/
	saveIndex(e);
	name = picName[actPicIndex];
	nextName = picName[actPicIndex+1];
	
	path = picPath[name]+name+"_m.jpg";
	pathTitle = picTitle[actPicIndex];
	
	bigPath = picPath[name]+name+"_l.jpg";
	
	nextPath = picPath[nextName]+nextName+"_m.jpg";
	nextPathTitle = picAlt[actPicIndex+1]; //picTitle[actPicIndex+1];
	nextAlt = picAlt[actPicIndex+1];
	
	if (jQuery(imgCssStack[1]).css('z-index') == '1'){ // A ist zu sehen
		jQuery(imgCssStack[0]).hide();
		jQuery(imgCssStack[1]).hide();
		jQuery(imgCssStack[1]).attr('src', path);
		//der timeout muss sein, weil sonst die zentrierung parallel zum neuladen des bildes geschieht; und das ruckelt!
		setTimeout(function(){
			jQuery(imgCssStack[0]).fadeOut("slow", function(){jQuery(imgCssStack[1]).fadeIn("slow");});
			jQuery(imgCssStack[0]).css('z-index','3');
			jQuery(imgCssStack[1]).css('z-index','1');
			
			jQuery(imgCssStack[0]).attr('src', nextPath);
			jQuery(imgCssStack[0]).attr('title', nextPathTitle);
			jQuery(imgCssStack[0]).attr('alt', nextAlt);
			
			jQuery('#bild_texte').html("<p>"+picText[name]+"</p>");
                        jQuery(imgCssStack[1]).attr('title',picTitle[actPicIndex]);
			jQuery(imgCssStack[1]).fadeIn("slow");
                        
		},200);
		
	}else{ // A liegt oben
		jQuery(imgCssStack[1]).hide();
		jQuery(imgCssStack[0]).hide();
		jQuery(imgCssStack[0]).attr('src', path);
		//der timeout muss sein, weil sonst die zentrierung parallel zum neuladen des bildes geschieht; und das ruckelt!
		setTimeout(function(){
			jQuery(imgCssStack[1]).fadeOut("slow", function(){jQuery(imgCssStack[0]).fadeIn("slow");});
			jQuery(imgCssStack[1]).css('z-index','3');
			jQuery(imgCssStack[0]).css('z-index','1');
			
			jQuery(imgCssStack[1]).attr('src', nextPath);
			jQuery(imgCssStack[1]).attr('title', nextPathTitle);
			jQuery(imgCssStack[1]).attr('alt', nextAlt);
			jQuery('#bild_texte').html("<p>"+picText[name]+"</p>");
		},200);
		
		jQuery(imgCssStack[0]).attr('title',picTitle[actPicIndex]);
		
	}
	
	jQuery('.bigLink').attr('href', bigPath);
	
	changePlayer(actPicIndex);
	
	setTimeout("centerImages()",50);
	setTimeout("centerImages()",250);
	setTimeout("setMidImgWidths()",50);
	checkControls();
        setPicLinks();
        loadIVW_m();
}

function changeMid(e){
		
	path = jQuery(e.target).attr('src');
			
	path2 = path.substring(0, path.length-6); /* der Pfad ohne _m.jpg Suffix */
	path1 = path2.substring( path2.lastIndexOf("/")+1); /* der blanke Name des Bildes als Schluessel zum TextArray */
	
	x=0;
	for (var i=0 ; i<picName.length ; i++){
		if (picName[i] == path1){
			x=i+1; break;
		}
	}
	
	name=path.substr(0, path.length-6);
	path = name + "_m.jpg";
	pathBig = name + "_l.jpg";
	jQuery('#midPicImg-A').attr('src', path);
	jQuery('#midPicImg-A').attr('title', picTitle [picName [actPicIndex] ] );
	jQuery('#midPicImg-A').attr('alt', picAlt[actPicIndex] );
	
	
	jQuery('.bigLink').attr('href', pathBig);
	jQuery('#bild_texte p').html(picText[path1]);
	
	if ( x<picName.length-1 ){
		jQuery('.anzahl').html(x+"/"+picName.length);
	}
	setTimeout("setMidImgWidths()",150);
	checkControls();
        setPicLinks();
        loadIVW_m();
}

// setzt das anzeigebild auf den angegebenen index
function changeMid2Index(i){
	actPicIndex = i;
	name =  picName[i];
	path = picPath[name]+name+"_m.jpg";
	pathBig = picPath[name]+name+"_l.jpg";
	
	if (jQuery('#midPicImg-A').css('z-index') == '1'){
		jQuery('#midPicImg-A').attr('src', path);
		
		jQuery('#midPicImg-A').attr('title', picTitle [picName [actPicIndex] ] );
		jQuery('#midPicImg-A').attr('alt', picAlt[actPicIndex]);
		jQuery('.bigLink').attr('href', pathBig);
		jQuery('#bild_texte p').html(picText[name]);
		
	} else {
		jQuery('#midPicImg-B').attr('src', path);
		
		jQuery('#midPicImg-B').attr('title', picTitle [picName [actPicIndex] ] );
		jQuery('#midPicImg-B').attr('alt', picAlt[actPicIndex] );
		jQuery('.bigLink').attr('href', pathBig);
		jQuery('#bild_texte p').html(picText[name]);
		
	}
	jQuery('.anzahl').html((actPicIndex+1)+"/"+picName.length);
	setTimeout("setMidImgWidths()",150);
	checkControls();
        setPicLinks();
        loadIVW_m();
}

// erzeugt die liste der thumbnails
function mkThumbList(){
	i=1;
	jQuery.each(picName, function(){

          	if (typeof picExt == "undefined"){
		   name = this+"_s.jpg";
                } else {
		   name = this+"_s."+picExt[i-1];
                }
		text = picText[this];
		code='<li><a href="'+picPath[this]+name+'" onclick="return false;" class="thumbLink" title="Foto vergr&ouml;&szlig;ern '+picAlt[i-1]+'"><img class="thumb" src="'+picPath[this]+name+'" alt="'+picAlt[i-1]+'" title="Foto vergr&ouml;&szlig;ern '+picAlt[i-1]+'" /></a></li>';
		jQuery('#items').append(code);
		i++;
	});
        jQuery('img.thumb').load(setImgWidths());
}


// zentrieren beider bilder in der mittleren ansicht
// lieber zu oft als zu selten aufrufen! *zwinker*
function centerImages(){
    setTimeout(function(){
	if (jQuery(imgCssStack[1]).attr('width') < jQuery(imgCssStack[1]).attr('height')){
		jQuery(imgCssStack[1]).css('left', distMidleftUP);
	} else {
		jQuery(imgCssStack[1]).css('left', distMidleftACCROSS);
	}
						
	if (jQuery(imgCssStack[0]).attr('width') < jQuery(imgCssStack[0]).attr('height')){
		jQuery(imgCssStack[0]).css('left', distMidleftUP);
	} else {
		jQuery(imgCssStack[0]).css('left', distMidleftACCROSS);
	}
    },60);
}

// zur?ckbl?ttern
function prevMid(){
	if ( actPicIndex<=picName.length && actPicIndex > 0 && fadingFlag == false){
		actPicIndex--;
		code = (actPicIndex+1)+"/"+picName.length;
		jQuery('.anzahl').html(code);
	} else {
		return;
	}
		
		centerImages();
		
		prevTitle = "";
		
			if (actPicIndex < picName.length && actPicIndex >=0){
				prevPath = picPath[picName[actPicIndex]]+picName[actPicIndex];
				
				prevTitle = picAlt[actPicIndex]; 
				prevAlt = picAlt[actPicIndex];

				bigPath = picPath[picName[actPicIndex]]+picName[actPicIndex];
				bigPathText = picText[picName[actPicIndex]];
			}
			
			changePlayer(actPicIndex);
			
			/*** neue blende ***/
			
			prevImgPath = prevPath+'_m.jpg';
			centerImages();
			if (jQuery(imgCssStack[0]).css('z-index') == '1'){ // A ist sichtbar - B liegt oben (unsichtbar)
			
				fadingFlag=true;
					savePath = jQuery(imgCssStack[0]).attr('src');
					
					saveAlt = jQuery(imgCssStack[0]).attr('alt');
					saveTitle = jQuery(imgCssStack[0]).attr('title');
					
					jQuery(imgCssStack[1]).attr('src', prevImgPath);
					jQuery(imgCssStack[1]).attr('alt', prevTitle);
					jQuery(imgCssStack[1]).attr('title', prevTitle);
					
					jQuery('#bild_texte').html("<p>"+bigPathText+"</p>");
				
					// der timeout ist nötig, weil centerImages sonst parallel zum austausch von src ausgeführt wird
					// ... und das führt zu ruckeln.
					setTimeout(function(){
					centerImages();
					jQuery(imgCssStack[1]).fadeIn(fade, function() {
						jQuery(imgCssStack[0]).hide();
						
						if (actPicIndex < jQuery('.thumb').length && actPicIndex > 0){
							jQuery(imgCssStack[0]).attr('src', savePath);
							jQuery(imgCssStack[0]).attr('alt', saveAlt);
							jQuery(imgCssStack[0]).attr('title', saveTitle);
						}
						
						if (actPicIndex == 1){
							jQuery(imgCssStack[0]).attr('src', picPath[picName[1]]+picName[1]+"_m.jpg");
							jQuery(imgCssStack[0]).attr('alt', picAlt[1]);
							jQuery(imgCssStack[0]).attr('title', picAlt[1]);
						}
						centerImages();
						jQuery(imgCssStack[0]).css('z-index', '3');
						jQuery(imgCssStack[1]).css('z-index', '1');
						fadingFlag = false;
					});
				
				centerImages();
				jQuery(imgCssStack[0]).fadeOut(fade-300);
				
				}, 200);
				
			} else { // B ist sichtbar - A liegt oben (unsichtbar)
			
				
				fadingFlag=true;
				savePath = jQuery(imgCssStack[1]).attr('src');
				
				saveAlt = jQuery(imgCssStack[1]).attr('alt');
				saveTitle = jQuery(imgCssStack[1]).attr('title');				
				
				jQuery(imgCssStack[0]).attr('src', prevImgPath);
				jQuery(imgCssStack[0]).attr('alt', prevTitle);
				jQuery(imgCssStack[0]).attr('title', prevTitle);
				
				jQuery('#bild_texte').html("<p>"+bigPathText+"</p>");
				
				setTimeout(function(){centerImages();},200);
				// der timeout ist nötig, weil centerImages sonst parallel zum austausch von src ausgeführt wird
				// ... und das führt zu ruckeln.
				setTimeout(function(){
				centerImages();
				jQuery(imgCssStack[0]).fadeIn(fade, function() {
					jQuery(imgCssStack[1]).hide();
					
					if (actPicIndex < jQuery('.thumb').length  && actPicIndex > 0){
						jQuery(imgCssStack[1]).attr('src', prevImgPath);
						jQuery(imgCssStack[1]).attr('alt', saveAlt);
						jQuery(imgCssStack[1]).attr('title', saveTitle);
					}
					
					if (actPicIndex == 1){
						jQuery(imgCssStack[1]).attr('src', picPath[picName[1]]+picName[1]+"_m.jpg");
						jQuery(imgCssStack[0]).attr('alt', picAlt[1]);
						jQuery(imgCssStack[0]).attr('title', picAlt[1]);

					}
					
					jQuery(imgCssStack[1]).css('z-index', '3');
					jQuery(imgCssStack[0]).css('z-index', '1');
					fadingFlag = false;
					centerImages();
				});
				centerImages();
				jQuery(imgCssStack[1]).fadeOut(fade-300);
				
				}, 200);
				
			}

			
			/*** ende - neue blende ***/

			centerImages();
			
			jQuery('#ueberschrift').html(galerieName);
			jQuery('.bigLink').attr('href', bigPath+"_l.jpg");
			if (i == picName.length-1){
				clearTimeout(slideshowId);
			}
	centerImages();
	setMidImgWidths();
	checkControls();
        setPicLinks();
        loadIVW_m();
}

// vorbl?ttern
function nextMid(){
	// im falle einer diashow wird beim erreichen des letzten bildes das intervall  gel?scht und der button auf "Diaschau" gesetzt.
	
	if (actPicIndex+1 == picName.length){
		overviewPath = reddir+wellenPfade[welle]+"/index.jsp";
		window.location.href = overviewPath;	
	}
	
	if (slideOn && (actPicIndex+1) >= picName.length){
		jQuery('#play-pause').html("Diashau");
		clearTimeoutl(slideshowId);
		slideOn=false;
	}

	if ( (actPicIndex+1) < picName.length && actPicIndex >= 0 && fadingFlag == false){
		actPicIndex++;
		code = (actPicIndex+1)+"/"+picName.length;
		jQuery('.anzahl').html(code);
		// den pfad zur Uebersicht konstruieren

	} else {
		return;
	}
	
	
	
			if (actPicIndex < picName.length){
				aPath = picPath[picName[actPicIndex+1]]+picName[actPicIndex+1];
				bigPath = picPath[picName[actPicIndex]]+picName[actPicIndex];
				bigPathText = picText[picName[actPicIndex]];
			}
			
			/*** neue blende ***/
			
			nextImgPath = aPath+'_m.jpg';
                        nextTitle = picAlt[actPicIndex+1]; //picTitle[actPicIndex+1];
			nextAlt = picAlt[actPicIndex+1];

			if (jQuery(imgCssStack[0]).css('z-index') == '1'){ // A liegt oben
				        fadingFlag = true;
					centerImages();
                                        jQuery('#bild_texte').html("<p>"+bigPathText+"</p>");
					jQuery(imgCssStack[1]).fadeIn(fade, function() {
						// beim faden pfeil ausgrauen
						//jQuery('#smalClickRight').attr('src', reddir+'nav/2006/icons/saml_grau.gif');
						
						jQuery(imgCssStack[0]).hide();
						

						if (actPicIndex < jQuery('.thumb').length){
							// neues bild im hide-modus laden
							jQuery(imgCssStack[0]).attr('src', nextImgPath);
							
							
							
							jQuery(imgCssStack[0]).attr('alt',nextAlt); // hier muss noch der alt-tag aus den metadaten her
							jQuery(imgCssStack[0]).attr('title',nextTitle);
                                                        //jQuery('#bild_texte').html("<p>"+bigPathText+"</p>");
							// skalieren
							//centerImages();
							
							var img = new Image();
							img.src=jQuery(imgCssStack[0]).attr('src');
							
							img.onload=function(){
								centerImages();
							};
							
						}
						centerImages();
						jQuery(imgCssStack[0]).css('z-index', '3');
						jQuery(imgCssStack[1]).css('z-index', '1');
						fadingFlag=false;
					});
				
					jQuery(imgCssStack[0]).fadeOut(fade-300);
					//jQuery('bild_texte').html("<p>"+picTitle[actPicIndex]+"</p>");
				
			} else { // B liegt oben
				fadingFlag = true;
				centerImages();
                                jQuery('#bild_texte').html("<p>"+bigPathText+"</p>");
				jQuery(imgCssStack[0]).fadeIn(fade, function() {
					jQuery(imgCssStack[1]).hide();
					
					if (actPicIndex < jQuery('.thumb').length){
						jQuery(imgCssStack[1]).attr('src', nextImgPath);
						
						jQuery(imgCssStack[1]).attr('alt',nextAlt); // hier muss noch der alt-tag aus den metadaten her
                                                jQuery(imgCssStack[1]).attr('title',nextTitle);
						//jQuery('#bild_texte').html("<p>"+bigPathText+"</p>");
						// skalieren
						//centerImages();
						
						var img = new Image();
						img.src=jQuery(imgCssStack[1]).attr('src');
						img.onload=function(){
							centerImages();
						};
							
					}
					centerImages();
					jQuery(imgCssStack[1]).css('z-index', '3');
					jQuery(imgCssStack[0]).css('z-index', '1');
					fadingFlag=false;
				});
				
				jQuery(imgCssStack[1]).fadeOut(fade-300);
			}

			centerImages();
			/*** ende - neue blende ***/
			
			changePlayer(actPicIndex);
			/*
			if (picSound[actPicIndex] && gallerieSound == ""){
				// sound im player austauschen 
				jQuery('#swf').show();
			} else {
				jQuery('#swf').hide();
				jQuery('#zeit').hide();
                                stopAllSounds();
			}*/
			
			jQuery('#ueberschrift').html(galerieName);
			jQuery('.bigLink').attr('href', bigPath+"_l.jpg");
			if (i == picName.length-1){
				clearTimeout(slideshowId);
			}
			
	centerImages();
	setTimeout("setMidImgWidths()",100);
	checkControls();
        loadIVW_m();
        setPicLinks();
        if (slideOn && (actPicIndex+1) < picName.length){

                        if (picSoundTime[actPicIndex] && picSoundTime[actPicIndex] != ""){
			   slideshowId = setTimeout("nextMid()", mkRealSildeTime(picSoundTime[actPicIndex]));
                           //console.log("id:"+slideshowId+" - warte "+mkRealSildeTime(picSoundTime[actPicIndex])+" msek");
                        } else {
                           slideshowId = setTimeout("nextMid()", slideinterval);
                           //console.log("id:"+slideshowId+" - warte "+slideinterval+" msek");
                        }
                
        }
}

/* sound im player austauschen */
function changePlayer(i){
	// sound nur wechseln, wenn kein uebergreifender sound angegeben ist.
	if (gallerieSound==""){
		// kein galerieweiter sound.
		if(jQuery.browser.msie){
			    ieFlashVars=playerUrl+replace(flashVars, "xxx.mp3", picSound[i]);
                            ieObject = '<object class="wsAudio" width="124" height="24" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"id="wsFlashPlugin" class="wsIMG384b"><param id="fmovie" name="movie" value="'+ieFlashVars+'" /><param name="base" value="http://www.wdr.de/themen/global/flashplayer/" /><param name="quality" value="autolow" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><p>Kein Flash installiert!</p></object>';
                            jQuery("#iePlayer").html(ieObject);
			   
                        }
		if (picSound[i] != ""){
			jQuery('#flashVars').attr('value', replace(flashVars, "xxx.mp3", picSound[i]));
                 
			buffer = jQuery('#swf').html();
			jQuery('#swf').html("");
			jQuery('#swf').html(buffer);
			jQuery('.gesamtzeit').html(picSoundTime[i]);
			jQuery('#zeit').fadeIn();
			jQuery('#swf').fadeIn();
		} else {
                 	if(jQuery.browser.msie){
			    ieFlashVars=playerUrl+flashVars;
                            ieObject = '<object class="wsAudio" width="124" height="24" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"id="wsFlashPlugin" class="wsIMG384b"><param id="fmovie" name="movie" value="'+ieFlashVars+'" /><param name="base" value="http://www.wdr.de/themen/global/flashplayer/" /><param name="quality" value="autolow" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><p>Kein Flash installiert!</p></object>';
                            jQuery("#iePlayer").html(ieObject);
                        }
			jQuery('#swf').fadeOut();
			jQuery('#zeit').hide();
                        stopAllSounds(); //scheint nicht zu funktionieren!
		}
	} else {
		// galerieweiter sound!
		if (i==0 && gallerieSound!=""){
		
			if(jQuery.browser.msie){
				ieFlashVars=playerUrl+replace(flashVars, "xxx.mp3", gallerieSound);
				ieObject = '<object class="wsAudio" width="124" height="24" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"id="wsFlashPlugin" class="wsIMG384b"><param id="fmovie" name="movie" value="'+ieFlashVars+'" /><param name="base" value="http://www.wdr.de/themen/global/flashplayer/" /><param name="quality" value="autolow" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><p>Kein Flash installiert!</p></object>';
				jQuery("#iePlayer").html(ieObject);
				jQuery('#swf').show();
				jQuery('.gesamtzeit').html(gallerieSoundTime);
				jQuery('#zeit').fadeIn();
                        } else {
				jQuery('#flashVars').attr('value', replace(flashVars, "xxx.mp3", gallerieSound));
				buffer = jQuery('#swf').html();
				jQuery('#swf').html("");
				jQuery('#swf').html(buffer);
				jQuery('.gesamtzeit').html(gallerieSoundTime);
				jQuery('#zeit').fadeIn();
				jQuery('#swf').fadeIn();
			}
		}
	}
}

/* soll alle sounds anhalten. funktioniert leider noch nicht. */
function stopAllSounds(){
	
        var objArr = document.getElementsByTagName('object');
        for (var i=0;i<objArr.length;i++){
                if(typeof objArr[i].stopAllMedia == 'function'){objArr[i].stopAllMedia();}
        }	
}

/**
* Setzt den Sound für das 1. Bild
*
**/
function initSound(){
	if (gallerieSound=="" || gallerieSound==undefined){
		changePlayer(0);
	} else {
		jQuery('#flashVars').attr('value', replace(flashVars, "xxx.mp3", gallerieSound));
		document.getElementById('fmovie').value=ieFlashVars;
		buffer = jQuery('#swf').html();
		jQuery('#swf').html("");
		jQuery('#swf').html(buffer);
	} 
}

/**
* Setzt die Buttons für die Navigation in der mittleren Darstellung
*
**/
function initMidControls(){
	if (screen.width > 800 && (typeof xxlon == "undefined" || xxlon == true)){
		xxl='<a href="#top" class="bigLink" title="Foto vergr&ouml;&szlig;ern"><span>XXL</span><img src="'+reddir+'nav/2006/icons/xxl.gif" style="width:1.49em;" alt="Foto vergr&ouml;&szlig;ern" /></a>';
		jQuery('#vergrossern').html(xxl);
	}
	
	controls = '<ul class="nav_horiz"><li><a href="" onclick="return false;"><img src="'+reddir+'/nav/2006/icons/smal_arrowLeft.gif" style="width: 1.49em; height: 1.5em;" alt="Vorheriges Bild" title="Vorheriges Bild" id="smalClickLeft" /></a></li><li class="anzahl">0/5</li><li><a onclick="return false;"><img src="'+reddir+'/nav/2006/icons/smal_arrowRight.gif" style="width: 1.49em; height: 1.49em;" alt="Nächstes Bild" title="Nächstes Bild" id="smalClickRight" /></a></li><li id="smal_arrowAuto"><a id="play-pause" href="" onclick="return false;" alt="Diashow/Pause" title="Diashow/Pause">Diaschau</a></li></ul>';
	jQuery('#midControls').html(controls);
	checkControls();
}

// n?tzliche funktion zum suchen und ersetzen
function replace(QuellText, SuchText, ErsatzText)
        {   // Erstellt von Ralf Pfeifer
            // Fehlerpruefung
            if ((QuellText == null) || (SuchText == null))           { return null; }
            if ((QuellText.length == 0) || (SuchText.length == 0))   { return QuellText; }

            // Kein ErsatzText ?
            if ((ErsatzText == null) || (ErsatzText.length == 0))    { ErsatzText = ""; }

            var LaengeSuchText = SuchText.length; 
            var LaengeErsatzText = ErsatzText.length;
            var Pos = QuellText.indexOf(SuchText, 0);

            while (Pos >= 0)
            {
                QuellText = QuellText.substring(0, Pos) + ErsatzText + QuellText.substring(Pos + LaengeSuchText);
                Pos = QuellText.indexOf(SuchText, Pos + LaengeErsatzText);
            }
            return QuellText;
        } 

// setzt die css attribute width und height im style attribute der thumbnails.
// das ist n?tig um die vergr??ern/verkleinern funktion im browser korrekt auszuf?hren
function setImgWidths(){ 
	setTimeout(function(){
		var ar = jQuery('#items img');
		// thumbs:
		jQuery.each(ar, function() {
                        jQuery(this).css('height','7.333em');
			/*if (jQuery(this).attr('width')>jQuery(this).attr('height')){
				// l?ngsbild
				jQuery(this).css('width', '11em');
			} else {
				// aufrechtes bild
				jQuery(this).css('width', '5em');
			}*/
		});
	},200);
}

// setzt die css attribute der mittleren bidler. der gund sist der gleicht wie oben.
function setMidImgWidths(x){
        setTimeout(function(){
	ar = jQuery('#m_bild img');
	jQuery.each(ar, function() {
                jQuery(this).css('height','33.333em');
		/*if (jQuery(this).attr('width')>jQuery(this).attr('height')){
			// l?ngsbild
                        em = 
			jQuery(this).css('width', '50em');
		} else {
			// aufrechtes bild
			jQuery(this).css('width', '22.2em');
		}*/
	});
        }, 400);
}

function checkControls(){
	if (actPicIndex == 0){
		jQuery('#smalClickLeft').attr('src', reddir+'nav/2006/icons/saml_grau.gif');
	} else {
		jQuery('#smalClickLeft').attr('src', reddir+'nav/2006/icons/smal_arrowLeft.gif');
	}
	
}

function menuActive(){
       //if (hilight){
         jQuery("a:contains(hilight)").addClass('aktiv');
       //}
}