setTimeout("clearDeadOnMouseover();",1000);



var IE = document.all?true:false
if (!IE)
{
   document.captureEvents(Event.MOUSEMOVE)
}
// Set-up to use getMouseXY function onMouseMove

// Temporary variables to hold mouse x-y pos.s
var mouseX = 1
var mouseY = 1

var forceX =0;
var forceY =0;
var forceXY = false;

function both(e)
{
  getMouseXY(e);
  
  movef();
}

document.onmousemove = getMouseXY;


// Main function to retrieve mouse x-y pos.s


function clearDeadOnMouseover()
{
   
   setTimeout("clearDeadOnMouseover();",1000);
   
   /////////////////////////// ANFANG AUSBLENDEN WENN NICHT UEBER REFERENZ////////
    // test ob maus nicht mehr ueber dem referenzobjekt 
       if (overReference != null)
       { 
         
          
           positionref = getPosition(overReference);
           if (overReference.clientWidth == 0)
               rechts = positionref.x+overReference.offsetWidth;
           else
               rechts = positionref.x+overReference.clientWidth;

           if (overReference.clientHeight == 0)
               unten = positionref.y + overReference.offsetHeight;
           else
               unten = positionref.y + overReference.clientHeight;        




           if (mouseX != 1 && mouseY != 1) // sind noch nicht initialisiert
           {
               if (mouseX < positionref.x -10 || mouseX > rechts+10
                  || mouseY < positionref.y-10 || mouseY > unten+10
                  )
                  {
                   //  document.getElementById('test').innerHTML = '1CALLING OUTF!! ref:'+ overReference+' positionref.x='+ positionref.x + ", positionref.y=" + positionref.y + " mouseX ="+mouseX;
                      
                      outf();
                      return;
                  } 
           }
           
        } else
        {
           outf();
           
        } 
           /////////////////////////// ENDE AUSBLENDEN WENN NICHT UEBER REFERENZ////////
   
   
}

function getMouseXY(e) {
var IE = document.all?true:false
  if (IE) { // grab the x-y pos.s if browser is IE
    mouseX = event.clientX + document.body.scrollLeft
    mouseY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    mouseX = e.pageX
    mouseY = e.pageY
  }
  // catch possible negative values in NS4
  if (mouseX < 0){mouseX = 0}
  if (mouseY < 0){mouseY = 0}

  return true
}

var mousein=0;
var zoomdisplayed=0;
var zoomreference=null;
var waitforImage = null;
var abstandvertikal = 0;

var overReference = null; // referenz, ueber dem der mauszeiger sein muss

function loadimgf(reference,text,url,bottomtext)
{

      newString = new String (url);

   	heavyImage = new Image(); 

   	heavyImage.src = url;


   onmouseoverFunc(reference,"<p class='title'>" +text + "<\/p><br \/><img src='" + url + "'id='img1' onload='javascript:showf();'><br \/><div id='cdetails'>"+bottomtext+"<\/div>");

}


function loadf(reference,text,url,price,instock,lng,shirt)
{
      newString = new String (url);

   	heavyImage = new Image(); 

   	heavyImage.src = url;

    if (instock == 1)
    {
        stockimg = 'CurrentlyInStock.png';
    } else
    {
        stockimg = "NotInStock.png";
    } 
    

   
   if (lng == 1)
   {
      shirttext = 'Auch als<br/>Girlie, Sweater, Tasche';
      pricetext = "Preis:";
      bottomtext = "Klicken f&uuml;r Produktdetails";
      availtext = "Verf&uuml;gbarkeit:";
      if (instock == 1)
      {
          stock = 'Auf Lager';
      } else
      {
          stock = "Nicht auf Lager";
      } 
      
   } else
   {
       if (instock == 1)
       {
           stock = 'Currently In Stock';
       } else
       {
           stock = "Not availiable";
       }
       pricetext = "Price:";
       bottomtext = "Click for product details";
       availtext = "Availability:";
       shirttext = 'Availiable too:<br/>Girlie, Sweater, Bag';
   }
   
   if (shirt == 1)
   {

      shirt = "<div id='onmouseovershirtinfo'>"+shirttext+"</div>";
   } else
   {
      shirt = '';
   }
   
   htmlcode = "<p class='title'>" +text + "<\/p><br><img src='" + url + "'id='img1' onload='javascript:showf();'>"+shirt+"<br \/><div id='bg'><div id='price'><b>"+pricetext+"<\/b> " + price + "<\/div><div id='stock'><div id='stock1'>"+availtext+"<\/div><div id='stock2'><img src='/css/images/" + stockimg + "' alt='.' \/>&nbsp;&nbsp;" + stock + "<\/div><\/div><\/div><p class='cdetails'>"+bottomtext+"<\/p>";
   

   
    onmouseoverFunc(reference, htmlcode);



}



function onmouseoverSimpleText(reference,text, abstandydef)
{
    
    onmouseoverFunc(reference,"<div class='onmouseoversimpleText'>"+text+"<\/div><img  height='0' width='0' src='/images/zero.png'  onload='javascript:showf();'>", abstandydef);
    
}

