sfHover = function() {
	var sfEls = document.getElementById("navigation").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function OpenFoto(img)
{
 foto= new Image();
 foto.src=(img);
 ControlFoto(img);
}

function ControlFoto(img)
{
 if((foto.width!=0)&&(foto.height!=0))
 {
  ViewFoto(img);
 }
 else
 {
  interval_a="ControlFoto('"+img+"')";
  interval_b=setTimeout(interval_a,20);
 }
}

function ViewFoto(img)
{
 width=foto.width+20;
 height=foto.height+50;
 try 
 {
  if (output.closed == false) throw "offen";
 }
 catch (e) 
 {
  if (e=="offen") 
  {
   output.close();
  }
 }
 output = window.open("","output","left=5,top=10,width="+width+",height="+height+",location=no,toolbar=no,menubar=no,status=no,scrollbars=no,resizable=no");
 output.document.writeln("<html>\n<head><title>..:: Foto ::..<\/title><\/head>");
 output.document.writeln("<body bgcolor=\"white\" text=\"black\" link=\"white\" vlink=\"white\" alink=\"white\" leftmargin=\"0\" marginwidth=\"0\" topmargin=\"0\" marginheight=\"0\">");
 output.document.writeln("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" height=\"100%\">");
 output.document.writeln("<tr><td width=\"100%\" height=\"100%\" align=\"center\" valign=\"top\"><a href=\"javascript:self.close()\"><img src=\""+img+"\" width=\""+foto.width+"\" height=\""+foto.height+"\" border=\"10\"></a><font face=\"Arial\" size=\"2\"><b> Zum Schliessen des Fensters klicken sie auf das Bild</b></font><\/td><\/tr>");
 output.document.writeln("<\/table><\/body><\/html>");
 output.focus();
}
