// ===================================================================
// Author: Matt Kruse <matt@mattkruse.com>
// WWW: http://www.mattkruse.com/
//
// NOTICE: You may use this code for any purpose, commercial or
// private, without any further permission from the author. You may
// remove this notice from your final code if you wish, however it is
// appreciated by the author if at least my web site address is kept.
//
// You may *NOT* re-distribute this code in any way except through its
// use. That means, you can include it in your product, or your web
// site, or any other form where the code is actually being used. You
// may not put the plain javascript up on your site for download or
// include it in your javascript libraries for download.
// If you wish to share this code with others, please just point them
// to the URL instead.
// Please DO NOT link directly to my .js files from your site. Copy
// the files to your server and use them there. Thank you.
// ===================================================================


/* SOURCE FILE: AnchorPosition.js */

/*
AnchorPosition.js
Author: Matt Kruse
Last modified: 10/11/02

DESCRIPTION: These functions find the position of an <A> tag in a document,
so other elements can be positioned relative to it.

COMPATABILITY: Netscape 4.x,6.x,Mozilla, IE 5.x,6.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform.

FUNCTIONS:
getAnchorPosition(anchorname)
  Returns an Object() having .x and .y properties of the pixel coordinates
  of the upper-left corner of the anchor. Position is relative to the PAGE.

getAnchorWindowPosition(anchorname)
  Returns an Object() having .x and .y properties of the pixel coordinates
  of the upper-left corner of the anchor, relative to the WHOLE SCREEN.

NOTES:

1) For popping up separate browser windows, use getAnchorWindowPosition.
   Otherwise, use getAnchorPosition

2) Your anchor tag MUST contain both NAME and ID attributes which are the
   same. For example:
   <A NAME="test" ID="test"> </A>

3) There must be at least a space between <A> </A> for IE5.5 to see the
   anchor tag correctly. Do not do <A></A> with no space.
*/

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  return true
}
// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0


 function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1)
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }


// getAnchorPosition(anchorname)
//   This function returns an object having .x and .y properties which are the coordinates
//   of the named anchor, relative to the page.
function getAnchorPosition() {
	// This function will return an Object with x and y properties
	var coordinates=new Object();
	coordinates.x=tempX;
	coordinates.y=tempY;
//alert(coordinates.x+ " "+coordinates.y+ " "+anchorname);
	return coordinates;
	}

// getAnchorWindowPosition(anchorname)
//   This function returns an object having .x and .y properties which are the coordinates
//   of the named anchor, relative to the window
function getAnchorWindowPosition(anchorname) {
	var coordinates=new Object();
	coordinates.x=tempX;
	coordinates.y=tempY;
	return coordinates;
	}

// Functions for IE to get position of an object
function AnchorPosition_getPageOffsetLeft (el) {
	var ol=el.offsetLeft;
	while ((el=el.offsetParent) != null) { ol += el.offsetLeft; }
	return ol;
	}
function AnchorPosition_getWindowOffsetLeft (el) {
	return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft;
	}
function AnchorPosition_getPageOffsetTop (el) {
	var ot=el.offsetTop;
	while((el=el.offsetParent) != null) { ot += el.offsetTop; }
	return ot;
	}
function AnchorPosition_getWindowOffsetTop (el) {
	return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop;
	}

/* SOURCE FILE: PopupWindow.js */

/*
PopupWindow.js
Author: Matt Kruse
Last modified: 02/16/04

DESCRIPTION: This object allows you to easily and quickly popup a window
in a certain place. The window can either be a DIV or a separate browser
window.

COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform. Due to bugs in Netscape 4.x, populating the popup
window with <STYLE> tags may cause errors.

USAGE:
// Create an object for a WINDOW popup
var win = new PopupWindow();

// Create an object for a DIV window using the DIV named 'mydiv'
var win = new PopupWindow('mydiv');

// Set the window to automatically hide itself when the user clicks
// anywhere else on the page except the popup
win.autoHide();

// Show the window relative to the anchor name passed in
win.showPopup(anchorname);

// Hide the popup
win.hidePopup();

// Set the size of the popup window (only applies to WINDOW popups
win.setSize(width,height);

// Populate the contents of the popup window that will be shown. If you
// change the contents while it is displayed, you will need to refresh()
win.populate(string);

// set the URL of the window, rather than populating its contents
// manually
win.setUrl("http://www.site.com/");

// Refresh the contents of the popup
win.refresh();

// Specify how many pixels to the right of the anchor the popup will appear
win.offsetX = 50;

// Specify how many pixels below the anchor the popup will appear
win.offsetY = 100;

NOTES:
1) Requires the functions in AnchorPosition.js

2) Your anchor tag MUST contain both NAME and ID attributes which are the
   same. For example:
   <A NAME="test" ID="test"> </A>

3) There must be at least a space between <A> </A> for IE5.5 to see the
   anchor tag correctly. Do not do <A></A> with no space.

4) When a PopupWindow object is created, a handler for 'onmouseup' is
   attached to any event handler you may have already defined. Do NOT define
   an event handler for 'onmouseup' after you define a PopupWindow object or
   the autoHide() will not work correctly.
*/

