// 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="";
        $('#midPicImg-A').load(posMidPix());
        $('#midPicImg-B').load(posMidPix());


$(document).ready(function(){
        
        $('#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 = $(e.target);
	    for (var selector in rules)
	      if (target.is(selector)) return rules[selector].apply(this, $.makeArray(arguments));
	  }
	}
	
	/* Verarbeitung der Klick Events */
   // Allgemeine Events delegieren
   
   // klick auf ein thumbnail
   
	
$('.thumb').click(function(e) {showMidE(e)});

   // tastendruck auf ein thumbnail
   jQuery('#items').keypress(jQuery.delegate({
          '.thumbLink' : function(e) {thumbKeyPress(e);}
	}));


        // weiterbl?ttern
	$('#smalClickRight').click(function(){
                //posMidPix();
		clearInterval(slideshowId);
		if (reverse == true){
			reverse = false;
		}
		nextMid();
	});
	
	$('#nextLink #nextlink').click(function(){
                //posMidPix();
		clearInterval(slideshowId);
		if (reverse == true){
			reverse = false;
		}
		nextMid();
		setMidImgWidths();
		return false;
	});
	
	// zur?ckbl?ttern
	$('#smalClickLeft').click(function(){
                //posMidPix();
		clearInterval(slideshowId);
		if (reverse == false){
			reverse = true;
		}
		prevMid();
		setMidImgWidths();
	});
	
	$('#smal_arrowAuto').click(function(){
		if (slideOn==false){
			$('#play-pause').html("Pause");
			slideshowId = setInterval("nextMid()", slideinterval);
			slideOn=true;
			/* player starten ... */
                        if (gallerieSound == ""){
			  if ( picSound[actPicIndex] == "" ){
                                
				$('#swf').hide();
			  } else if (gallerieSound != ""){
                                
				$('#swf').show();
			  }
                        }
		} else {
			$('#play-pause').html("Fortsetzen");
			clearInterval(slideshowId);
			slideOn=false;
		}
	});

	//initSound();
	changePlayer(actPicIndex);
        
	posMidPix();
        $('#midPicImg-A').load(posMidPix());
        $('#midPicImg-B').load(posMidPix());

}); // ende - document.ready()

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

// Links zum Bild

function setPicLinks(){
  if (typeof(bildLinks) == 'undefined'){
    return;
  }

  if (typeof(linksZumBildHeadline) == 'undefined' || linksZumBildHeadline == ''){
    linksZumBildHeadline = "Links zum Bild";
  }
  
  // erstmal pauschal ausblenden
  $('#linksZumBildRahmen').fadeOut();
  $('#linksZumBildRahmen').replaceWith("");

  var position;
  // feststellen ob schon allg. links da sind
  if ($('.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){
    $(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++){
        $('#linksZumBild').append(bildLinks[actPicIndex][i]);
    }
    $('#linksZumBildRahmen').fadeIn();
    
  } 
}

function posMidPix(){

  if (!document.getElementById('m_bild')){
    return;
  }  

  var versatz = 0;
  if (!jQuery.browser.msie){
    versatz = 5;
  }

  var m_bild_width = document.getElementById('m_bild').offsetWidth;

  // Bild A ausrichten
  var newLeft_A = (m_bild_width / 2) - ($('#midPicImg-A').attr('width')/2)+versatz;
  
  if ($('#midPicImg-A').css('left') != newLeft_A){
    //if (jQuery.browser.mozilla){console.log("left-A: "+newLeft_A);};
    $('#midPicImg-A').css('left',newLeft_A+'px');
  }

  //var newTop_A = $('#m_bild').offset().top;
  //$('#midPicImg-A').css('top',newTop_A+'px');

  // Bild B ausrichten
  var newLeft_B = (m_bild_width / 2) - ($('#midPicImg-B').attr('width')/2)+versatz;
  
  if ($('#midPicImg-B').css('left') != newLeft_B){
    //if (jQuery.browser.mozilla){console.log("left-B: "+newLeft_B);};
    $('#midPicImg-B').css('left',newLeft_B+'px');
  }

  //var newTop_B = $('#m_bild').offset().top;
  //$('#midPicImg-B').css('top',newTop_B+'px');
  
}


function Tastendruck (Ereignis) {
  if (!Ereignis){
    Ereignis = window.event;
  }
  if (Ereignis.altKey){
  }
    
  if (Ereignis.ctrlKey){
    //alert ("ctrl key!");
    posMidPix();
  }
  if (Ereignis.shiftKey) {
  }
}


window.onresize = posMidPix;

document.onkeypress = Tastendruck;

// 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;
		}
	}
	$('.anzahl').html((actPicIndex+1)+"/"+picName.length);
}

