function highlight() {
   if (event.srcElement.color != '#3333ff')
      event.srcElement.color = '#3333ff';
   else
      event.srcElement.color = '#ff3333';
}

function move() {
   if (event.button == 1 && dragapproved) {
      mainWindow.style.pixelLeft = temp1 + event.clientX-x
      mainWindow.style.pixelTop = temp2 + event.clientY-y

      // test.innerHTML = 'old/newposx | old/newposy: ' + oldPositionX + '/' + mainWindow.style.pixelLeft + " | " + oldPositionY + '/' + mainWindow.style.pixelTop
      return false
   }
   else if (event.button == 1 && resizeapproved) {
      if (temp3 + event.clientX-x > 220) {
         mainContentArea.width  = temp3 + event.clientX-x
      }
      if (temp4 + event.clientY-y > 0) {
         mainContentArea.height = temp4 + event.clientY-y
      }

      tmpx = mainContentArea.height
      tmpy = mainContentArea.width

      return false
   }
}
function drags() {
   if (event.srcElement.className == "drag") {
      dragapproved = true

      if (currentWindow == 'main') {
         temp1 = mainWindow.style.pixelLeft
         temp2 = mainWindow.style.pixelTop
      }

      x = event.clientX
      y = event.clientY
      document.onmousemove=move
   }
   else if (event.srcElement.className == "resize") {
      resizeapproved = true
      temp3 = parseInt(mainContentArea.width)
      temp4 = parseInt(mainContentArea.height)
      x = event.clientX
      y = event.clientY
      document.onmousemove=move
   }
}
document.onmousedown = drags
document.onmouseup = new Function("dragapproved=false;resizeapproved=false")