var i = 1
	var maxAnzahl = 24

	var dateiEndung = ".jpg";


/*----preloader für images -------------------------------------------------------------*/


var myimages=new Array();
bilderliste = new Array
var preload_finished = false;


function preloadimages(){
 	for( k = 1; k <= maxAnzahl; k++){
		if(k < 10){
			bilderliste[k] = pfad + '0' + '0' + k + dateiEndung;
		}else{
			bilderliste[k] = pfad + '0' + k + dateiEndung;
		}
        myimages[k]=new Image()
        myimages[k].src=bilderliste[k]
		img_status(k);
	}
   preload_finished = true;
}

var status_frequenz = 100;
var status_array = new Array('--','\\', '|', '/'); 
		//alert("img_status: " + status_array[0] + " - " + status_array[1] + " - " + status_array[2] + " - " + status_array[3] + " length: " + status_array.length );
var p = 0;
function img_status(k){
	
	if (preload_finished) {
		window.status = "bilder sind fertig geladen!";
		window.status = "schubert-fotograf";
		return;
	}else{
//		alert("img_status");
		window.status = 'Bilder werden geladen! ' + status_array[p];		
		if(p>=status_array.length-1){
			p=0;
		}else{
			p++;	
		}
		window.setTimeout( 'img_status(\''+k+'\')', status_frequenz);	
	}
}




	
// für den debugmodus siehe datei: debug.html-----------------------------------
	function addDebug(inhalt){
		g_inhalt = g_inhalt.concat(inhalt);
		g_inhalt = g_inhalt + " # \n";
		document.getElementById('debug').innerHTML = g_inhalt;
	}
	function clearDebug(){
		g_inhalt = "";
//		document.getElementById('debug').innerHTML = g_inhalt;
	}


//globale variablen _____________________________________________________________________
	g_timers = new Array();
	g_inhalt = "";
	g_txt = "";
	g_opacity = 100;
        var fade_flag = 0;
        var i = 01;
	interval = 50;
	interval2 = 20;
	fade_flag2 = 0;
	g_thumb_opacity = 50;
	g_thumb_opacity_up = 50;
	g_thumb_opacity_down = 50;
	g_check_dimm = "";
	g_check_id = 0;
	maxIDs = 20;
	ids = new Array
// end of globale variablen______________________________________________________________

for( m = 1; m <= maxIDs; m++){
	ids[m] =  false;
}



function changeImg(img){
	if(fade_flag == 1){
		return;
	}
	fade_flag = 1;
//zähler i Für Layer anpassen
	i = img;
// bilder ausblenden! die function fadein zum einblenden wird in fadeout aufgerufen.
	fadeout(img);
}

function fadeout(n){
       	if(	g_opacity <= 0){
		document.getElementById("img").src =  myimages[i].src;
		window.setTimeout( 'fadein(\''+n+'\')', 400);	
		return;
	}else{
		window.setTimeout( 'fadeout(\''+n+'\')', interval);		
	}
	g_opacity -= 10;	
	if(document.all){
		document.getElementById("img").style.filter = 'alpha(opacity='+g_opacity+')';
	}else{
		document.getElementById("img").style.opacity = '.'+g_opacity;	
		document.getElementById("img").style.mozOpacity = '.'+g_opacity;		
	}
}


function fadein(n){
	if(document.all){
		document.getElementById("img").style.filter = 'alpha(opacity='+g_opacity+')';
	}else{
		if(g_opacity == 100){
			document.getElementById("img").style.opacity = '0.99';	
			document.getElementById("img").style.mozOpacity = '0.99';			
		}else{
			document.getElementById("img").style.opacity = '.'+g_opacity;	
			document.getElementById("img").style.mozOpacity = '.'+g_opacity;			
		}
	}	
	if(g_opacity == 100){
//		window.status = "fade_flag: " + fade_flag;		
		fade_flag = 0;
		return;
	}else{
		window.setTimeout( 'fadein(\''+n+'\')', interval);		
	}
	g_opacity += 10;	
}


/*----eventhandler ----------------------------------------------------------------------------*/


/** 
 * crossbrowser adding node listener (listens to events on nodes of html tree (from document down))
 *
 * @param	object	the DOM node where to hook the listener
 * @param	string	the DOM event to listen to
 * @param	the function to call, when event occurs
 * @return	'nodeInfo' handle for usage on removeNodeListener;
 * @see		removeNodeListener, Function bind()
 */
function registerNodeListener(obj, evType, fn ) {
	
	try {
		if( obj.addEventListener ) {
			obj.addEventListener(evType, fn, false);
		}
		else if( obj.attachEvent ) {
			obj.attachEvent( "on"+evType, fn );
		}
		else {
			throw "Unsupported browser!";
		}
	}
	catch(e) {
		alert('exception ' + e.message + ' while trying to add a listener to ' + obj + ', event: ' + evType + ', function: ' + fn);
	}
	// return 'nodeInf' object
	return {'owner' : obj, 'type' : evType, 'func' : fn };
}