function onmouseoverSimpleTextBig(reference,text, abstandydef)
{
    
    onmouseoverFunc(reference,"<div class='onmouseoversimpleTextBig'>"+text+"<\/div><img  height='0' width='0' src='/images/zero.png'  onload='javascript:showf();'>", abstandydef);
    
}


function onmouseoverFunc(reference,html, abstandydef)
{
     overReference = reference;

    document.getElementById("onmouseover").style.visibility='hidden';

      var mouseover = document.getElementById("onmouseover");

      mousein = 1;


    if (typeof(abstandydef) != 'undefined') {
        abstandvertikal = abstandydef;
    } else {
        abstandvertikal = 0;        
    }


   	var mouseX='0px';
   	var mouseY='0px';

      
      html=html.replace(/#LINEBR#/g,"<br />");

      mouseover.innerHTML = "<div class='mousebox'><center>"+html+"<\/center><\/div>";

      document.onmousemove = both;

}


function showf()
{
  movef();
  if (mousein)
  {
      setTimeout("document.getElementById(\"onmouseover\").style.visibility='visible';",200);
     
   }
}


function movef(abstandy)
{

     



   var mouseover = document.getElementById("onmouseover");

   var onmouseoverWidth = mouseover.offsetWidth;
   var onmouseoverHeight = mouseover.offsetHeight;

   var x,y;
   if (self.pageYOffset) // all except Explorer
   {
    x = self.pageXOffset;
    y = self.pageYOffset;
   }
   else if (document.documentElement && document.documentElement.scrollTop)
    // Explorer 6 Strict
   {
    x = document.documentElement.scrollLeft;
    y = document.documentElement.scrollTop;
   }
   else if (document.body) // all other Explorers
   {
        x = document.body.scrollLeft;
        y = document.body.scrollTop;
    }

    var windowWidth,windowHeight;
    if (self.innerHeight) // all except Explorer
    {
        windowWidth = self.innerWidth;
        windowHeight = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
        // Explorer 6 Strict Mode
    {
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    }
    else if (document.body) // other Explorers
    {
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }

    windowWidth -= 36;
    windowHeight -= 25;


    if (self.innerHeight) // all except Explorer
    {

   }else if (document.documentElement && document.documentElement.clientHeight)
       // Explorer 6 Strict Mode
   {
       mouseX += document.documentElement.scrollLeft;
       mouseY += document.documentElement.scrollTop;
   }
   else if (document.body) // other Explorers
   {
      mouseX +=  document.body.scrollLeft;
      mouseY += document.body.scrollTop;
   }
   
   
   
   
   
   
   
   
   
   
   
  
                            
   var yrel = mouseY - y;
   var xrel = mouseX - x;



   var abstand = 20;
   
   
   
   
   if (zoomdisplayed == 1)// zoom image product details
     {
         displayArtikelBildZoom();
     }
     
     //document.getElementById('test').innerHTML += "x:"+x + " abstand:"+abstand + ' forceX:' + forceX + 'forceY:'+forceY;
   

   
   if (forceXY == true)
   {
       abstand = 0;
       x = forceX;
       y = forceY;
       onmouseoverWidth = 0;
       onmouseoverHeight = 0
   } else {
       x = mouseX;
       y = mouseY;
   }
   

   if (windowWidth - xrel < onmouseoverWidth) // box links vom mauszeiger
   {
      mouseover.style.left=x-onmouseoverWidth-abstand +'px';
   }else // box rechts vom mauszeiger
   {
      mouseover.style.left=(x+abstand) +'px';
   }


       abstand -= 80 - abstandvertikal;
    


   

   if (windowHeight > yrel + onmouseoverHeight + abstand 
       || y-onmouseoverHeight-abstand < 0)
      { 
           // box unterhalb mauszeiger   
           mouseover.style.top=y+abstand +'px';
      }else
      { 
              // box oberhalb mauszeiger 
                 mouseover.style.top=y-onmouseoverHeight-abstand+'px';



      }

  

  
  

  
   clearDeadOnMouseover();

  
}

function outf()
{


    zoomreference = null;
    overReference = null;
       zoomdisplayed = 0;
       
    forceXY = false;
    
    //document.getElementById('test').innerHTML +=  'outf: forceX:' + forceX + 'forceY:'+forceY +"<br>";
    
    
   mousein = 0;
   document.onmousemove=getMouseXY; //////////////////////////////////////////////
   
   document.getElementById("onmouseover").style.visibility='hidden';
   document.getElementById('zoomboxLeft').style.visibility='hidden';          
   document.getElementById('zoomboxRight').style.visibility='hidden';          
   document.getElementById('zoomboxTop').style.visibility='hidden';             
   document.getElementById('zoomboxBottom').style.visibility='hidden';          
   
}


function onmouseoverSimpleTextRightOfElement(e, html)
{
   
    var position = getPosition(e);

    
    if (e.clientWidth == 0)
        forceX = position.x + e.offsetWidth;
    else
        forceX = position.x + e.clientWidth;
    forceY = position.y;
    
    forceXY = true;
    
    
    //alert(e.offsetWidth);
    onmouseoverSimpleText(e,html);
}

function getPosition(e)
{
    var position = {x:0,y:0};

    while (e)
    {
        position.x += e.offsetLeft;
        position.y += e.offsetTop;
        e = e.offsetParent;
    }
    return position;
}

-->