var x,y;

function findPos(obj)
{
 var curleft = curtop = 0;
 if (obj.offsetParent)
   {
    do
      {
	   curleft += obj.offsetLeft;
	   curtop += obj.offsetTop;
	  }
	while (obj = obj.offsetParent);
   }
 x=curleft;
 y=curtop;
}

var przesun_do=10;
var kierunek="l";

var x1;

var przesunTimeout;

function ustaw_obrazek()
{
 clearTimeout(przesunTimeout);

 findPos(document.getElementById("magicznakraina_d"));

 x+=310;
 y+=31;

 document.getElementById("obrazek_klub_magicznych").style.display="block";

 document.getElementById("obrazek_klub_magicznych").style.left=x+"px";
 document.getElementById("obrazek_klub_magicznych").style.top=y+"px";

 x1=x;

 przesun_obrazek();
}

function przesun_obrazek()
{
 switch (kierunek)
   {
    case "l":x1--;
             if ( x1>=x-przesun_do )
               {
                document.getElementById("obrazek_klub_magicznych").style.left=x1+"px";

                if ( x1>x-przesun_do+2 ) przesuniecie=20;
                else przesuniecie=40;
               }
             else
               {
                x1=x-przesun_do;
                kierunek="p";
               }
             break;
    case "p":x1++;
             if ( x1<=x+przesun_do )
               {
                document.getElementById("obrazek_klub_magicznych").style.left=x1+"px";

                if ( x1<x+przesun_do-2 ) przesuniecie=20;
                else przesuniecie=40;
               }
             else
               {
                x1=x+przesun_do;
                kierunek="l";
               }
             break;
   }

 przesunTimeout=setTimeout("przesun_obrazek()",przesuniecie);
}

function ustawRozmiary()
{
 var width, height;

 if(window.innerWidth || window.innerHeight)
   {
    width = window.innerWidth;
    height = window.innerHeight;
   }
 else
   {
    var doc = window.document;
    width = doc.documentElement.clientWidth || doc.body.clientWidth;
    height = doc.documentElement.clientHeight || doc.body.clientHeight;
   }

 if ( height>720 )
   {
    document.getElementById("element").style.height="720px";
    document.getElementById("tabela_tlo").style.height="720px";
    document.getElementById("tabelaz_element").style.height="720px";
    document.getElementById("tabelaz_element_tekst").style.height="340px";
    document.getElementById("tabela_tlo_g1").style.height="360px";
    document.getElementById("tabela_tlo_g2").style.height="360px";
    document.getElementById("tabela_tlo_d1").style.height="360px";
    document.getElementById("tabela_tlo_d2").style.height="360px";
    document.getElementById("obrazek_zmiana1").style.top="85px";
    document.getElementById("obrazek_zmiana2").style.top="85px";
   }

 ustaw_obrazek();
}