

  moving="";



  function show(nr)

  {

    moving="ok";

    document.getElementById('lager'+nr).style.visibility="visible";

  }



  function hide(nr)

  {

    moving="no";

    document.getElementById('lager'+nr).style.visibility="hidden";

  }



  document.onmousemove=move;



  function move(e)

  {

    if(moving=="ok")

    {

      if(e)

      {

        document.getElementById('lager1').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager2').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager3').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager4').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager5').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager6').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager7').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager8').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager9').style.left =parseInt(e.clientX)+10+"px";

        document.getElementById('lager10').style.left=parseInt(e.clientX)+10+"px";
        
        document.getElementById('lager11').style.left=parseInt(e.clientX)+10+"px";

        document.getElementById('lager12').style.left=parseInt(e.clientX)+10+"px";

      }

      else

      {

        document.getElementById('lager1').style.left =parseInt(event.clientX)+10+"px";   // window.event.x kan även användas!

        document.getElementById('lager2').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager3').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager4').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager5').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager6').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager7').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager8').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager9').style.left =parseInt(event.clientX)+10+"px";

        document.getElementById('lager10').style.left=parseInt(event.clientX)+10+"px";
        
        document.getElementById('lager11').style.left=parseInt(event.clientX)+10+"px";

        document.getElementById('lager12').style.left=parseInt(event.clientX)+10+"px";
      }

    }

  }






