var imgsrc="1.gif"

var resizeimg_width= 412 
var resizeimg_height= 356 

var resizeimg_startx= 10 

var resizeimg_starty= 10 

var startsize= 4 

var gripimg_startx=Math.ceil(resizeimg_width/startsize)+resizeimg_startx- 15 
var gripimg_starty=Math.ceil(resizeimg_height/startsize)+resizeimg_starty- 15 

var preloadimg=new Image()
preloadimgsrc=imgsrc

var isNav, isIE
var offsetX, offsetY
var selectedObj
if (parseInt(navigator.appVersion) >=  4 ) {
 if (navigator.appName == "Netscape") {
  isNav = true
 } else {
  isIE = true
 }
}

function setZIndex(obj, zOrder) {
 obj.zIndex = zOrder
}
function shiftTo(obj, x, y) {
 if (isNav) {
  if (document.layers) {
  document.resizeimagediv.document.write("<img src="+imgsrc+" width="+(-resizeimg_startx+x+ 15 )+" height="+(-resizeimg_starty+y+ 15 )+">")
  document.resizeimagediv.document.close()
  }
  document.gripimagediv.left=x
  document.gripimagediv.top=y
 }
 else {
  resizeimagediv.innerHTML="<img src="+imgsrc+" width="+(-resizeimg_startx+x+ 15 )+" height="+(-resizeimg_starty+y+ 15 )+">"
  document.all.gripimagediv.style.posLeft=x
  document.all.gripimagediv.style.posTop=y
 }
}

function setSelectedElem(evt) {
 if (isNav) {
  var testObj
  var clickX = evt.pageX
  var clickY = evt.pageY
  for (var i = document.layers.length -  1 ; i >=  0 ; i--) {
   testObj = document.layers[i]
   if ((clickX > testObj.left) &&
    (clickX < testObj.left + testObj.clip.width) &&
    (clickY > testObj.top) &&
    (clickY < testObj.top + testObj.clip.height) && (testObj.name=="gripimagediv")) {
     selectedObj = testObj
     setZIndex(selectedObj,  100 )
     return
   }
  }
 } else {
  var imgObj = window.event.srcElement
  if (imgObj.parentElement.id.indexOf("gripimage") != - 1 ) {
   selectedObj = imgObj.parentElement.style
   setZIndex(selectedObj, 100 )
   return
  }
 }
 selectedObj = null
 return
}

function dragIt(evt) {
 if (selectedObj) {
  if (isNav) {
   shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
  } else {
   shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
   return false
  }
 }
}

function engage(evt) {
 setSelectedElem(evt)
 if (selectedObj) {
  if (isNav) {
   offsetX = evt.pageX - selectedObj.left
   offsetY = evt.pageY - selectedObj.top
  } else {
   offsetX = window.event.offsetX
   offsetY = window.event.offsetY
  }
 }
 return false
}

function release(evt) {
 if (selectedObj) {
  setZIndex(selectedObj,  0 )
  selectedObj = null
 }
}

function setNavEventCapture() {
 if (isNav) {
  document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
 }
}

function init() {
 if (isNav) {
  setNavEventCapture()
 }
 document.onmousedown = engage
 document.onmousemove = dragIt
 document.onmouseup = release
 if (document.all) {
  resizeimagediv.innerHTML="<img src="+imgsrc+" width="+Math.ceil(resizeimg_width/startsize)+">"
  document.all.resizeimagediv.style.posLeft=resizeimg_startx
  document.all.resizeimagediv.style.posTop=resizeimg_starty
  document.all.gripimagediv.style.posLeft=gripimg_startx
  document.all.gripimagediv.style.posTop=gripimg_starty
 }

 if (document.layers) {
  document.resizeimagediv.document.write("<img src="+imgsrc+" width="+Math.ceil(resizeimg_width/startsize)+">")
  document.resizeimagediv.document.close()
  document.resizeimagediv.left=resizeimg_startx
  document.resizeimagediv.top=resizeimg_starty
  document.gripimagediv.left=gripimg_startx
  document.gripimagediv.top=gripimg_starty
 }
}
// - End of JavaScript - -->