// Set the position of the popup window based on the anchor
function PopupWindow_getXYPosition(anchorname) {
	var coordinates;
	if (this.type == "WINDOW") {
		coordinates = getAnchorWindowPosition(anchorname);
		}
	else {
		coordinates = getAnchorPosition(anchorname);
		}
	this.x = coordinates.x;
	this.y = coordinates.y;
	}
// Set width/height of DIV/popup window
function PopupWindow_setSize(width,height) {
	this.width = width;
	this.height = height;
	}
// Fill the window with contents
function PopupWindow_populate(contents) {
	this.contents = contents;
	this.populated = false;
	}
// Set the URL to go to
function PopupWindow_setUrl(url) {
	this.url = url;
	}
// Set the window popup properties
function PopupWindow_setWindowProperties(props) {
	this.windowProperties = props;
	}
// Refresh the displayed contents of the popup
function PopupWindow_refresh() {
	if (this.divName != null) {
		// refresh the DIV object
		if (this.use_gebi) {
			document.getElementById(this.divName).innerHTML = this.contents;
			}
		else if (this.use_css) {
			document.all[this.divName].innerHTML = this.contents;
			}
		else if (this.use_layers) {
			var d = document.layers[this.divName];
			d.document.open();
			d.document.writeln(this.contents);
			d.document.close();
			}
		}
	else {
		if (this.popupWindow != null && !this.popupWindow.closed) {
			if (this.url!="") {
				this.popupWindow.location.href=this.url;
				}
			else {
				this.popupWindow.document.open();
				this.popupWindow.document.writeln(this.contents);
				this.popupWindow.document.close();
			}
			this.popupWindow.focus();
			}
		}
	}