/** 
 * crossbrowser remove node listener 
 * 
 * @param	object	the event-node information returned by registerNodeListener
 * @see		registerNodeListener
 */
function removeNodeListener( nodeInfo ) {

	if( nodeInfo && nodeInfo.owner && nodeInfo.owner.removeEventListener ) {
		nodeInfo.owner.removeEventListener(nodeInfo.type, nodeInfo.func, false);
	}
	else if( nodeInfo && nodeInfo.owner && nodeInfo.owner.detachEvent ) {
		nodeInfo.owner.detachEvent("on" + nodeInfo.type, nodeInfo.func);
	}
	else {
		throw "Unsupported browser!";
	}
}

var listener = registerNodeListener( document, "mouseout", mouseout_dimm );
var listener2 = registerNodeListener( document, "mouseover", mouseover_dimm );


function mouseout_dimm(ev) {
	var evt = ev || window.event;
		if( evt.target ) {
			sender = evt.target;
		}
		else if( evt.srcElement ) {
			sender = evt.srcElement;
		}
 		// defeat Safari bug
		if( sender.nodeType == 3 ) {
			sender = sender.parentNode;
		}
//nur elemente mit namen-attribut werden gewertet
  if( sender.parentNode.name ) {
      if( sender.parentNode.name < 50  ){
 	  window.setTimeout( 'dimmDown(\''+sender.parentNode.name+'\',\''+'100'+'\')', 250);		
          check_id();
      }
  }
}

function mouseover_dimm(ev) {
	var evt = ev || window.event;
		if( evt.target ) {
			sender = evt.target;
		}
		else if( evt.srcElement ) {
			sender = evt.srcElement;
		}
 		// defeat Safari bug
		if( sender.nodeType == 3 ) {
			sender = sender.parentNode;
		}

//nur elemente mit namen-attribut werden gewertet
  if( sender.parentNode.name ) {
      if( sender.parentNode.name < 50  ){
          dimmUp(sender.parentNode.name);
      }
  }
}
/*----eventhandler end-------------------------------------------------------------------------*/



function check_id(){
n = 1;
img_name = "";
    for( n = 1; n <= maxIDs; n++){
//addDebug("bild: " + n + " von: " + maxIDs + " ids[" + n + "]: " + ids[n]);
	 if(ids[n] ==  'true'){
alert("check_id()");
		if(n < 10){
			img_name = '0' + '0' + n;
		}else{
			img_name = '0' + n;
		}
                dimmDown(img_name,100);
         }
    }
}


/* thumbnails eindimmen und ausdimmen über dom mouseout und mouseover.-------------------------*/

function dimmUp(img_nr){
/*
	if(img_nr < 10){
		img_name = '0' + '0' + img_nr;
	}else{
		img_name = '0' + img_nr;
	}
*/
        img_name = img_nr;
	if(document.all){
		document.getElementsByName(img_name)[0].firstChild.style.filter = 'alpha(opacity='+g_thumb_opacity+')';
	}else{
		if(g_thumb_opacity == 100){
			document.getElementsByName(img_name)[0].firstChild.style.opacity = '0.99';
			document.getElementsByName(img_name)[0].firstChild.style.mozOpacity = '0.99';
		}else{
			document.getElementsByName(img_name)[0].firstChild.style.opacity = '.'+g_thumb_opacity;	
			document.getElementsByName(img_name)[0].firstChild.style.mozOpacity = '.'+g_thumb_opacity;			
		}
	}	
	if(g_thumb_opacity == 100){
		fade_flag2 = 1;
                g_thumb_opacity = g_thumb_opacity_up;
                g_check_dimm = img_nr;
                ids[img_nr] = true;       	
//	        addDebug("UP-img_nr: " + img_nr + " -> " + ids[m]);
		return;
	}else{
		window.setTimeout( 'dimmUp(\''+img_nr+'\')', interval2);		
	}
	g_thumb_opacity += 10;
}

function dimmDown(img_nr, dimmstartwert){

        img_name = img_nr;
	if(document.all){
		document.getElementsByName(img_name)[0].firstChild.style.filter = 'alpha(opacity='+dimmstartwert+')';
	}else{
		if(dimmstartwert == 100){
               		document.getElementsByName(img_name)[0].firstChild.style.opacity = '0.99';	
		        document.getElementsByName(img_name)[0].firstChild.style.mozOpacity = '0.99';
		}else{
               		document.getElementsByName(img_name)[0].firstChild.style.opacity = '.'+dimmstartwert;	
		        document.getElementsByName(img_name)[0].firstChild.style.mozOpacity = '.'+dimmstartwert;
		}
	}	
	dimmstartwert -= 10;
	if(dimmstartwert == g_thumb_opacity_down){
		fade_flag2 = 0;
                g_check_dimm = "";
                ids[img_nr] = false;
		return;
	}else{
		window.setTimeout( 'dimmDown(\''+img_nr+'\',\''+dimmstartwert+'\')', interval2);		
	}
}