// setzt nach dem laden der seite das erste bild in der mittleren ansicht
function setStartPic(){
	$('#zeit').hide();
	path = picPath[picName[actPicIndex]]+picName[actPicIndex]+"_m."+picExt[actPicIndex];
	pathTitle = picAlt[actPicIndex]; //picTitle[0];
	bigPath = picPath[picName[actPicIndex]]+picName[actPicIndex]+"_l."+picExt[actPicIndex]; /* fuer das href attribut, das wird von lightbox ausgewertet */
	nextPath = picPath[picName[actPicIndex+1]]+picName[actPicIndex+1]+"_m."+picExt[actPicIndex];
	nextPathTitle = picAlt[actPicIndex+1]; //picTitle[1];
	
	$('#ueberschrift').html(galerieName);
	
	$('#midPicImg-B').hide();
	
	$('#midPicImg-B').css('z-index','3');
	$('#midPicImg-A').css('z-index','1');
	
	$('#midPicImg-A').attr('src', path);
        $('#midPicImg-A').load(posMidPix());
	$('#midPicImg-A').attr('title', pathTitle);
	$('#midPicImg-A').attr('alt', picAlt[actPicIndex]);
	
	
        $('#midPicImg-B').attr('src', picPath[picName[actPicIndex+1]]+picName[actPicIndex+1]+"_m."+picExt[actPicIndex+1]); 
        $('#midPicImg-B').load(posMidPix());
	$('#midPicImg-B').attr('title', nextPathTitle);
	$('#midPicImg-B').attr('alt', picAlt[actPicIndex]);
	//alert("BildB = "+nextPath+"   "+nextPathTitle+"   "+picAlt[actPicIndex+1]);

	$('#bild_texte p').html(picText[picName[actPicIndex]]);
	$('.anzahl').html('1/'+picName.length);
	if (picSound[0]){
		$('#swf').css('display','block');
		changePlayer(0);
	}
	$('.bigLink').attr('href',bigPath); /* fuer lightbox */
	

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

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

        $('img#midPicImg-A').load(setMidImgWidths());
        $('img#midPicImg-A').load(posMidPix());
        $('img#midPicImg-B').load(posMidPix());


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

// Zählpixel für jedes neue Bild wiederholt laden.
function loadIVW_m(){
       var ivwLink = "http://wdr.ivwbox.de/cgi-bin/ivw/CP;"+window.location.href.replace(/http:\/\//g, "");
       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."+picExt[actPicIndex];
	pathTitle = picTitle[actPicIndex];
	
	bigPath = picPath[name]+name+"_l."+picExt[actPicIndex];
	
	nextPath = picPath[nextName]+nextName+"_m."+picExt[actPicIndex];
	nextPathTitle = picAlt[actPicIndex+1]; //picTitle[actPicIndex+1];
	nextAlt = picAlt[actPicIndex+1];
	
	if ($(imgCssStack[1]).css('z-index') == '1'){ // A ist zu sehen
		$(imgCssStack[0]).hide();
		$(imgCssStack[1]).hide();
		$(imgCssStack[1]).attr('src', path);
                $(imgCssStack[1]).load(posMidPix());
		//der timeout muss sein, weil sonst die zentrierung parallel zum neuladen des bildes geschieht; und das ruckelt!
		setTimeout(function(){
			$(imgCssStack[0]).fadeOut("slow", function(){$(imgCssStack[1]).fadeIn("slow");});
			$(imgCssStack[0]).css('z-index','3');
			$(imgCssStack[1]).css('z-index','1');
			
			$(imgCssStack[0]).attr('src', nextPath);
                        $(imgCssStack[0]).load(posMidPix());
			$(imgCssStack[0]).attr('title', nextPathTitle);
			$(imgCssStack[0]).attr('alt', nextAlt);
			
			$('#bild_texte').html("<p>"+picText[name]+"</p>");
                        $(imgCssStack[1]).attr('title',picTitle[actPicIndex]);
			$(imgCssStack[1]).fadeIn("slow");
                        
		},200);
		
	}else{ // A liegt oben
		$(imgCssStack[1]).hide();
		$(imgCssStack[0]).hide();
		$(imgCssStack[0]).attr('src', path);
                $(imgCssStack[0]).load(posMidPix());
		//der timeout muss sein, weil sonst die zentrierung parallel zum neuladen des bildes geschieht; und das ruckelt!
		setTimeout(function(){
			$(imgCssStack[1]).fadeOut("slow", function(){$(imgCssStack[0]).fadeIn("slow");});
			$(imgCssStack[1]).css('z-index','3');
			$(imgCssStack[0]).css('z-index','1');
			
			$(imgCssStack[1]).attr('src', nextPath);
                        $(imgCssStack[1]).load(posMidPix());
			$(imgCssStack[1]).attr('title', nextPathTitle);
			$(imgCssStack[1]).attr('alt', nextAlt);
			$('#bild_texte').html("<p>"+picText[name]+"</p>");
		},200);
		
		$(imgCssStack[0]).attr('title',picTitle[actPicIndex]);
		
	}
	
	$('.bigLink').attr('href', bigPath);
	
	changePlayer(actPicIndex);
	
	
	
	setTimeout("setMidImgWidths()",50);
	checkControls();
        setPicLinks();
        loadIVW_m();
}

function changeMid(e){
		
	path = $(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."+picExt[actPicIndex];
	pathBig = name + "_l."+picExt[actPicIndex];
	$('#midPicImg-A').attr('src', path);
	$('#midPicImg-A').attr('title', picTitle [picName [actPicIndex] ] );
	$('#midPicImg-A').attr('alt', picAlt[actPicIndex] );
	
	
	$('.bigLink').attr('href', pathBig);
	$('#bild_texte p').html(picText[path1]);
	
	if ( x<picName.length-1 ){
		$('.anzahl').html(x+"/"+picName.length);
	}
	setTimeout("setMidImgWidths()",150);
	checkControls();
        loadIVW_m();
}

// setzt das anzeigebild auf den angegebenen index
function changeMid2Index(i){
	actPicIndex = i;
	name =  picName[i];
	path = picPath[name]+name+"_m."+picExt[actPicIndex];
	pathBig = picPath[name]+name+"_l."+picExt[actPicIndex];
	
	if ($('#midPicImg-A').css('z-index') == '1'){
		$('#midPicImg-A').attr('src', path);
		
		$('#midPicImg-A').attr('title', picTitle [picName [actPicIndex] ] );
		$('#midPicImg-A').attr('alt', picAlt[actPicIndex]);
		$('.bigLink').attr('href', pathBig);
		$('#bild_texte p').html(picText[name]);
		
	} else {
		$('#midPicImg-B').attr('src', path);
		
		$('#midPicImg-B').attr('title', picTitle [picName [actPicIndex] ] );
		$('#midPicImg-B').attr('alt', picAlt[actPicIndex] );
		$('.bigLink').attr('href', pathBig);
		$('#bild_texte p').html(picText[name]);
		
	}
	$('.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(){
		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>';
		$('#items').append(code);
		i++;
	});
        $('img.thumb').load(setImgWidths());
        //alert('mkthumbs...'+i);
}


// zentrieren beider bilder in der mittleren ansicht
// lieber zu oft als zu selten aufrufen! *zwinker*
function centerImages(){

}

// zur?ckbl?ttern
function prevMid(){
        posMidPix();
	if ( actPicIndex<=picName.length && actPicIndex > 0 && fadingFlag == false){
		actPicIndex--;
		code = (actPicIndex+1)+"/"+picName.length;
		$('.anzahl').html(code);
	} else {
		return;
	}
		
		
		
		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.'+picExt[actPicIndex];
			posMidPix();
			if ($(imgCssStack[0]).css('z-index') == '1'){ // A ist sichtbar - B liegt oben (unsichtbar)
			
				fadingFlag=true;
					savePath = $(imgCssStack[0]).attr('src');
					$(imgCssStack[0]).load(posMidPix());
					saveAlt = $(imgCssStack[0]).attr('alt');
					saveTitle = $(imgCssStack[0]).attr('title');
					
					$(imgCssStack[1]).attr('src', prevImgPath);
                                        $(imgCssStack[1]).load(posMidPix());
					$(imgCssStack[1]).attr('alt', prevTitle);
					$(imgCssStack[1]).attr('title', prevTitle);
					
					$('#bild_texte').html("<p>"+bigPathText+"</p>");
				        posMidPix();
					setTimeout(function(){
					
					$(imgCssStack[1]).fadeIn(fade, function() {
                                                posMidPix();
						$(imgCssStack[0]).hide();
						
						if (actPicIndex < $('.thumb').length && actPicIndex > 0){
							$(imgCssStack[0]).attr('src', savePath);
                                                        $(imgCssStack[0]).load(posMidPix());
							$(imgCssStack[0]).attr('alt', saveAlt);
							$(imgCssStack[0]).attr('title', saveTitle);
						}
						
						if (actPicIndex == 1){
							$(imgCssStack[0]).attr('src', picPath[picName[1]]+picName[1]+"_m."+picExt[actPicIndex]);
                                                        $(imgCssStack[0]).load(posMidPix());
							$(imgCssStack[0]).attr('alt', picAlt[1]);
							$(imgCssStack[0]).attr('title', picAlt[1]);
						}
						
						$(imgCssStack[0]).css('z-index', '3');
						$(imgCssStack[1]).css('z-index', '1');
						fadingFlag = false;
					});
				
				posMidPix();
				$(imgCssStack[0]).fadeOut(fade-300);
				
				}, 200);
				
			} else { // B ist sichtbar - A liegt oben (unsichtbar)
			
				posMidPix();
				fadingFlag=true;
				savePath = $(imgCssStack[1]).attr('src');
                                $(imgCssStack[1]).load(posMidPix());
				
				saveAlt = $(imgCssStack[1]).attr('alt');
				saveTitle = $(imgCssStack[1]).attr('title');				
				
				$(imgCssStack[0]).attr('src', prevImgPath);
                                $(imgCssStack[0]).load(posMidPix());
				$(imgCssStack[0]).attr('alt', prevTitle);
				$(imgCssStack[0]).attr('title', prevTitle);
				
				$('#bild_texte').html("<p>"+bigPathText+"</p>");
				
				posMidPix();
				setTimeout(function(){
				
				$(imgCssStack[0]).fadeIn(fade, function() {
                                        posMidPix();
					$(imgCssStack[1]).hide();
					
					if (actPicIndex < $('.thumb').length  && actPicIndex > 0){
						$(imgCssStack[1]).attr('src', prevImgPath);
                                                $(imgCssStack[1]).load(posMidPix());
						$(imgCssStack[1]).attr('alt', saveAlt);
						$(imgCssStack[1]).attr('title', saveTitle);
					}
					
					if (actPicIndex == 1){
						$(imgCssStack[1]).attr('src', picPath[picName[1]]+picName[1]+"_m."+picExt[actPicIndex]);
                                                $(imgCssStack[1]).load(posMidPix());
						$(imgCssStack[0]).attr('alt', picAlt[1]);
						$(imgCssStack[0]).attr('title', picAlt[1]);

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

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

			
			
			$('#ueberschrift').html(galerieName);
			$('.bigLink').attr('href', bigPath+"_l."+picExt[actPicIndex]);
			if (i == picName.length-1){
				clearInterval(slideshowId);
			}
	
	setMidImgWidths();
	checkControls();
        setPicLinks();
        loadIVW_m();
        posMidPix();
}

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

	if ( (actPicIndex+1) < picName.length && actPicIndex >= 0 && fadingFlag == false){
		actPicIndex++;
		code = (actPicIndex+1)+"/"+picName.length;
		$('.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.'+picExt[actPicIndex+1];
                        nextTitle = picAlt[actPicIndex+1]; //picTitle[actPicIndex+1];
			nextAlt = picAlt[actPicIndex+1];
                        posMidPix();
			if ($(imgCssStack[0]).css('z-index') == '1'){ // A liegt oben
				        fadingFlag = true;
					posMidPix();
                                        $('#bild_texte').html("<p>"+bigPathText+"</p>");
					$(imgCssStack[1]).fadeIn(fade, function() {
						// beim faden pfeil ausgrauen
						//$('#smalClickRight').attr('src', reddir+'/'+appKey+'/icons/saml_grau.gif');
						
						$(imgCssStack[0]).hide();
						

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

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

/* sound im player austauschen */
function changePlayer(i){
	// sound nur wechseln, wenn kein uebergreifender sound angegeben ist.
	if (gallerieSound==""){
		// kein galerieweiter sound.
		if($.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="sameDomain" /><param name="allowFullScreen" value="true" /><p>Kein Flash installiert!</p></object>';
                            $("#iePlayer").html(ieObject);
			   
                        }
		if (picSound[i] != ""){
			$('#flashVars').attr('value', replace(flashVars, "xxx.mp3", picSound[i]));
                 
			buffer = $('#swf').html();
			$('#swf').html("");
			$('#swf').html(buffer);
			$('.gesamtzeit').html(picSoundTime[i]);
			$('#zeit').fadeIn();
			$('#swf').fadeIn();
		} else {
                 	if($.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="sameDomain" /><param name="allowFullScreen" value="true" /><p>Kein Flash installiert!</p></object>';
                            $("#iePlayer").html(ieObject);
                        }
			$('#swf').fadeOut();
			$('#zeit').hide();
                        stopAllSounds(); //scheint nicht zu funktionieren!
		}
	} else {
		// galerieweietr sound!
		if (i==0 && gallerieSound!=""){
		
			if($.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="sameDomain" /><param name="allowFullScreen" value="true" /><p>Kein Flash installiert!</p></object>';
				$("#iePlayer").html(ieObject);
				$('#swf').show();
      			$('.gesamtzeit').html(" "+galerieSoundTime);
				$('#zeit').fadeIn();

                        } else {
				$('#flashVars').attr('value', replace(flashVars, "xxx.mp3", gallerieSound));
				buffer = $('#swf').html();
				$('#swf').html("");
				$('#swf').html(buffer);
				$('.gesamtzeit').html(" "+galerieSoundTime);
				$('#zeit').fadeIn();
				$('#swf').fadeIn();
			}
			if (galerieSoundTime != ""){
				//$('.gesamtzeit').html(galerieSoundTime);
			}
		}
	}
}

function formatTime(sek){
	var min = galerieSoundTime/60;
	var timeAr = (""+min).split(".");
	if (timeAr[1]){
                if (timeAr[1].length < 2){
                    timeAr[1]=timeAr[1]+"0";
                } else {
                    timeAr[1]=timeAr[1].substring(0,2);
                }
		return timeAr[0]+","+timeAr[1];
	} else {
		return timeAr[0];
	}
}

/* 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 {
		$('#flashVars').attr('value', replace(flashVars, "xxx.mp3", gallerieSound));
		document.getElementById('fmovie').value=ieFlashVars;
		buffer = $('#swf').html();
		$('#swf').html("");
		$('#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+'/'+appKey+'/icons/xxl.gif" alt="Foto vergr&ouml;&szlig;ern" /></a>';
		$('#vergrossern').html(xxl);
	}
	
	controls = '<ul class="nav_horiz"><li><a href="" onclick="return false;"><img src="'+reddir+'/'+appKey+'/icons/smal_arrowLeft.gif" alt="Vorheriges Bild" title="Vorheriges Bild" id="smalClickLeft" /></a></li><li class="anzahl">0/5</li><li><a href="" onclick="return false;"><img src="'+reddir+'/'+appKey+'/icons/smal_arrowRight.gif" alt="Nächstes Bild" title="Nächstes Bild" id="smalClickRight" /></a></li></ul>';
	$('#midControls').html(controls);
// 20.4.2011 - MW
        $('#smal_arrowAuto').html('<a id="play-pause" href="" onclick="return false;" alt="Diashow/Pause" title="Diashow/Pause">Diaschau</a>');
  	$('#gallery_thumbs').show();
        $('#bild_texte').show();
        $('#m_bild').show();
// ende 20.4.2011 - MW        
	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 = $('#items img');
		// thumbs:
		jQuery.each(ar, function() {
                        $(this).css('height','7.333em');
			/*if ($(this).attr('width')>$(this).attr('height')){
				// l?ngsbild
				$(this).css('width', '11em');
			} else {
				// aufrechtes bild
				$(this).css('width', '5em');
			}*/
		});
	},200);

}

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

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

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