/*Position and show the popup, Note: On the new vista template in IE the 0,0 point is upper right corner of the main div tag (pageOutline or contentBody)
we must do a special calulation for IE so the div appears in the correct spot.
For Firefox the 0,0 point is right in the
middle of the main container div tag but only for certain items other items are counted from upper right corner
All other templates that don't use div tags work fine.
*/
function PopupWindow_showPopup(anchorname) {
//alert(anchorname);
var agt=navigator.userAgent.toLowerCase();
 var is_firefox =  (agt.indexOf("firefox") != -1);
var is_ie   = (agt.indexOf("msie") != -1);
var is_vista_template=(document.getElementById("contentBody") || document.getElementById("pageOutline"));
var xx = getAnchorPosition().x;
var yy =getAnchorPosition().y;
if (is_vista_template){
var xxx=0;
var yyy=0;
if (document.getElementById("contentBody")){
 xxx= findPosX(document.getElementById("contentBody"));
 yyy  = findPosY(document.getElementById("contentBody"));
}else{
 xxx= findPosX(document.getElementById("pageOutline"));
 yyy  = findPosY(document.getElementById("pageOutline"));
}
if (this.divName=="selectformdropmenu" && is_firefox){
x=findPosX(document.getElementById("mainMenu"));
	y= findPosY(document.getElementById("mainMenu"));
xx=xx-x;
	yy=yy-y;
}else if (this.divName == "selectFileAreaDropMenu"){
	x=findPosX(document.getElementById("mainMenu"));
	y= findPosY(document.getElementById("mainMenu"));
	xx=xx-x;
	yy=yy-y;

}else if (this.divName == "selectformdropmenu" && is_ie){
	x=findPosX(document.getElementById("mainMenu"));
	y= findPosY(document.getElementById("mainMenu"));
	xx=xx-x-30;
	yy=yy-y-20;
}else if (this.divName == "selectPrintJobFileAreaDropMenu" && is_firefox){
	x=findPosX(document.getElementById("addNewJobLink"));
	y= findPosY(document.getElementById("addNewJobLink"));
	xx=xx-x;
	yy=yy-y;
}else if (this.divName == "selectPrintJobFileAreaDropMenu" && is_ie){
	x=findPosX(document.getElementById("mainMenu"));
	y= findPosY(document.getElementById("mainMenu"));
	xx=xx-x-30;
	yy=yy-y+30;
}else if (this.divName == "selectformdropmenucontact" && is_firefox){
	xx=xx-500;
}else if (this.divName == "dropmenu0" && is_firefox){
	x=findPosX(document.getElementById("pageOutline"));
	y= findPosY(document.getElementById("pageOutline"));
	xx=xx;//0;//xx-x;
	yy=yy;//0;//yy-y;
}else if (this.divName == "dropmenu1" && is_firefox){
	xx=0;
	yy=yy;
}else if (this.divName == "dropmenu2" && is_firefox){
	xx=0;
	yy=yy;
}else if (this.divName == "dropfilters" && is_firefox){
	xx=xx;
	yy=yy;
}else if (this.divName == "dropbanned" && is_firefox){
	xx=xx;
	yy=yy;
}else if (this.divName == "jobsperpagemenu" && is_firefox){
	xx=xx;
	yy=yy;
}else if (this.divName == "jobsperpagemenuAdmin" && is_firefox){
	xx=0;
	yy=yy;
}else if (this.divName == "jobsperpagemenuAdmin" && is_ie){
x=findPosX(document.getElementById("pageOutline"));
	y= findPosY(document.getElementById("pageOutline"));
	xx=xx-x;
	yy=yy-(y+50);
}else if (this.divName == "jobsperpagemenu" && is_ie){
	x=findPosX(document.getElementById("mainMenu"));
	y= findPosY(document.getElementById("mainMenu"));
	xx=xx-x;
	yy=yy-y;
}else if (this.divName == "viewJobTypeMenu" && is_firefox){
	xx=xxx-250;
	yy=yyy;
}else if (is_firefox && document.getElementById("pageOutline")){
	if(this.divName !==null){
	x= findPosX(document.getElementById("pageOutline"));
 	y  = findPosY(document.getElementById("pageOutline"));
		xx=xx-x;
		yy=yy-y;
	}
	else{
		this.x=xxx;
		this.y=yyy;
	}
}else {
	xx=xx-xxx;
	yy=yy-yyy;
	if (yy<0) yy=50;
	if (xx<0) xx=50;
}
}
		if(this.divName !==null){
	  	document.getElementById(this.divName).style.position="absolute";
	  	document.getElementById(this.divName).style.left =  xx+"px";
	  	document.getElementById(this.divName).style.top = yy+"px";
	  	document.getElementById(this.divName).style.visibility = "visible";
		}
		else{
			if (this.popupWindow == null || this.popupWindow.closed) {
				// If the popup window will go off-screen, move it so it doesn't
				this.x=-1;
				this.y=-1;
				if (this.x<0) { this.x=0; }
				if (this.y<0) { this.y=0; }
				if (screen && screen.availHeight) {
					if ((this.y + this.height) > screen.availHeight) {
						this.y = screen.availHeight - this.height;
					}
				}
				if (screen && screen.availWidth) {
					if ((this.x + this.width) > screen.availWidth) {
						this.x = screen.availWidth - this.width;
					}
				}
				var avoidAboutBlank = window.opera || ( document.layers && !navigator.mimeTypes['*'] ) || navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled );
				this.popupWindow = window.open(avoidAboutBlank?"":"about:blank","window_"+anchorname,this.windowProperties+",width="+this.width+",height="+this.height+",screenX="+xx+",left="+xx+",screenY="+yy+",top="+yy+"");
				}
			this.refresh();

		}
  }

// Hide the popup
function PopupWindow_hidePopup() {
	if (this.divName != null) {
		if (this.use_gebi) {
			if (document.getElementById(this.divName) != null){
			document.getElementById(this.divName).style.visibility = "hidden";
			}
		}
		else if (this.use_css) {
			document.all[this.divName].style.visibility = "hidden";
			}
		else if (this.use_layers) {
			document.layers[this.divName].visibility = "hidden";
			}
		}
	else {
		if (this.popupWindow && !this.popupWindow.closed) {
			this.popupWindow.close();
			this.popupWindow = null;
			}
		}
	}
