var ie=document.all
var ns6=document.getElementById&&!document.all


function ieobjekt(){
return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body
}


function vergroessern(welche, e, position, imgwidth, imgheight){

if (ie||ns6){
aufbau=document.getElementById? document.getElementById("zeigedasbild") : document.all.zeigedasbild

if (position=="center"){
seite_y_stellung=ns6? parseInt(pageYOffset) : parseInt(ieobjekt().scrollTop)
horizoposi=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ieobjekt().scrollLeft+ieobjekt().clientWidth/2-imgwidth/2
vertiposi=ns6? seite_y_stellung+window.innerHeight/2-imgheight/2 : seite_y_stellung+ieobjekt().clientHeight/2-imgheight/2

if (window.opera && window.innerHeight) //Ausgleich fuer Opera
vertiposi=seite_y_stellung+window.innerHeight/2-imgheight/2
vertiposi=Math.max(seite_y_stellung, vertiposi)
}

else{
var horizoposi=ns6? pageXOffset+e.clientX : ieobjekt().scrollLeft+event.clientX
var vertiposi=ns6? pageYOffset+e.clientY : ieobjekt().scrollTop+event.clientY
}
aufbau.style.left=horizoposi+"px"
aufbau.style.top=vertiposi+"px"
aufbau.innerHTML='<div align="right" id="leiste"><span id="schliessen_text" onClick="vorschau_zu()">close</span> </div><img src="'+welche+'">'
aufbau.style.visibility="visible"
return false
}
else //falls kein IE 4+ oder NS 6+, zeige das Bild einfach in einem neuen Browser-Fenster
return true
}


function vorschau_zu(){
aufbau.style.visibility="hidden"
}


function drag_and_drop(e){
if (ie&&dragapproved){
aufbau.style.left=tempx+event.clientX-offsetx+"px"
aufbau.style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
aufbau.style.left=tempx+e.clientX-offsetx+"px"
aufbau.style.top=tempy+e.clientY-offsety+"px"
}
return false
}


function initiiere_drag(e){
if (ie&&event.srcElement.id=="leiste"||ns6&&e.target.id=="leiste"){
offsetx=ie? event.clientX : e.clientX
offsety=ie? event.clientY : e.clientY

tempx=parseInt(aufbau.style.left)
tempy=parseInt(aufbau.style.top)

dragapproved=true
document.onmousemove=drag_and_drop
}
}

document.onmousedown=initiiere_drag
document.onmouseup=new Function("dragapproved=false")




<!-- begin
// Bilder bekannt machen

// variablennamen werden vergeben
var bild1 = new Image();
var bild2 = new Image();
var bild3 = new Image();
var bild4 = new Image();
var bild5 = new Image();
var bild6 = new Image();
var bild7 = new Image();
var bild8 = new Image();
var bild9 = new Image();
var bild10 = new Image();
var bild11 = new Image();


// den Variablen wird die Bildquelle zugewiesen
bild1.src = "bild_pre1.jpg";
bild2.src = "bild_pre2.jpg";
bild3.src = "bild_pre3.jpg";
bild4.src = "bild_pre4.jpg";
bild5.src = "bild_pre5.jpg";
bild6.src = "bild_pre6.jpg";
bild7.src = "bild_pre7.jpg";
bild8.src = "bild_pre8.jpg";
bild9.src = "bild_pre9.jpg";
bild10.src = "bild_pre10.jpg";
bild11.src = "bild_pre11.jpg";


// Funktion zum Tauschen der Bilder
function Zeigen(Bildname)
{
eval("document['picture'].src = " + Bildname + ".src");
}
// end -->