// -------------------------------------------------------------------
// DHTML Window Widget- By Dynamic Drive, available at: http://www.dynamicdrive.com
// v1.0: Script created Feb 15th, 07'
// v1.01: Feb 21th, 07' (see changelog.txt)
// v1.02: March 26th, 07' (see changelog.txt)
// v1.03: May 5th, 07' (see changelog.txt)
// v1.1:  Oct 29th, 07' (see changelog.txt)
// -------------------------------------------------------------------

var popupwindow=
{
  imagefiles:['popupwindow/min.gif', 'popupwindow/close.gif', 'popupwindow/restore.gif', 'popupwindow/resize.gif'], //Path to 4 images used by script, in that order
  minimizeorder: 0,
  zIndexvalue:100,
  tobjects: [], //object to contain references to dhtml window divs, for cleanup purposes
  lastactivet: {}, //reference to last active DHTML window

  init:function(t)
  {
     var domwindow=document.createElement("div"); //create dhtml window div

     domwindow.id=t;
     domwindow.className="popupwindow";
     var domwindowdata=''

     // Header Row
     domwindowdata=' <div class="drag-handle">'
     domwindowdata+='PhotoCap Caption Preview ';
     domwindowdata+='<div class="drag-controls">'
     //domwindowdata+='<img src="'+this.imagefiles[0]+'" title="Minimize" />'
     domwindowdata+='<img src="'+this.imagefiles[1]+'" title="Close" />'
     domwindowdata+='</div>'
     domwindowdata+='</div>'

     // Title
     domwindowdata+='<div id="titleframe">'
     domwindowdata+='PhotoCap Caption Preview'
     domwindowdata+='</div>' // titleframe


     // Contents
     //domwindowdata+='<div id="previewframe" class="drag-contentarea">'
     domwindowdata+='<div id="previewframe" class="drag-contentarea">'
     domwindowdata+='</div>' // previewframe

     // Bottom buttons
     //domwindowdata+='<div id="commandbuttons"  class="commandbuttons">'
     domwindowdata+='<div id="commandbuttons"  class="commandbuttons">'
     domwindowdata+='<div id="div-close" onClick="javascript:popupwindow.close(document.getElementById(\'' +t+ '\'))";>';
     domwindowdata+='Close';
     domwindowdata+='</div>'
     domwindowdata+='</div>' // commandbuttons

     // Lowest row
     domwindowdata+='<div class="drag-statusarea">'
     domwindowdata+='<div class="drag-resizearea" style="background: transparent url('+this.imagefiles[3]+') top right no-repeat;">'
     domwindowdata+='</div>' // drag-resizearea
     domwindowdata+='</div>' // drag-statusarea

     domwindowdata+='</div>'
     domwindow.innerHTML=domwindowdata


     document.getElementById("popupwindowholder").appendChild(domwindow)
     //this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100 //z-index value for DHTML window: starts at 0, increments whenever a window has focus
     var t=document.getElementById(t)
     var divs=t.getElementsByTagName("div")
     for (var i=0; i<divs.length; i++){ //go through divs inside dhtml window and extract all those with class="drag-" prefix
      if (/drag-/.test(divs[i].className))
       t[divs[i].className.replace(/drag-/, "")]=divs[i] //take out the "drag-" prefix for shorter access by name
     }
     //t.style.zIndex=this.zIndexvalue //set z-index of this dhtml window
     t.handle._parent=t //store back reference to dhtml window
     t.resizearea._parent=t //same
     t.controls._parent=t //same

     t.onclose=function(){return true} //custom event handler "onclose"
     t.onmousedown=function(){popupwindow.setfocus(this)} //Increase z-index of window when focus is on it
     t.handle.onmousedown=popupwindow.setupdrag //set up drag behavior when mouse down on handle div
     t.resizearea.onmousedown=popupwindow.setupdrag //set up drag behavior when mouse down on resize div
     t.controls.onclick=popupwindow.enablecontrols
     t.show=function(){popupwindow.show(this)} //public function for showing dhtml window
     t.hide=function(){popupwindow.hide(this)} //public function for hiding dhtml window
     t.close=function(){popupwindow.close(this)} //public function for closing dhtml window (also empties DHTML window content)
     t.setSize=function(w, h){popupwindow.setSize(this, w, h)} //public function for setting window dimensions
     t.moveTo=function(x, y){popupwindow.moveTo(this, x, y)} //public function for moving dhtml window (relative to viewpoint)
     t.isResize=function(bol){popupwindow.isResize(this, bol)} //public function for specifying if window is resizable
     t.load=function(contenttype, contentsource, title){popupwindow.load(this, contenttype, contentsource, title)} //public function for loading content into window

     this.tobjects[this.tobjects.length]=t
     return t //return reference to dhtml window div
  }, // end init:function

  open:function(t, contenttype, contentsource, title, attr, recalonload)
  {
    var d=popupwindow //reference dhtml window object

    function getValue(Name)
    {
     var config=new RegExp(Name+"=([^,]+)", "i") //get name/value config pair (ie: width=400px,)
     return (config.test(attr))? parseInt(RegExp.$1) : 0 //return value portion (int), or 0 (false) if none found
    }

    if (document.getElementById(t)==null) //if window doesn't exist yet, create it
     t=this.init(t) //return reference to dhtml window div
    else
     t=document.getElementById(t)

    this.setfocus(t)

    t.setSize(getValue(("width")), (getValue("height"))) //Set dimensions of window
    var xpos=getValue("center")? "middle" : getValue("left") //Get x coord of window
    var ypos=getValue("center")? "middle" : getValue("top") //Get y coord of window

    //t.moveTo(xpos, ypos) //Position window
    if (typeof recalonload!="undefined" && recalonload=="recal" && this.scroll_top==0)
    { //reposition window when page fully loads with updated window viewpoints?
     if (window.attachEvent && !window.opera) //In IE, add another 400 milisecs on page load (viewpoint properties may return 0 b4 then)
      this.addEvent(window, function(){setTimeout(function(){t.moveTo(xpos, ypos)}, 400)}, "load")
     else
      this.addEvent(window, function(){t.moveTo(xpos, ypos)}, "load")
    }

    t.isResize(getValue("resize")) //Set whether window is resizable
    t.style.visibility="visible"
    t.style.display="block"
    //t.contentarea.style.display="block"
    t.moveTo(xpos, ypos) //Position window
    t.load(contenttype, contentsource, title)

    if (t.state=="minimized" && t.controls.firstChild.title=="Restore")
    { //If window exists and is currently minimized?
     t.controls.firstChild.setAttribute("src", popupwindow.imagefiles[0]) //Change "restore" icon within window interface to "minimize" icon
     t.controls.firstChild.setAttribute("title", "Minimize")
     t.state="fullview" //indicate the state of the window as being "fullview"
    }

    return t
  }, // end open:function


  setSize:function(t, w, h)
  { //set window size (min is 150px wide by 100px tall)
   iw = parseInt(w);
   ih = parseInt(h);

   if (iw > 0) t.style.width=Math.max(iw, 150)+"px"
   if (ih > 0) t.contentarea.style.height=Math.max(ih, 100)+"px"
  }, // end setSize:function

  moveTo:function(t, x, y)
  { //move window. Position includes current viewpoint of document
   this.getviewpoint() //Get current viewpoint numbers
   t.style.left=(x=="middle")? this.scroll_left+(this.docwidth-t.offsetWidth)/2+"px" : this.scroll_left+parseInt(x)+"px"
   t.style.top=(y=="middle")? this.scroll_top+(this.docheight-t.offsetHeight)/2+"px" : this.scroll_top+parseInt(y)+"px"
  }, // end moveTo:function

  isResize:function(t, bol)
  { //show or hide resize inteface (part of the status bar)
   t.statusarea.style.display=(bol)? "block" : "none"
   t.resizeBool=(bol)? 1 : 0
  }, // end isResize:function

  load:function(t, contenttype, contentsource, title)
  { //loads content into window plus set its title (3 content types: "inline", "iframe", or "ajax")
   if (t.isClosed)
   {
    alert("DHTML Window has been closed, so no window to load contents into. Open/Create the window again.")
    return
   }
   var contenttype=contenttype.toLowerCase() //convert string to lower case

   if (contenttype=="inline")
    t.contentarea.innerHTML=contentsource

   t.contentarea.datatype=contenttype //store contenttype of current window for future reference
  }, // end load:function


  setupdrag:function(e)
  {
   var d=popupwindow //reference dhtml window object
   var t=this._parent //reference dhtml window div
   d.etarget=this //remember div mouse is currently held down on ("handle" or "resize" div)
   var e=window.event || e
   d.initmousex=e.clientX //store x position of mouse onmousedown
   d.initmousey=e.clientY
   d.initx=parseInt(t.offsetLeft) //store offset x of window div onmousedown
   d.inity=parseInt(t.offsetTop)
   d.width=parseInt(t.offsetWidth) //store width of window div
   d.contentheight=parseInt(t.contentarea.offsetHeight) //store height of window div's content div

   document.onmousemove=d.getdistance //get distance travelled by mouse as it moves
   document.onmouseup=function(){

   d.stop()
   }
   return false
  }, // end setupdrag:function

  getdistance:function(e)
  {
   var d=popupwindow
   var etarget=d.etarget
   var e=window.event || e

   d.distancex=e.clientX-d.initmousex //horizontal distance travelled relative to starting point
   d.distancey=e.clientY-d.initmousey

   if (etarget.className=="drag-handle") //if target element is "handle" div
    d.move(etarget._parent, e)
   else if (etarget.className=="drag-resizearea") //if target element is "resize" div
    d.resize(etarget._parent, e)
   return false //cancel default dragging behavior
  }, // end getdistance:function

  getviewpoint:function()
  { //get window viewpoint numbers
   var ie=document.all && !window.opera
   var domclientWidth=document.documentElement && parseInt(document.documentElement.clientWidth) || 100000 //Preliminary doc width in non IE browsers
   this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
   this.scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
   this.scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
   this.docwidth=(ie)? this.standardbody.clientWidth : (/Safari/i.test(navigator.userAgent))? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
   this.docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
  }, // end getviewpoint:function


  rememberattrs:function(t)
  { //remember certain attributes of the window when it's minimized or closed, such as dimensions, position on page
   this.getviewpoint() //Get current window viewpoint numbers
   t.lastx=parseInt((t.style.left || t.offsetLeft))-popupwindow.scroll_left //store last known x coord of window just before minimizing
   t.lasty=parseInt((t.style.top || t.offsetTop))-popupwindow.scroll_top
   t.lastwidth=parseInt(t.style.width) //store last known width of window just before minimizing/ closing
  }, // end rememberattrs

  move:function(t, e)
  {
   t.style.left=popupwindow.distancex+popupwindow.initx+"px"
   t.style.top=popupwindow.distancey+popupwindow.inity+"px"
  }, // end move:function


  resize:function(t, e)
  {
   sizex = popupwindow.width+popupwindow.distancex;
   sizey = popupwindow.contentheight+popupwindow.distancey;

   if (sizex > 200)
   {
      t.style.width = sizex + 'px';
   } // end if (sizex > 0)

   if (sizey > 70)
   {
      t.style.height = (sizey + 85) + 'px';
      t.contentarea.style.height = (sizey - 20) + 'px';
   } // end if (sizey > 0)
  }, // endresize:function


  enablecontrols:function(e)
  {
   var d=popupwindow
   var sourceobj=window.event? window.event.srcElement : e.target //Get element within "handle" div mouse is currently on (the controls)
   if (/Minimize/i.test(sourceobj.getAttribute("title"))) //if this is the "minimize" control
    d.minimize(sourceobj, this._parent)
   else if (/Restore/i.test(sourceobj.getAttribute("title"))) //if this is the "restore" control
    d.restore(sourceobj, this._parent)
   else if (/Close/i.test(sourceobj.getAttribute("title"))) //if this is the "close" control
    d.close(this._parent)
   return false
  }, // end enablecontrols:function

  minimize:function(button, t)
  {
   popupwindow.rememberattrs(t)
   button.setAttribute("src", popupwindow.imagefiles[2])
   button.setAttribute("title", "Restore")
   t.state="minimized" //indicate the state of the window as being "minimized"

   t.statusarea.style.display="none"
   t.contentarea.style.display="none"
   document.getElementById("commandbuttons").style.display="none"


   if (typeof t.minimizeorder=="undefined"){ //stack order of minmized window on screen relative to any other minimized windows
    popupwindow.minimizeorder++ //increment order
    t.minimizeorder=popupwindow.minimizeorder
   }

   t.style.left="10px" //left coord of minmized window
   t.style.width="200px"
   var windowspacing=t.minimizeorder*10 //spacing (gap) between each minmized window(s)
   t.style.top=popupwindow.scroll_top+popupwindow.docheight-(t.handle.offsetHeight*t.minimizeorder)-windowspacing+"px"
  }, // end minimize:function

  restore:function(button, t)
  {
   popupwindow.getviewpoint()
   button.setAttribute("src", popupwindow.imagefiles[0])
   button.setAttribute("title", "Minimize")
   t.state="fullview" //indicate the state of the window as being "fullview"

   t.style.display="block"
   t.contentarea.style.display="block"
   document.getElementById("commandbuttons").style.display="block";

   if (t.resizeBool) //if this window is resizable, enable the resize icon
    t.statusarea.style.display="block"
   t.style.left=parseInt(t.lastx)+popupwindow.scroll_left+"px" //position window to last known x coord just before minimizing
   t.style.top=parseInt(t.lasty)+popupwindow.scroll_top+"px"
   t.style.width=parseInt(t.lastwidth)+"px"
  }, // end restore:function



  close:function(t)
  {
   try{
    var closewinbol=t.onclose()
   }
   catch(err){ //In non IE browsers, all errors are caught, so just run the below
    var closewinbol=true
   }
   finally{ //In IE, not all errors are caught, so check if variable isn't defined in IE in those cases
    if (typeof closewinbol=="undefined"){
     alert("An error has occured somwhere inside your \"onclose\" event handler")
     var closewinbol=true
    }

   }
   if (closewinbol){ //if custom event handler function returns true
    if (t.state!="minimized") //if this window isn't currently minimized
     popupwindow.rememberattrs(t) //remember window's dimensions/position on the page before closing

     t.contentarea.innerHTML=""
    t.style.display="none"
    t.isClosed=true //tell script this window is closed (for detection in t.show())
   }
   return closewinbol
  }, // end close:function


  setopacity:function(targetobject, value)
  { //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
   if (!targetobject)
    return
   if (targetobject.filters && targetobject.filters[0]){ //IE syntax
    if (typeof targetobject.filters[0].opacity=="number") //IE6
     targetobject.filters[0].opacity=value*100
    else //IE 5.5
     targetobject.style.filter="alpha(opacity="+value*100+")"
    }
   else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
    targetobject.style.MozOpacity=value
   else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
    targetobject.style.opacity=value
  }, // end setopacity:function

  setfocus:function(t)
  { //Sets focus to the currently active window
   this.zIndexvalue++
   t.style.zIndex=this.zIndexvalue
   t.isClosed=false //tell script this window isn't closed (for detection in t.show())

   this.setopacity(this.lastactivet.handle, 0.5) //unfocus last active window
   this.setopacity(t.handle, 1) //focus currently active window
   this.lastactivet=t //remember last active window
  }, // end setfocus:function


  show:function(t)
  {
   if (t.isClosed){
    alert("Caption Preview Window was closed.")
    return
   }
   if (t.lastx) //If there exists previously stored information such as last x position on window attributes (meaning it's been minimized or closed)
    popupwindow.restore(t.controls.firstChild, t) //restore the window using that info
   else
    t.style.display="block"

   this.setfocus(t)
   t.state="fullview" //indicate the state of the window as being "fullview"
  }, // end show:function

  hide:function(t)
  {
   t.style.display="none"
  }, // end hide:function


  stop:function()
  {
   popupwindow.etarget=null //clean up
   document.onmousemove=null
   document.onmouseup=null
  }, // end stop:function

  addEvent:function(target, functionref, tasktype)
  { //assign a function to execute to an event handler (ie: onunload)
   var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
   if (target.addEventListener)
    target.addEventListener(tasktype, functionref, false)
   else if (target.attachEvent)
    target.attachEvent(tasktype, functionref)
  }, // end addEvent:function

  cleanup:function()
  {
   for (var i=0; i<popupwindow.tobjects.length; i++){
    popupwindow.tobjects[i].handle._parent=popupwindow.tobjects[i].resizearea._parent=popupwindow.tobjects[i].controls._parent=null
   }
   window.onload=null
  } // end cleanup:function

} //End popupwindow object

document.write('<div id="popupwindowholder"><span style="display:none"></span></div>') //container that holds all dhtml window divs on page
window.onunload=popupwindow.cleanup