// Pass an event and return whether or not it was the popup DIV that was clicked
function PopupWindow_isClicked(e) {
	if (this.divName != null) {
		if (this.use_layers) {
			var clickX = e.pageX;
			var clickY = e.pageY;
			var t = document.layers[this.divName];
			if ((clickX > t.left) && (clickX < t.left+t.clip.width) && (clickY > t.top) && (clickY < t.top+t.clip.height)) {
				return true;
				}
			else { return false; }
			}
		else if (document.all) { // Need to hard-code this to trap IE for error-handling
			var t = window.event.srcElement;
			while (t.parentElement != null) {
				if (t.id==this.divName) {
					return true;
					}
				t = t.parentElement;
				}
			return false;
			}
		else if (this.use_gebi && e) {
			var t = e.originalTarget;
			while (t.parentNode != null) {
				if (t.id==this.divName) {
					return true;
					}
				t = t.parentNode;
				}
			return false;
			}
		return false;
		}
	return false;
	}

// Check an onMouseDown event to see if we should hide
function PopupWindow_hideIfNotClicked(e) {
	if (this.autoHideEnabled && !this.isClicked(e)) {
		this.hidePopup();
		}
	}
// Call this to make the DIV disable automatically when mouse is clicked outside it
function PopupWindow_autoHide() {
	this.autoHideEnabled = true;
	}
// This global function checks all PopupWindow objects onmouseup to see if they should be hidden
function PopupWindow_hidePopupWindows(e) {
	for (var i=0; i<popupWindowObjects.length; i++) {
		if (popupWindowObjects[i] != null) {
			var p = popupWindowObjects[i];
			p.hideIfNotClicked(e);
			}
		}
	}
// Run this immediately to attach the event listener
function PopupWindow_attachListener() {
	if (document.layers) {
		document.captureEvents(Event.MOUSEUP);
		}
	window.popupWindowOldEventListener = document.onmouseup;
	if (window.popupWindowOldEventListener != null) {
		document.onmouseup = new Function("window.popupWindowOldEventListener(); PopupWindow_hidePopupWindows();");
		}
	else {
		document.onmouseup = PopupWindow_hidePopupWindows;
		}
	}
// CONSTRUCTOR for the PopupWindow object
// Pass it a DIV name to use a DHTML popup, otherwise will default to window popup
function PopupWindow() {
	if (!window.popupWindowIndex) { window.popupWindowIndex = 0; }
	if (!window.popupWindowObjects) { window.popupWindowObjects = new Array(); }
	if (!window.listenerAttached) {
		window.listenerAttached = true;
		PopupWindow_attachListener();
		}
	this.index = popupWindowIndex++;
	popupWindowObjects[this.index] = this;
	this.divName = null;
	this.popupWindow = null;
	this.width=0;
	this.height=0;
	this.populated = false;
	this.visible = false;
	this.autoHideEnabled = false;

	this.contents = "";
	this.url="";
	this.windowProperties="toolbar=no,location=no,status=no,menubar=no,scrollbars=auto,resizable,alwaysRaised,dependent,titlebar=no";
	if (arguments.length>0) {
		this.type="DIV";
		this.divName = arguments[0];
		}
	else {
		this.type="WINDOW";
		}
	this.use_gebi = false;
	this.use_css = false;
	this.use_layers = false;
	if (document.getElementById) { this.use_gebi = true; }
	else if (document.all) { this.use_css = true; }
	else if (document.layers) { this.use_layers = true; }
	else { this.type = "WINDOW"; }
	this.offsetX = 0;
	this.offsetY = 0;
	// Method mappings
	this.getXYPosition = PopupWindow_getXYPosition;
	this.populate = PopupWindow_populate;
	this.setUrl = PopupWindow_setUrl;
	this.setWindowProperties = PopupWindow_setWindowProperties;
	this.refresh = PopupWindow_refresh;
	this.showPopup = PopupWindow_showPopup;
	this.hidePopup = PopupWindow_hidePopup;
	this.setSize = PopupWindow_setSize;
	this.isClicked = PopupWindow_isClicked;
	this.autoHide = PopupWindow_autoHide;
	this.hideIfNotClicked = PopupWindow_hideIfNotClicked;
	}