<!--




function imageZoom(reference,url,heading,bottomtext, lng)
{
    var position = getPosition(reference);

//    alert(position.x);
    forceX = position.x + reference.clientWidth+30;
    forceY = position.y;
    forceXY = true;
    
    //document.getElementById('test').innerHTML +=  'imageZoom: forceX:' + forceX + 'forceY:'+forceY +"<br>";
    
    
    
    if (lng == 1)
    {
        text = 'Lade, bitte warten....';
    } else
    {
        text = 'Loading, please wait....';
    }



    onmouseoverFunc(reference,"<div style='text-align:left;border:0px solid black;'>"+text+"<br><br></div>");
    
    
    mousein = 1;
    showf();
    
    
    heavyImage = new Image(); 

   	heavyImage.src = url;
   	waitforImage = heavyImage;

//    document.getElementById("onmouseover").style.visibility='visible';
    zoomreference = reference;


   //	alert('test3');

   showZoom(reference,heading,bottomtext,url)
  // 	alert('test4');
  
  
  
  
}



function showZoom(reference,heading,bottomtext,url)
{
    if (reference == null) // wurde von sich selbst nach 100ms aufgerufen (siehe ende dieser funktion)
    {
        reference = zoomreference;
    }
    var position = getPosition(reference);
     forceX = position.x + reference.clientWidth+30;
     forceY = position.y;
     forceXY = true;
    
    
     //document.getElementById('test').innerHTML +=  'showZoom: forceX:' + forceX + 'forceY:'+forceY +" ref"+reference+"<br>";
    
    
    if (waitforImage.complete)
    {
        onmouseoverFunc(reference,"<p class='title'>" +heading + "<\/p><br><div style='height:350px;width:350px;overflow:hidden;position:relative;' id='zoombox'><div style='position:relative;' id='zoomimg'><img style='' src='" + url + "'id='img1' onload='javascript:showf();'></div></div><br><div id='cdetails'>"+bottomtext+"<\/div>");
        zoomdisplayed = 1;
    } else
    {
        setTimeout("showZoom(null,'"+heading+"','"+bottomtext+"','"+url+"')",100);
    }
    
}


function displayArtikelBildZoom()
{
    if (zoomreference != null)
    {
        var position = getPosition(zoomreference);
     // var zoomwidth =document.getElementById('img1').clientWidth;
 
               mouseoffset = 25;


        mouseoverX = mouseX - position.x-mouseoffset;// relativ position in pixel over image





        mouseoverXrel = mouseoverX/(zoomreference.clientWidth-2*mouseoffset);// relative position in percent over image

        grossbildWidth = document.getElementById('img1').clientWidth;
        grossbildHeight = document.getElementById('img1').clientHeight;
        targetXwidth = document.getElementById('zoombox').clientWidth;

        //alert('test1');

        deltaXMissing = grossbildWidth -targetXwidth;
        targetXzoom = -deltaXMissing*mouseoverXrel;

        mouseoverY = mouseY - position.y-mouseoffset;
        zoomimgheight = document.getElementById('img1').clientHeight;

        zoomimgwidth = grossbildHeight;
        mouseoverYrel = mouseoverY/(zoomreference.clientHeight-2*mouseoffset);
        targetYwidth = document.getElementById('zoombox').clientWidth;
        deltaYMissing = zoomimgwidth -targetYwidth;
        targetYzoom = -deltaYMissing*mouseoverYrel;
        if (targetYzoom < -deltaYMissing) targetYzoom =-deltaYMissing;
        if (targetXzoom < -deltaXMissing) targetXzoom =-deltaXMissing;              
        if (targetYzoom > 0) targetYzoom =0;
        if (targetXzoom >0) targetXzoom =0;              




        // red zoom box
        visibleYbig = targetYwidth//;zoomimgwidth - deltaYMissing;
        factorY = visibleYbig /grossbildHeight ;
        visibleXbig = targetXwidth;//zoomimgheight - deltaXMissing;
        factorX = visibleXbig /grossbildWidth ;

        sizeY = zoomreference.clientHeight * factorY ;
        sizeX = zoomreference.clientWidth * factorX ;      


        factorSizeX = zoomreference.clientWidth/grossbildWidth;
        factorSizeY = zoomreference.clientHeight/grossbildHeight;


      
        //alert ("targetYwidth"+targetYwidth +"factorx:"+factorSizeX + " fensterbreite:"+targetXwidth + " grossbild"+grossbildWidth);
          
        document.getElementById('zoomimg').style.left = targetXzoom+'px';
        document.getElementById('zoomimg').style.top = targetYzoom+'px';


        xlinks = position.x+(-targetXzoom*factorSizeX) -1;
        xrechts = xlinks+((targetYwidth)*factorSizeX)+1;


        yoben = position.y+(-targetYzoom*factorSizeY) -1;
        yunten = yoben+((targetYwidth)*factorSizeY)+1;


        if (position.x + zoomreference.clientWidth < xrechts)
        xrechts = position.x + zoomreference.clientWidth;

        if (position.y + zoomreference.clientHeight < yunten)
        yunten = position.y + zoomreference.clientHeight;



        width = xrechts - xlinks;
        height = yunten - yoben;

        zoomboxLeft1 =  document.getElementById("zoomboxLeft");          
        zoomboxLeft1.style.left = xlinks+"px";
        zoomboxLeft1.style.top = yoben+"px";
        zoomboxLeft1.style.width = "1px";
        zoomboxLeft1.style.height = height+ "px";


        zoomboxRight1 =  document.getElementById('zoomboxRight');          
        zoomboxRight1.style.width = "1px";
        zoomboxRight1.style.height = height+ "px";
        zoomboxRight1.style.left = xrechts+"px";
        zoomboxRight1.style.top = yoben+"px";

        zoomboxTop1 =  document.getElementById('zoomboxTop');          
        zoomboxTop1.style.height = "1px";
        zoomboxTop1.style.width = width+ "px";
        zoomboxTop1.style.left = xlinks+"px";
        zoomboxTop1.style.top = yoben+"px";

        zoomboxBottom1 =  document.getElementById('zoomboxBottom');          
        zoomboxBottom1.style.height = "1px";
        zoomboxBottom1.style.width = width+ "px";
        zoomboxBottom1.style.left = xlinks+"px";
        zoomboxBottom1.style.top = yunten+"px";

        zoomboxLeft1.style.visibility='visible';          
        zoomboxRight1.style.visibility='visible';          
        zoomboxTop1.style.visibility='visible';             
        zoomboxBottom1.style.visibility='visible';
    }

}

function zoomhide()
{
    
    document.getElementById('zoomboxLeft').style.visibility='hidden';          
    document.getElementById('zoomboxRight').style.visibility='hidden';          
    document.getElementById('zoomboxTop').style.visibility='hidden';             
    document.getElementById('zoomboxBottom').style.visibility='hidden';
}

-->
