isIE=document.all;
isNN=!document.all && document.getElementById;
isN4=document.layers;
isHot=false;
var winX;
var winY;

topDog=isIE ? "BODY" : "HTML";
whichDog=isIE ? document.all.draggableLayer : document.getElementById("draggableLayer");  

function ddInit(e){
  hotDog=isIE ? event.srcElement : e.target;
  
  while (hotDog.id != "titleBar" && hotDog.tagName != topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }
    if (hotDog.id == "titleBar"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}

function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}

function ddN4(whatDog){
  if (!isN4) return;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}

function hideDraggableLayer(){
    if (isIE||isNN) {
        whichDog.style.display="none";
        whichDog.style.visibility="hidden";
    } else if (isN4) {
        document.draggableLayer.display="none";
        document.draggableLayer.visibility="hide";
    }
}

function showDraggableLayer(num, imgno, mode) { 

    if (isIE || isNN) { 
        whichDog.style.display="";
        whichDog.style.visibility="visible";
    } else if (isN4) {
        document.draggableLayer.display="";
        document.draggableLayer.visibility="show";
    }
    
    if (isNN) { 
        // whichDog.style.top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1));
        whichDog.style.left = window.pageXOffset + ((parseInt(window.innerWidth) / 2) - 250);
        whichDog.style.top = window.pageYOffset + ((parseInt(window.innerHeight) / 2) - 210);
    }
    
    if (isN4) {
        // document.layers["draggableLayer"].top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1));
        document.layers["draggableLayer"].left = window.pageXOffset + (parseInt(window.innerWidth) / 2 - 250);
        document.layers["draggableLayer"].top = window.pageYOffset + (parseInt(window.innerHeight) / 2 - 210);
    }
    
    if (isIE) { 
        // whichDog.style.top = document.body.scrollTop + (document.body.clientHeight - (document.body.clientHeight-y1));
        whichDog.style.left = document.body.scrollLeft + (document.body.clientWidth / 2 - 250);
        whichDog.style.top = document.body.scrollTop + (document.body.clientHeight / 2 - 210);
    }
    if (mode=="CLASSIFIEDS") {
        setClassifiedsImagePreview (num, imgno, 'NO');
    } else {// For Gallery
        setGalleryImagePreview(num, imgno, 'NO');
    }
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");