var maxHeight = 150;
      var maxWidth = 150;
      var minHeight = 50;
      var minWidth = 50;
      var horMargins = 100;

      var dock_panel;

      function dockpanel_mousemove(middlePane_index) {
        changePositions(middlePane_index);
      }

      function changePositions(middlePane_index) {

          var maxAvstand = Math.max(Math.abs(middlePane_index - dock_panel.childNodes.length), middlePane_index);
          var ky = (maxHeight - minHeight) / maxAvstand;
          var kx = (maxWidth - minWidth) / maxAvstand;

       
          for (var i = 0; i < dock_panel.childNodes.length; i++) {

              if (dock_panel.childNodes[i].style != undefined) {
              
                  var storlek = Math.abs(i - middlePane_index);

                  dock_panel.childNodes[i].style.zIndex = 100 - Math.abs(i - middlePane_index);


                  var underIndex = 0;
                  if ('Microsoft Internet Explorer' != navigator.appName) {
                      underIndex = 1;
                  }
                  $('#' + dock_panel.childNodes[i].childNodes[underIndex].id).animate(
                    {
                        height: maxHeight - storlek * ky,
                        width: maxWidth - storlek * kx
                    }, 100);

                  $('#' + dock_panel.childNodes[i].id).animate(
                    {
                        left: dock_panel.childNodes[i].style.center_pos - ((maxWidth - storlek * kx) / 2),
                        top: 100 - ((maxHeight - storlek * ky) / 2)
                    }, 100);

                  dock_panel.childNodes[i].childNodes[underIndex + 2].style.position = 'absolute';
                  $('#' + dock_panel.childNodes[i].childNodes[underIndex + 2].id).animate(
                    {
                        width: maxWidth - storlek * kx,
                        top: maxHeight - storlek * ky,
                        left: 0
                    }, 100);

                  //  fontSize: 20 - 2 * storlek
                  
                  dock_panel.childNodes[i].childNodes[underIndex + 4].style.position = 'absolute';
                  $('#' + dock_panel.childNodes[i].childNodes[underIndex + 4].id).animate(
                    {
                        width: maxWidth - storlek * kx,
                        top:maxHeight - storlek * ky + (20 - 2 * storlek),
                        left: 0
                    }, 100);

                    //  fontSize: Math.max(2,12 - 2*storlek)

                    if (i == middlePane_index) {
                        dock_panel.childNodes[i].childNodes[underIndex + 4].style.visibility = 'visible';
                    } else {
                        dock_panel.childNodes[i].childNodes[underIndex + 4].style.visibility = 'hidden';
                    }
              }
          }
      }

      function set_dockevents() {

          if ('Microsoft Internet Explorer' == navigator.appName) {
              changePositions(3);
              $('#' + dock_panel.id).mouseleave(function() { changePositions(3) });
          }
          else {
              changePositions(4);
              $('#' + dock_panel.id).mouseleave(function() { changePositions(4) });
          }
      }