function img_big(obj, id) 
{
  var top = GetScrollTop(); 
  top = top+10; 

  var src = obj.src;
  src = src.replace('medium', 'big'); 
  
  var html = '<img src='+src+' alt="Zum Schliessen auf das Bild klicken" '
            +'onclick="closeWin()" />';
 
  var div = '<div class="backgrounder" id="backgrounder"'
           +'></div>'; 
           
  var f = id+1; 
  var b = id-1; 
  
  var win = '<div id="win" style="top:'+top+'px;">'
           +'  <div><p><a href="javascript:closeWin()" '
           +'title="Dieses Fenster hier schliessen"> '
           +'Fenster schliessen</a></p>'
           +'</div>'
           +html
           +'<div>'
           +'<p class="txtImgBig">'+$('foto_'+id).innerHTML+'</p>'
           +'<p class="txtImgBig"><a href="javascript:back('+b+')" title="Zurück">« Zurück</a> | '
           +'<a href="javascript:forward('+f+')" title="Weiter">Nächstes Bild »</a></p>'
           +'</div>';

             var body = document.getElementsByTagName('body')[0]; 
  if(!$('backgrounder')){

  new Insertion.Bottom(body, div); 
  new Insertion.Bottom(body, win); 
  }else{
  		$('win').remove();
  		  new Insertion.Bottom(body, win); 
  		
  }
  
  
  
}

function back(id){
	
	if(id==0){
		alert('Sie sind am Anfang!')
		return; 
	}
	
	if(id>100){
		alert('Sie sind am Ende angelangt!'); 
		return;
	}
	if($('bild_'+id)){
		img_big($('bild_'+id), id); 
	}else{
		back(id-1); 
	}
	
	
}

function forward(id){
	
	if(id==0){
		alert('Sie sind am Anfang!')
		return; 
	}
	
	if(id>100){
		alert('Sie sind am Ende angelangt!'); 
		return;
	}
	if($('bild_'+id)){
		img_big($('bild_'+id), id); 
	}else{
		forward(id+1); 
	}
	
	
}

function GetScrollTop() {
  return window.pageYOffset||
    document.documentElement&&document.documentElement.scrollTop||
    document.body.scrollTop||0;
}

function closeWin(){
	
	$('backgrounder').remove();
	$('win').remove();
}