var unlock = new Image();
unlock.src = "images/unlock.gif";
var unlockOver = new Image();
unlockOver.src = "images/unlock_over.gif";

var enlarge = new Image();
enlarge.src = "images/plus.gif";
var enlargeOver = new Image();
enlargeOver.src = "images/plus_over.gif";

function imgSwap(imgName,imgSrc)
{
  imgName.src = imgSrc.src;
}

function unlockSwatch(itemLock,itemLockImg,itemSwatch,itemDetails,itemHolder,itemPlaceHolder,itemEnlarger)
{
  document.getElementById(itemLockImg).style.visibility = 'hidden';
  document.getElementById(itemLock).style.border = '1px solid';
  document.getElementById(itemLock).style.borderColor = '#ffffff';
  document.getElementById(itemDetails).style.backgroundColor = '#dddddd';
  document.getElementById(itemDetails).style.borderColor = '#999999';
  document.getElementById(itemHolder).style.position = 'absolute';
  document.getElementById(itemPlaceHolder).style.visibility = 'hidden';
  document.getElementById(itemPlaceHolder).style.display = 'inline';
  document.getElementById(itemHolder).style.width = 170;
  document.getElementById(itemSwatch).style.cursor = 'move';
  document.getElementById(itemEnlarger).style.display = 'inline';
  document.getElementById(itemEnlarger).style.backgroundColor = '#999999';
  
}

function setFullSize(newWidth,newHeight,itemSwatch,itemHolder,itemEnlarger)
{
  document.getElementById(itemSwatch).style.width = newWidth;
  document.getElementById(itemSwatch).style.height = newHeight;
  document.getElementById(itemEnlarger).style.display = 'none';
}



////////////////////////////
////////////////////////////
////////////////////////////


isWin = (navigator.platform == "Win32") ? 1 : 0;
N = (document.all) ? 0 : 1;
var ob;
var over = false;
var currItem = "";
var maxZIndex = 100;

function MD(e) {
  if (over) {
    if (N) {
      ob = document.getElementById(currItem);
      X=e.layerX;
      Y=e.layerY;
      ob.style.zIndex = (maxZIndex+1);
      maxZIndex++;
      return false;
    } else {
      ob = document.getElementById(currItem);      
      ob = ob.style;
      ob.zIndex = (maxZIndex+1);
      maxZIndex++;
      X=event.offsetX;
      Y=event.offsetY;
    }
  }
}

function MM(e) {
  if (ob) {
    if (N) {
      ob.style.top = e.pageY-Y;
      ob.style.left = e.pageX-X;
      ob.style.zIndex = (maxZIndex+1);
      maxZIndex++;
    } else {
      if (isWin) {
        ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
        ob.pixelTop = event.clientY-Y + document.body.scrollTop;
      } else {
        ob.pixelLeft = event.clientX-X;
        ob.pixelTop = event.clientY-Y;
      }
      
      ob.zIndex = (maxZIndex+1);
      maxZIndex++;
      return false;
    }
  }
}



function MU() {
  ob = null;  
}

if (N) {
  document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}

document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;