var oDiv;
   var filter;
   var aktiv=false;
   document.onmousemove = nasledujMys;
   var width,height;
   var cislo=0;
   var obrname="";
   var timerIdOpozdeneDeaktivace;
   var timerIdOpozdeneAktivace;
   var sourceElement,sourceElement2;
   var safariSance=false;
   var path;
   var pohybuj=false;//nastavuje se zda bude obrazek nasledovat kruzor
   var aktivCasovacAktivace= false;
   //alert(navigator.userAgent)

   function dejFilter(obj,path) 
     {
     if(filter)
       {
       //return;
       obj.style.filter=
         "progid:DXImageTransform.Microsoft." +
         "AlphaImageLoader(src='" + obj.src + "',sizingMethod='scale')";
       //alert(obj.style.filter)
       obj.src=path+"layout/leerdot.gif";  
       }
     }
   function nasledujMys(event)
     {
     if(window.event)event=window.event;
     if(aktiv)
       {
       if(pohybuj)computePos(event.clientX,event.clientY);
       }
     }
   function computePos(clientX,clientY)
     {
       clientWidth=document.all ? Math.max(document.documentElement.scrollLeft+document.documentElement.clientWidth,document.documentElement.scrollWidth) : window.innerWidth - 15;
       clientHeight= document.all ? Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) : Math.min(window.innerHeight);
       scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
       if((clientX+width + 7+7+2+2)<clientWidth)posX=clientX +2+((navigator.userAgent.indexOf('AppleWebKit')>0)?(2):(0));
       else posX=clientX-width-2-7-7-2;
       oDiv.style.left = posX;
       //alert(navigator.appName);
       if((clientY+height+12+2+2-((navigator.userAgent.indexOf('AppleWebKit')>0)?(scrollTop):(0)))<clientHeight)
          posY = clientY + 2+ scrollTop;
       else 
         {
         posY=clientY-height-12-2-2+5+ scrollTop;
         }
       if(navigator.userAgent.indexOf('AppleWebKit')>0)posY-=scrollTop;
       oDiv.style.top = posY;
       //document.getElementById('m1').innerHTML=posX+":"+posY+"::"+cislo+"clientWidth:"+clientWidth;
     }
   function aktivuj()
     {
     oDiv.style.display='block';
     aktivCasovacAktivace=false;
     }
   function ukazvys(event,_path,_obrname,_width,_height,link)
     {
     cislo++;
     safariSance=false;
     //document.getElementById('m1').innerHTML=aktiv+":"+cislo;
     if(obrname==_obrname && aktiv)
       {
       clearTimeout(timerIdOpozdeneDeaktivace);
       if(pohybuj)computePos(event.clientX,event.clientY);
       //aktiv=true;
       return;
       }
     if(aktiv)
       {
       clearTimeout(timerIdOpozdeneDeaktivace);
       try
         {
         document.body.removeChild(oDiv);
         }
       catch(e){}
       }
     aktiv=true;
     obrname=_obrname;
     width=_width;
     height=_height;
     path=_path;
     if(navigator.userAgent.indexOf('AppleWebKit')>0)
       {
       sourceElement2=event.currentTarget;
       }
     oDiv = document.createElement("div");
     oDiv.style.display='none';
     if(aktivCasovacAktivace)
       {
       clearTimeout(timerIdOpozdeneAktivace)
       }
     aktivCasovacAktivace=true;
     timerIdOpozdeneAktivace = setTimeout("aktivuj()",2000);
     oDiv.style.position="absolute";
     oDiv.style.width = width + 7+7+2;
     oDiv.style.height = height + 12+2;
     computePos(event.clientX,event.clientY);

     var obrDiv = document.createElement("div");
     obrDiv.style.styleFloat="left";
     obrDiv.style.cssFloat="left";    
    
     var obr = document.createElement("img");
     obr.src=path+"products/"+obrname;
     obr.width=width;
     obr.height=height;
     obr.border=1;
     obr.style.borderColor="#C3C3C3";
     if(navigator.userAgent.indexOf("MSIE")>0)filter=true;

     if(link!="")
       {
       var a = document.createElement("a");
       a.href=link;
       a.border=0;
       a.appendChild(obr);
       //obr=a;
       }
     

     var obra1 = document.createElement("img");
     obra1.src=path+"layout/a1.png";
     dejFilter(obra1,path);
     obra1.height=16;
     obra1.width=7;
     var obra2 = document.createElement("img");
     obra2.src=path+"layout/a2.png";
     dejFilter(obra2,path);
     obra2.width=7;
     //obra2.style.borderWidth='1px';
     //obra2.style.borderColor='red';
     //obra2.style.borderStyle='solid';
     obra2.height=height-16-3+2;
     var obra3 = document.createElement("img");
     obra3.src=path+"layout/a3.png";
     dejFilter(obra3,path);
     obra3.width=7;
     obra3.height=3;


     var obre1 = document.createElement("img");
     obre1.src=path+"layout/e1.png";
     dejFilter(obre1,path);
     obre1.width=7;
     obre1.height=16;
     var obre2 = document.createElement("img");
     obre2.src=path+"layout/e2.png";
     dejFilter(obre2,path);
     obre2.width=7;
     obre2.height=height-16-3+2;
     var obre3 = document.createElement("img");
     obre3.src=path+"layout/e3.png";
     dejFilter(obre3,path);
     obre3.width=7;
     obre3.height=3;


     var obra4 = document.createElement("img");
     obra4.src=path+"layout/a4.png";
     dejFilter(obra4,path);
     obra4.height=12;
     obra4.width=7;
     var obrb4 = document.createElement("img");
     obrb4.src=path+"layout/b4.png";
     dejFilter(obrb4,path);
     obrb4.height=12;
     obrb4.width=7;
     var obrc4 = document.createElement("img");
     obrc4.src=path+"layout/c4.png";
     dejFilter(obrc4,path);
     //alert(obr.width)
     obrc4.width=width-14+2;
     obrc4.height=12;
     var obrd4 = document.createElement("img");
     obrd4.src=path+"layout/d4.png";
     dejFilter(obrd4,path);
     obrd4.height=12;
     obrd4.width=7;
     var obre4 = document.createElement("img");
     obre4.src=path+"layout/e4.png";
     dejFilter(obre4,path);
     obre4.height=12;
     obre4.width=7;

     oDivL = document.createElement("div");
     oDivL.style.width="7px";
     oDivL.style.styleFloat="left";
     oDivL.style.cssFloat="left";
     

     oDivL.appendChild(obra1);
     oDivL.appendChild(document.createElement("br"));
     oDivL.appendChild(obra2);
     oDivL.appendChild(document.createElement("br"));
     oDivL.appendChild(obra3);

     oDivR = document.createElement("div");
     //oDivR.style.width="7px";
     oDivR.style.styleFloat="left";
     //oDivR.style.cssFloat="left";

     oDivR.appendChild(obre1);
     oDivR.appendChild(document.createElement("br"));
     oDivR.appendChild(obre2);
     oDivR.appendChild(document.createElement("br"));
     oDivR.appendChild(obre3);

     if(link!="")obrDiv.appendChild(a);
     else obrDiv.appendChild(obr);

     var oDivT = document.createElement("div");
     //oDivT.style.styleFloat="none";
     //oDivT.style.cssFloat="left";
     oDivT.style.width="100%";
     oDivT.appendChild(oDivL);
     oDivT.appendChild(obrDiv);
     oDivT.appendChild(oDivR);

     var oDivB = document.createElement("div");
     //oDivB.style.styleFloat="none";
     //oDivB.style.cssFloat="left";

     oDivB.appendChild(obra4);
     oDivB.appendChild(obrb4);
     oDivB.appendChild(obrc4);
     oDivB.appendChild(obrd4);
     oDivB.appendChild(obre4); 


     oDiv.appendChild(oDivT); 
     oDiv.appendChild(oDivB);

     document.body.appendChild(oDiv);
     }
   function skryjvys(event)
     {
     if(window.event)event=window.event;
     if(event=='kon')
       {
       //alert('ukoncen');
       //document.getElementById('m1').innerHTML='ukoncen';
       }
     else if(event)
       {
       //alert(event)
       if(event.toElement)
         {
         target=event.toElement;
         targetHelp="IE";
         }
       if(event.relatedTarget)
         { 
         target=event.relatedTarget;
         targetHelp="DOM";
         //document.getElementById('m1').innerHTML="nalezen relatedTarget";
         }
       if(target==oDiv || target.parentNode==oDiv || target.parentNode.parentNode==oDiv || target.parentNode.parentNode.parentNode==oDiv)
         {
         //document.getElementById('m1').innerHTML="Zachrana "+targetHelp;
         timerIdOpozdeneDeaktivace = setTimeout("skryjvys('kon')",1500)
         return;
         }
       //if(navigator.userAgent.indexOf('AppleWebKit')>0 && !safariSance)
       if(navigator.userAgent.indexOf('AppleWebKit')>0)
         {
         //na safari vice pozde ma chybu v tom ze zapomene kde je mys...
         safariSance=true;
         clearTimeout(timerIdOpozdeneDeaktivace);
         sourceElement=event.target;
         sourceElement.onmousemove = safariRep;
         timerIdOpozdeneDeaktivace = setTimeout("skryjvys('kon')",3000)
         return;
         }
       //else if(navigator.userAgent.indexOf('AppleWebKit')>0)document.getElementById('m1').innerHTML="nedam 2 sanci";
       }
     //else document.getElementById('m1').innerHTML="nenalezen event";
     //if(navigator.userAgent.indexOf('AppleWebKit')==-1 || sourceElement2==event.relatedTarget)
     //  {
       try
         {
         document.body.removeChild(oDiv);
         }
       catch(e){}
       aktiv=false;
     //  }
     }

function safariRep(event)
  {
  if(event.target==sourceElement)
    {
    //document.getElementById('m1').innerHTML="zachrana Saf";
    clearTimeout(timerIdOpozdeneDeaktivace);
    if(!aktiv)
      {
      ukazvys(event,path,obrname,width,height);
      }
    else
      {
      if(pohybuj)computePos(event.clientX,event.clientY);
      //timerIdOpozdeneDeaktivace = setTimeout("skryjvys('kon')",2000);
      }
    }
  }