ÿþ/********************************************************************************************************************

* PopBox.js, v2.7a Copyright (c) 2009, C6 Software, Inc. (http://www.c6software.com/)

* PopBox is released under the Creative Commons GNU GPL license (http://creativecommons.org/licenses/GPL/2.0/)

* and is free to use in both commercial and non-commercial work, provided this header remains at the top.

* The latest version and documentation can be found at http://www.c6software.com/products/popbox/default.aspx.

* Questions and suggestions can be sent to john.reid@c6software.com. Please put "PopBox" somewhere in the

* email subject so I can easily filter. Send me your URL and I may post it!

* PopBox relies on many methods from Danny Goodman's (www.dannyg.com) javascript library DHTMLAPI.js

* and his books, without which scores of web developers would be totally lost. Thanks Danny.

********************************************************************************************************************/



// Seek nested NN4 layer from string name

function SeekLayer(doc, name) {

    var theObj;

    for (var i = 0; i < doc.layers.length; i++) {

        if (doc.layers[i].name == name) {

            theObj = doc.layers[i];

            break;

        }

        // dive into nested layers if necessary

        if (doc.layers[i].document.layers.length > 0) {

            theObj = SeekLayer(document.layers[i].document, name);

        }

    }

    return theObj;

}



// Convert object name string or object reference into a valid element object reference

function GetRawObject(obj) {

    var theObj;

    if (typeof obj == "string") {

		var isCSS = (document.body && document.body.style) ? true : false;

        if (isCSS && document.getElementById) {

            theObj = document.getElementById(obj);

        } else if (isCSS && document.all) {

            theObj = document.all(obj);

        } else if (document.layers) {

            theObj = SeekLayer(document, obj);

        }

    } else {

        // pass through object reference

        theObj = obj;

    }

    return theObj;

}



// Return the available content width and height space in browser window

function GetInsideWindowSize() {

	 if (window.innerWidth) {

		  return {x:window.innerWidth, y:window.innerHeight};

    }

    else

    {

		 var baseArray = document.getElementsByTagName("base");

		 if (baseArray.length == 0)

		 {

			 if (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) {

				  return {x:document.body.parentNode.clientWidth, y:document.body.parentNode.clientHeight};

			 } else if (document.body && document.body.clientWidth) {

				  return {x:document.body.clientWidth, y:document.body.clientHeight};

			 }

		 }

		 else

		 {

			 if (document.body && document.body.clientWidth) {

				  return {x:document.body.clientWidth, y:document.body.clientHeight};

			 } else if (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) {

				  return {x:document.body.parentNode.clientWidth, y:document.body.parentNode.clientHeight};

			 }

		 }

    }

    return {x:0, y:0};

}



// Retrieve the padding around an object

function GetObjectPadding(obj) {

	var elem = GetRawObject(obj);



	var l = 0;

	var r = 0;

	var t = 0;

	var b = 0;

	if (elem.currentStyle)

	{

		if (elem.currentStyle.paddingLeft)

			l = parseInt(elem.currentStyle.paddingLeft, 10);

		if (elem.currentStyle.paddingRight)

			r = parseInt(elem.currentStyle.paddingRight, 10);

		if (elem.currentStyle.paddingTop)

			t = parseInt(elem.currentStyle.paddingTop, 10);

		if (elem.currentStyle.paddingBottom)

			b = parseInt(elem.currentStyle.paddingBottom, 10);

	}

	else if (window.getComputedStyle)

	{

		l = parseInt(window.getComputedStyle(elem,null).paddingLeft, 10);

		r = parseInt(window.getComputedStyle(elem,null).paddingRight, 10);

		t = parseInt(window.getComputedStyle(elem,null).paddingTop, 10);

		b = parseInt(window.getComputedStyle(elem,null).paddingBottom, 10);

	}

	if (isNaN(l) == true) l = 0;

	if (isNaN(r) == true) r = 0;

	if (isNaN(t) == true) t = 0;

	if (isNaN(b) == true) b = 0;



	return {l:(l),r:(r),t:(t),b:(b)};

}



// Retrieve the rendered size of an element

function GetObjectSize(obj)  {

    var elem = GetRawObject(obj);

    var w = 0;

    var h = 0;

    if (elem.offsetWidth) {

			w = elem.offsetWidth; h = elem.offsetHeight;

    } else if (elem.clip && elem.clip.width) {

			w = elem.clip.width; h = elem.clip.height;

    } else if (elem.style && elem.style.pixelWidth) {

			w = elem.style.pixelWidth; h = elem.style.pixelHeight;

    }

    

    w = parseInt(w, 10);

    h = parseInt(h, 10);

    

   // remove any original element padding

   var padding = GetObjectPadding(elem);

   w -= (padding.l + padding.r);

   h -= (padding.t + padding.b);



   return {w:(w), h:(h)};

}



// Return the element position in the page, not it's parent container

function GetElementPosition(obj)

{

	var elem = GetRawObject(obj);

	var left = 0;

	var top = 0;



	// add any original element padding

	var elemPadding = GetObjectPadding(elem);

	left = elemPadding.l;

	top = elemPadding.t;



	if (elem.offsetParent)

	{

		left += elem.offsetLeft;

		top += elem.offsetTop;

		var parent = elem.offsetParent;

		while (parent)

		{

			left += parent.offsetLeft;

			top += parent.offsetTop;



			if (parent.style && parent.style.overflow && parent.style.overflow != "")

			{

				left -= parent.scrollLeft;

				top -= parent.scrollTop;

			}



			var parentTagName = parent.tagName.toLowerCase();

			if (parentTagName != "table" &&

				parentTagName != "body" && 

				parentTagName != "html" && 

				parentTagName != "div" && 

				parent.clientTop && 

				parent.clientLeft)

			{

				left += parent.clientLeft;

				top += parent.clientTop;

			}



			parent = parent.offsetParent;

		}

	}

	else if (elem.left && elem.top)

	{

		left = elem.left;

		top = elem.top;

	}

	else

	{

		if (elem.x)

			left = elem.x;

		if (elem.y)

			top = elem.y;

	}

	return {x:left, y:top};

}



// return the number of pixels the scrollbar has moved the visible window

function GetScrollOffset()

{

    if (window.pageYOffset) {

        return {x:window.pageXOffset, y:window.pageYOffset};

    } else if (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) {

        return {x:document.documentElement.scrollLeft, y:document.documentElement.scrollTop};

    } else if (document.body && document.body.clientWidth) {

        return {x:document.body.scrollLeft, y:document.body.scrollTop};

    }

    return {x:0, y:0};

}



function CreateRandomId()

{

	var randomNum = 0.0;

	while (randomNum == 0.0)

		randomNum = Math.random();

	var random = randomNum + "";

	return "id" + random.substr(2);

}



function MouseMoveRevert(e)

{

	if (pbMouseMoveRevert != null && pbMouseMoveRevert.length != 0)

	{

		var evt = (e) ? e : window.event;

		var mouse = {x:0, y:0};

		if (evt.pageX || evt.pageY)

		{

			mouse.x = evt.pageX;

			mouse.y = evt.pageY;

		}

		else if (evt.clientX || evt.clientY)

		{

			var scroll = GetScrollOffset();

			mouse.x = evt.clientX + scroll.x;

			mouse.y = evt.clientY + scroll.y;

		}

		

		for (var x = 0; x < pbMouseMoveRevert.length;)

		{

			if (pbMouseMoveRevert[x] != null)

			{

				var id = pbMouseMoveRevert[x].id;

				if (typeof popBox[id] != "undefined" && popBox[id] != null && popBox[id].hTarg != 0)

				{

					// if the mouse is outside the box then call revert

					if (mouse.x < popBox[id].xTarg || mouse.x > (popBox[id].xTarg + popBox[id].wTarg) || mouse.y < popBox[id].yTarg || mouse.y > (popBox[id].yTarg + popBox[id].hTarg))

					{

						var className = pbMouseMoveRevert[x].className;

						pbMouseMoveRevert.splice(x, 1);

						Revert(id, null, className);

						continue;

					}

				}				

			}

			

			x++;

		}

	}

}



// holds numerous properties related to position, size and motion

var popBox = new Array();

var popBoxIds = new Array();

// holds positioning value for the z axis

var popBoxZ = 100;

// holds the popped image for each <img> tag with a pbsrc attribute

var pbSrc = new Array();

// holds the popbar function for each <img> tag with a pbShowPopBar attribute

var pbPopBarFunc = new Array();

// holds the array of image ids for onmousemove Revert calls

var pbMouseMoveRevert = null;



// add initialization to window.onload

if (typeof window.onload == 'function')

{

	var func = window.onload;

	window.onload = function(){func();InitPbSrc();InitPbPopBar();};

}

else

{

	window.onload = function(){InitPbSrc();InitPbPopBar();};

}



// loads all the popped src images

function InitPbSrc()

{

	var images = null;

	if (document.body)

	{

		if (document.body.getElementsByTagName)

			images = document.body.getElementsByTagName("img");

		else if (document.body.all)

			images = document.body.all.tags("img");

	}



	if (images != null)

	{

		for (var x = 0; x < images.length; x++)

		{

			var poppedSrc = images[x].getAttribute('pbSrc');

			if (poppedSrc != null)

			{

				if (images[x].id == "")

					images[x].id = CreateRandomId();

					

				if (pbSrc[images[x].id] == null)

				{

					pbSrc[images[x].id] = new Image();

					pbSrc[images[x].id].src = poppedSrc;

				}

			}

		}

	}

}



// adds PopBar to images

function InitPbPopBar()

{

	var images = null;

	if (document.body)

	{

		if (document.body.getElementsByTagName)

			images = document.body.getElementsByTagName("img");

		else if (document.body.all)

			images = document.body.all.tags("img");

	}



	if (images != null)

	{

		var imgArray = new Array();

		for (var x = 0; x < images.length; x++)

		{

			if (images[x].id == "")

				images[x].id = CreateRandomId();

			

			imgArray[x] = images[x];

		}



		for (var x = 0; x < imgArray.length; x++)

			CreatePopBar(imgArray[x]);

	}

}



// initialize default popbox object

function InitPopBox(obj)

{

	obj = GetRawObject(obj);

	if (typeof popBox[obj.id] != "undefined" && popBox[obj.id] != null)

		return obj;

		

	var parent = document.body;

	if (obj.id == "")

		obj.id = CreateRandomId();



	var elem = obj;

	var startPos = GetElementPosition(elem);

	var initSize = GetObjectSize(elem);



	if (elem.style.position == "absolute" || elem.style.position == "relative")

	{

		parent = elem.parentNode;

		startPos.x = parseInt(elem.style.left, 10);

		startPos.y = parseInt(elem.style.top, 10);

	}



	// if there is a pbsrc then create that, else if it's not absolute or relative then create a copy

	if (pbSrc[elem.id] != null || (elem.style.position != "absolute" && elem.style.position != "relative"))

	{

		var strSrc = (pbSrc[elem.id] != null) ? pbSrc[elem.id].src : elem.src;

		var img = null;

		try{img = document.createElement("<img src='" + strSrc + "' />");}

		catch(ex){img = document.createElement("img"); img.src = strSrc;}

		// copy image properties

		img.border = elem.border;

		img.className = elem.className;

		img.height = elem.height;

		img.id = "popcopy" + elem.id;

		img.alt = elem.alt;

		img.title = elem.title;

		img.width = elem.width;

		img.onclick = elem.onclick;

		img.ondblclick = elem.ondblclick;

		img.onmouseout = elem.onmouseout;



		// remove event so the object doesn't jump

		elem.onmouseout = null;



		img.style.width = initSize.w;

		img.style.height = initSize.h;

		img.style.position = "absolute";

		img.style.left = startPos.x + "px";

		img.style.top = startPos.y + "px";

		img.style.cursor = elem.style.cursor;

		

		parent.appendChild(img);

		elem.style.visibility = "hidden";

		elem = img;

	}



	popBoxIds.push(elem.id);	

	popBox[elem.id] = {	elemId:elem.id,

							xCurr:0.0,

							yCurr:0.0,

							xTarg:0.0,

							yTarg:0.0,

							wCurr:0.0,

							hCurr:0.0,

							wTarg:0.0,

							hTarg:0.0,

							xStep:0.0,

							yStep:0.0,

							wStep:0.0,

							hStep:0.0,

							xDelta:0.0,

							yDelta:0.0,

							wDelta:0.0,

							hDelta:0.0,

							xTravel:0.0,

							yTravel:0.0,

							wTravel:0.0,

							hTravel:0.0,

							velM:1.0,

							velS:1.0,

							interval:null,

							isAnimating:false,

							xOriginal:startPos.x,

							yOriginal:startPos.y,

							wOriginal:parseFloat(initSize.w),

							hOriginal:parseFloat(initSize.h),

							isPopped:false,

							fnClick:null,

							fnDone:null,

							fnPre:null,

							originalId:null,

							cursor:""

							};

							

	if (typeof obj.onclick == "function")

	{

		popBox[elem.id].fnClick = elem.onclick;

		

		if (popBoxAutoClose == true && (typeof obj.ondblclick != "function" || obj.ondblclick == null) && typeof obj.onmouseover != "function")

			elem.ondblclick = function(){Revert(elem.id, null, elem.className);};

	}



	if (popBoxAutoClose == true && typeof obj.onmouseover == "function" && (typeof obj.onmouseout != "function" || obj.onmouseout == null))

	{

		if (popBoxMouseMoveRevert == true)

		{

			if (pbMouseMoveRevert == null)

			{

				pbMouseMoveRevert = new Array();

				if (typeof document.onmousemove == 'function')

				{

					var func = document.onmousemove;

					document.onmousemove = function(e){func(e);MouseMoveRevert(e);};

				}

				else

				{

					document.onmousemove = MouseMoveRevert;

				}

			}

			

			pbMouseMoveRevert.push({id:elem.id, className:elem.className});

		}

		else

		{

			elem.onmouseout = function(){Revert(elem.id, null, elem.className);};

		}

	}



	if (obj.id != elem.id)

		popBox[elem.id].originalId = obj.id;

		

	return elem;

}



// calculate next steps and assign to style properties

function DoPopBox(elem)

{

	if (typeof elem == "string") elem = GetRawObject(elem);

	try

	{

		var bMDone = false;

		var bSDone = false;

		if ((popBox[elem.id].xTravel + Math.abs(popBox[elem.id].xStep)) < popBox[elem.id].xDelta)

		{

			var x = popBox[elem.id].xCurr + popBox[elem.id].xStep;

			elem.style.left = parseInt(x, 10) + "px";

			popBox[elem.id].xTravel += Math.abs(popBox[elem.id].xStep);

			popBox[elem.id].xCurr = x;

		} else {

			popBox[elem.id].xTravel += Math.abs(popBox[elem.id].xStep);

			elem.style.left = parseInt(popBox[elem.id].xTarg, 10) + "px";

			bMDone = true;

		}

		if ((popBox[elem.id].yTravel + Math.abs(popBox[elem.id].yStep)) < popBox[elem.id].yDelta)

		{

			var y = popBox[elem.id].yCurr + popBox[elem.id].yStep;

			elem.style.top = parseInt(y, 10) + "px";

			popBox[elem.id].yTravel += Math.abs(popBox[elem.id].yStep);

			popBox[elem.id].yCurr = y;

			bMDone = false;

		} else {

			popBox[elem.id].yTravel += Math.abs(popBox[elem.id].yStep);

			elem.style.top = parseInt(popBox[elem.id].yTarg, 10) + "px";

		}

		if ((popBox[elem.id].wTravel + Math.abs(popBox[elem.id].wStep)) < popBox[elem.id].wDelta)

		{

			var w = popBox[elem.id].wCurr + popBox[elem.id].wStep;

			elem.style.width = parseInt(w, 10) + "px";

			popBox[elem.id].wTravel += Math.abs(popBox[elem.id].wStep);

			popBox[elem.id].wCurr = w;

		} else {

			popBox[elem.id].wTravel += Math.abs(popBox[elem.id].wStep);

			elem.style.width = parseInt(popBox[elem.id].wTarg, 10) + "px";

			bSDone = true;

		}

		if ((popBox[elem.id].hTravel + Math.abs(popBox[elem.id].hStep)) < popBox[elem.id].hDelta)

		{

			var h = popBox[elem.id].hCurr + popBox[elem.id].hStep;

			elem.style.height = parseInt(h, 10) + "px";

			popBox[elem.id].hTravel += Math.abs(popBox[elem.id].hStep);

			popBox[elem.id].hCurr = h;

			bSDone = false;

		} else {

			popBox[elem.id].hTravel += Math.abs(popBox[elem.id].hStep);

			elem.style.height = parseInt(popBox[elem.id].hTarg, 10) + "px";

		}



		var obj = elem;

		

		if (bMDone == true && bSDone == true)

		{

			clearInterval(popBox[elem.id].interval);

			

			elem.style.cursor = popBox[elem.id].cursor;



			var func = null;

			if (popBox[elem.id].fnDone != null && typeof popBox[elem.id].fnDone == "function")

				func = popBox[elem.id].fnDone;

			

			if (popBox[elem.id].isPopped == true)

			{

				elem.style.zIndex = "";

	

				if (popBox[elem.id].originalId != null)

				{

					obj = GetRawObject(popBox[elem.id].originalId);

					obj.onmouseout = elem.onmouseout; // copy method back to original

					obj.style.visibility = "visible";

					

					// remove the copied object from the body and the array

					elem.parentNode.removeChild(elem);

				}

				else

				{

					elem.style.width = parseInt(popBox[elem.id].wOriginal, 10) + "px";

					elem.style.height = parseInt(popBox[elem.id].hOriginal, 10) + "px";

				

					if (typeof popBox[elem.id].fnClick == "function")

						elem.onclick = popBox[elem.id].fnClick;

				}



				delete popBox[elem.id];

				popBox[elem.id] = null;

				CreatePopBar(obj);

			}

			else

			{

				popBox[elem.id].isPopped = true;

				popBox[elem.id].isAnimating = false;

				CreateRevertBar(elem);

			}

				

			if (func != null && typeof func == "function")

				func(obj);

		}

	}

	catch(ex){}

}



function HasRevertBar(obj)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	

	var elem = obj;

	if (popBox[elem.id] != null && popBox[elem.id].originalId != null)

		elem = GetRawObject(popBox[elem.id].originalId);



	var pbShowBar = elem.getAttribute('pbShowRevertBar');

	var pbShowText = elem.getAttribute('pbShowRevertText');

	var pbShowImage = elem.getAttribute('pbShowRevertImage');

	pbShowBar = (pbShowBar != null) ? (pbShowBar == "true" || pbShowBar == true) : popBoxShowRevertBar;

	pbShowText = (pbShowText != null) ? (pbShowText == "true" || pbShowText == true) : popBoxShowRevertText;

	pbShowImage = (pbShowImage != null) ? (pbShowImage == "true" || pbShowImage == true) : popBoxShowRevertImage;

	

	return (pbShowBar || pbShowText || pbShowImage);

}



function HasCaption(obj)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	var elem = obj;

	if (popBox[elem.id] != null && popBox[elem.id].originalId != null)

		elem = GetRawObject(popBox[elem.id].originalId);



	var pbShowCaption = elem.getAttribute('pbShowCaption');

	pbShowCaption = (pbShowCaption != null) ? (pbShowCaption == "true" || pbShowCaption == true) : popBoxShowCaption;

	var pbCaption = null;

	if (pbShowCaption == true)

	{

		pbCaption = elem.getAttribute('pbCaption');

		if (pbCaption == null && elem.title != "") pbCaption = elem.title;

	}



	return (pbCaption != null && pbCaption != "");

}



function CreateRevertBar(obj)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	

	var elem = obj;

	if (popBox[elem.id] != null && popBox[elem.id].originalId != null)

		elem = GetRawObject(popBox[elem.id].originalId);



	var pbShowBar = elem.getAttribute('pbShowRevertBar');

	var pbShowText = elem.getAttribute('pbShowRevertText');

	var pbShowImage = elem.getAttribute('pbShowRevertImage');

	var pbText = elem.getAttribute('pbRevertText');

	var pbImage = elem.getAttribute('pbRevertImage');

	pbShowBar = (pbShowBar != null) ? (pbShowBar == "true" || pbShowBar == true) : popBoxShowRevertBar;

	pbShowText = (pbShowText != null) ? (pbShowText == "true" || pbShowText == true) : popBoxShowRevertText;

	pbShowImage = (pbShowImage != null) ? (pbShowImage == "true" || pbShowImage == true) : popBoxShowRevertImage;

	if (pbText == null) pbText = popBoxRevertText;

	if (pbImage == null) pbImage = popBoxRevertImage;



	var pbShowCaption = elem.getAttribute('pbShowCaption');

	pbShowCaption = (pbShowCaption != null) ? (pbShowCaption == "true" || pbShowCaption == true) : popBoxShowCaption;

	var pbCaption = null;

	if (pbShowCaption == true)

	{

		pbCaption = elem.getAttribute('pbCaption');

		if (pbCaption == null && elem.title != "") pbCaption = elem.title;

	}



	CreatePbBar(obj, pbShowBar, pbShowText, pbShowImage, pbText, pbImage, popBoxRevertBarAbove, true, pbCaption)

}



function CreatePopBar(obj)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	if (typeof pbPopBarFunc[obj.id] != 'undefined' && pbPopBarFunc[obj.id] != null) return;

	var pbShowBar = obj.getAttribute('pbShowPopBar');

	if (pbShowBar != null)

	{

		var pbShowText = obj.getAttribute('pbShowPopText');

		var pbShowImage = obj.getAttribute('pbShowPopImage');

		var pbText = obj.getAttribute('pbPopText');

		var pbImage = obj.getAttribute('pbPopImage');

		pbShowBar = (pbShowBar == "true" || pbShowBar == true);

		pbShowText = (pbShowText != null) ? (pbShowText == "true" || pbShowText == true) : popBoxShowPopText;

		pbShowImage = (pbShowImage != null) ? (pbShowImage == "true" || pbShowImage == true) : popBoxShowPopImage;

		if (pbText == null) pbText = popBoxPopText;

		if (pbImage == null) pbImage = popBoxPopImage;



		CreatePbBar(obj, pbShowBar, pbShowText, pbShowImage, pbText, pbImage, popBoxPopBarAbove, false, null)

	}

}



function CreatePbBar(obj, pbShowBar, pbShowText, pbShowImage, pbText, pbImage, pbBarAbove, isRevert, pbCaption)

{

	if (pbShowBar == false && pbShowText == false && pbShowImage == false && pbCaption == null) return;

	if (typeof obj == "string") obj = GetRawObject(obj);



	var objCursor = "hand";

	if (obj.currentStyle)

		objCursor = obj.currentStyle.cursor;

	else if (window.getComputedStyle)

		objCursor = window.getComputedStyle(obj,null).cursor;



	var fnClick = function(){if (typeof obj.onclick == 'function') obj.onclick();};

	var fnMouseOut = function(){if (typeof obj.onmouseout == 'function') obj.onmouseout();};

	var fnMouseOver = function(){if (typeof obj.onmouseover == 'function') obj.onmouseover();};

	var fnRemove = new Array();



	var isPositioned = (obj.style.position == "absolute" || obj.style.position == "relative");

	var left = 0;

	var top = 0;

	var parentNode = obj.parentNode;

	var objSpan = null;

	if (isPositioned == true)

	{

		left = parseInt(obj.style.left, 10);

		top = parseInt(obj.style.top, 10);

		var padding = GetObjectPadding(obj);

		left += padding.l;

		top += padding.t;	

	}

	else

	{

		objSpan = document.createElement("span");

		objSpan = (obj.nextSibling != null) ? parentNode.insertBefore(objSpan, obj.nextSibling) : parentNode.appendChild(objSpan);

		objSpan.style.position = "relative";

		objSpan.style.left = "0px";

		objSpan.style.top = "0px";

		var floatValue = "";

		if (obj.align == "left") floatValue = "left";

		else if (obj.align == "right") floatValue = "right";

		floatValue = (obj.style.styleFloat && obj.style.styleFloat != "") ? obj.style.styleFloat : (obj.style.cssFloat && obj.style.cssFloat != "") ? obj.style.cssFloat : floatValue;

		if (typeof obj.style.styleFloat != "undefined") objSpan.style.styleFloat = floatValue;

		else if (typeof obj.style.cssFloat != "undefined") objSpan.style.cssFloat = floatValue;

		

		var imgPos = GetElementPosition(obj);

		var spanPos = GetElementPosition(objSpan);

		objSpan.style.left = (imgPos.x - spanPos.x) + "px";

		objSpan.style.top = (floatValue != "") ? "1px" : (imgPos.y - spanPos.y) + "px";

		

		parentNode = objSpan;

	}



	var width = parseInt(obj.style.width, 10);

	var height = parseInt(obj.style.height, 10);

	var size = GetObjectSize(obj);

	if (isNaN(width) == true)

		width = size.w;

	else if (size.w > width)

		left += ((size.w - width) / 2);

	if (isNaN(height) == true)

		height = size.h;

	else if (size.h > height)

		top += ((size.h - height) / 2);



	if (pbBarAbove == true) top -= 20;

	var z = obj.style.zIndex + 1;



	if (pbShowBar == true)

	{

		var divTrans = document.createElement("div");

		divTrans.id = "popBoxDivTrans" + z;

		divTrans.style.width = width + "px";

		divTrans.style.height = "20px";

		divTrans.style.borderStyle = "none";

		divTrans.style.padding = "0px";

		divTrans.style.margin = "0px";

		divTrans.style.position = "absolute";

		divTrans.style.left = left + "px";

		divTrans.style.top = top + "px";

		divTrans.style.backgroundColor = "#000000";

		divTrans.style.cursor = objCursor;

		divTrans.style.zIndex = z;

		if (pbBarAbove == false)

		{

			if (typeof divTrans.style.filter != 'undefined')

				divTrans.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";

			if (typeof divTrans.style.opacity != 'undefined')

				divTrans.style.opacity = "0.2";

		}

		divTrans.onclick = fnClick;

		if (isRevert == true)

			divTrans.onmouseout = fnMouseOut;

		else

			divTrans.onmouseover = fnMouseOver;

		parentNode.appendChild(divTrans);

		

		fnRemove.push(function(){divTrans.parentNode.removeChild(divTrans);});

	}



	if (pbShowText == true)

	{

		var divText = document.createElement("div");

		divText.id = "popBoxDivText" + z;

		divText.style.width = width + "px";

		divText.style.height = "20px";

		divText.style.borderStyle = "none";

		divText.style.padding = "0px";

		divText.style.margin = "0px";

		divText.style.position = "absolute";

		divText.style.left = left + "px";

		divText.style.top = top + "px";

		divText.style.cursor = objCursor;

		divText.style.textAlign = "center";

		divText.style.fontFamily = "Tahoma, Arial, Verdana, Sans-Serif";

		divText.style.fontSize = "10pt";

		divText.style.backgroundColor = "Transparent";

		divText.style.color = "#ffffff";

		divText.style.zIndex = z;

		divText.innerHTML = pbText;

		divText.onclick = fnClick;

		if (isRevert == true)

			divText.onmouseout = fnMouseOut;

		else

			divText.onmouseover = fnMouseOver;

		parentNode.appendChild(divText);



		fnRemove.push(function(){divText.parentNode.removeChild(divText);});

	}

	

	if (pbShowImage == true)

	{

		var imgPopped = null;

		try{imgPopped = document.createElement("<img src='" + pbImage + "' />");}

		catch(ex){imgPopped = document.createElement("img"); imgPopped.src = pbImage;}

		imgPopped.id = "popBoxImgPopped" + z;

		imgPopped.style.width = "20px";

		imgPopped.style.height = "20px";

		imgPopped.style.borderStyle = "none";

		imgPopped.style.padding = "0px";

		imgPopped.style.margin = "0px";

		imgPopped.style.position = "absolute";

		imgPopped.style.left = (left + width - 20) + "px";

		imgPopped.style.top = top + "px";

		imgPopped.style.cursor = objCursor;

		imgPopped.style.zIndex = z;

		imgPopped.onclick = fnClick;

		if (isRevert == true)

			imgPopped.onmouseout = fnMouseOut;

		else

			imgPopped.onmouseover = fnMouseOver;

		parentNode.appendChild(imgPopped);



		fnRemove.push(function(){imgPopped.parentNode.removeChild(imgPopped);});

	}

	

	if (pbCaption != null && pbCaption != "")

	{

		top += (height - 20);

		if (pbBarAbove == true) top += 20;

		if (popBoxCaptionBelow == true)  top += 20;



		var divCapTrans = document.createElement("div");

		divCapTrans.id = "popBoxDivCapTrans" + z;

		divCapTrans.style.width = width - 2 + "px";

		divCapTrans.style.height = "20px";

		divCapTrans.style.borderStyle = "solid";

		divCapTrans.style.borderWidth = "1px";

		divCapTrans.style.borderColor = "#999999";

		divCapTrans.style.padding = "0px";

		divCapTrans.style.margin = "0px";

		divCapTrans.style.position = "absolute";

		divCapTrans.style.left = left + "px";

		divCapTrans.style.top = top - 1 + "px";

		divCapTrans.style.backgroundColor = "#ffffdd";

		divCapTrans.style.zIndex = z;

		if (popBoxCaptionBelow == false)

		{

			if (typeof divCapTrans.style.filter != 'undefined')

				divCapTrans.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";

			if (typeof divCapTrans.style.opacity != 'undefined')

				divCapTrans.style.opacity = "0.7";

		}

		parentNode.appendChild(divCapTrans);

		fnRemove.push(function(){divCapTrans.parentNode.removeChild(divCapTrans);});



		var divCapText = document.createElement("div");

		divCapText.id = "popBoxDivCapText" + z;

		divCapText.style.width = width - 20 + "px";

		divCapText.style.height = "20px";

		divCapText.style.borderStyle = "none";

		divCapText.style.padding = "0px";

		divCapText.style.margin = "0px";

		divCapText.style.position = "absolute";

		divCapText.style.left = left + 10 + "px";

		divCapText.style.top = top + "px";

		divCapText.style.textAlign = "center";

		divCapText.style.fontFamily = "Tahoma, Arial, Verdana, Sans-Serif";

		divCapText.style.fontSize = "10pt";

		divCapText.style.overflowY = "hidden";

		divCapText.style.backgroundColor = "Transparent";

		divCapText.style.color = "#000000";

		divCapText.style.zIndex = z;

		parentNode.appendChild(divCapText);

		fnRemove.push(function(){divCapText.parentNode.removeChild(divCapText);});



		AddCaptionText(divCapTrans, divCapText, pbCaption);

		

		if (popBoxExpandCaptions == true && divCapText.hasChildNodes() == true)

		{

			var spanMore = divCapText.lastChild;

			if (spanMore && spanMore.onclick)

			{

				spanMore.id = CreateRandomId();

				setTimeout(new Function("", "var spanMore = GetRawObject('" + spanMore.id + "'); if (spanMore != null && spanMore.onclick) { spanMore.onclick(); }"), 10);

			}

		}

	}



	if (fnRemove.length != 0)

	{

		if (objSpan != null)

			fnRemove.push(function(){objSpan.parentNode.removeChild(objSpan);});

		

		if (isRevert == true)

		{

			if(popBox[obj.id].fnPre != null && typeof(popBox[obj.id].fnPre) == 'function')

				fnRemove.push(popBox[obj.id].fnPre);

		

			popBox[obj.id].fnPre = function(){for(var x = 0; x < fnRemove.length; x++){fnRemove[x]();}};

		}

		else

		{

			pbPopBarFunc[obj.id] = function(){for(var x = 0; x < fnRemove.length; x++){fnRemove[x]();}};

		}

	}

}



function AddCaptionText(divCapTrans, divCapText, caption)

{

	var width = parseInt(divCapText.style.width, 10);

	var divSizer = document.createElement("div");

	divSizer.style.position = "absolute";

	divSizer.style.width = width + "px";

	divSizer.style.margin = "0px";

	divSizer.style.fontFamily = divCapText.style.fontFamily;

	divSizer.style.fontSize = divCapText.style.fontSize;

	divSizer.style.visibility = "hidden";

	divSizer.innerHTML = caption;

	document.body.appendChild(divSizer);

	var newSize = GetObjectSize(divSizer);

	if (newSize.h > 20)

	{

		divSizer.innerHTML = caption + "..." + popBoxCaptionLessText;



		newSize = GetObjectSize(divSizer);



		var fullCaption = caption;

		var charCount = parseInt(width * 0.14, 10) - 5; // safe estimate

		divCapText.innerHTML = caption.substr(0, charCount) + "...";

		

		var spanMore = document.createElement("span");

		spanMore.style.color = "#0000ff";

		spanMore.style.textDecoration = "underline";

		spanMore.style.cursor = "pointer";

		spanMore.onclick = function(){spanMore.parentNode.removeChild(spanMore);ResizeCaption(divCapTrans.id,divCapText.id,newSize.h,fullCaption);};

		spanMore.innerHTML = popBoxCaptionMoreText;

		divCapText.appendChild(spanMore);

	}

	else

		divCapText.innerHTML = caption;



	document.body.removeChild(divSizer);

}



function ResizeCaption(divCapTrans, divCapText, height, caption)

{

	if (typeof divCapTrans == "string") divCapTrans = GetRawObject(divCapTrans);

	if (typeof divCapText == "string") divCapText = GetRawObject(divCapText);



	var h = parseInt(divCapText.style.height, 10);

	var top = parseInt(divCapText.style.top, 10);

	

	if (h < height)

	{

		if (h == 20)

		{

			height += 10;

			divCapText.style.paddingTop = "5px";

			divCapText.innerHTML = caption + "...";

			

			var spanLess = document.createElement("span");

			spanLess.style.color = "#0000ff";

			spanLess.style.textDecoration = "underline";

			spanLess.style.cursor = "pointer";

			spanLess.onclick = function(){spanLess.parentNode.removeChild(spanLess);divCapText.innerHTML = caption;ResizeCaption(divCapTrans.id,divCapText.id,20,caption);};

			spanLess.innerHTML = popBoxCaptionLessText;

			divCapText.appendChild(spanLess);

			

			if (popBoxCaptionBelow == false)

			{

				if (typeof divCapTrans.style.filter != 'undefined')

					divCapTrans.style.filter = "";

				if (typeof divCapTrans.style.opacity != 'undefined')

					divCapTrans.style.opacity = "1.0";

			}

		}

		

		if ((h + 10) >= height)

		{

			if (popBoxExpandCaptionsBelow == false)

				top -= (height - h);

			h = height;

		}

		else

		{

			if (popBoxExpandCaptionsBelow == false)

				top -= 10;

			h += 10;

		}

		

		divCapTrans.style.height = h + "px";

		divCapText.style.height = h + "px";

		divCapTrans.style.top = (top - 1) + "px";

		divCapText.style.top = top + "px";



		if (h != height)

			setTimeout("ResizeCaption(\"" + divCapTrans.id + "\",\"" + divCapText.id + "\"," + height + ",\"" + caption + "\")", 10);

	}

	else

	{

		if ((h - 10) <= height)

		{

			if (popBoxExpandCaptionsBelow == false)

				top += (h - height);

			h = height;

		}

		else

		{

			if (popBoxExpandCaptionsBelow == false)

				top += 10;

			h -= 10;

		}

		

		divCapTrans.style.height = h + "px";

		divCapText.style.height = h + "px";

		divCapTrans.style.top = (top - 1) + "px";

		divCapText.style.top = top + "px";

		divCapText.style.paddingTop = "0px";



		if (h == height)

		{

			if (popBoxCaptionBelow == false)

			{

				if (typeof divCapTrans.style.filter != 'undefined')

					divCapTrans.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";

				if (typeof divCapTrans.style.opacity != 'undefined')

					divCapTrans.style.opacity = "0.7";

			}



			AddCaptionText(divCapTrans, divCapText, caption);

		}

		else

		{

			setTimeout("ResizeCaption(\"" + divCapTrans.id + "\",\"" + divCapText.id + "\"," + height + ",\"" + caption + "\")", 10);

		}

	}

}



function CreateWaitImage(obj)

{

	if (typeof obj == "string") obj = GetRawObject(obj);



	var newId = "popBoxImgWait" + obj.id;

	var imgWait = GetRawObject(newId);

	if (imgWait != null)

		return imgWait;



	var left = 0;

	var top = 0;

	if (obj.style.position == "absolute" || obj.style.position == "relative")

	{

		left = parseInt(obj.style.left, 10);

		top = parseInt(obj.style.top, 10);

	}

	else

	{

		var xy = GetElementPosition(obj);

		left = xy.x;

		top = xy.y;

		var padding = GetObjectPadding(obj);

		left -= padding.l;

		top -= padding.t;

	}



	var width = parseInt(obj.style.width, 10);

	var height = parseInt(obj.style.height, 10);

	var size = GetObjectSize(obj);

	if (isNaN(width) == true)

		width = size.w;

	else if (size.w > width)

		left += ((size.w - width) / 2);

	if (isNaN(height) == true)

		height = size.h;

	else if (size.h > height)

		top += ((size.h - height) / 2);



	var parentNode = obj.parentNode;



	try{imgWait = document.createElement("<img src='" + popBoxWaitImage.src + "' />");}

	catch(ex){imgWait = document.createElement("img"); imgWait.src = popBoxWaitImage.src;}

	imgWait.id = newId;

	imgWait.style.position = "absolute";

	imgWait.style.left = (left + (width / 2) - (popBoxWaitImage.width / 2)) + "px";

	imgWait.style.top = (top + (height / 2) - (popBoxWaitImage.height / 2)) + "px";

	imgWait.style.cursor = obj.style.cursor;

	imgWait.style.zIndex = obj.style.zIndex + 1;

	parentNode.appendChild(imgWait);



	return imgWait;

}



// encapsulates the Popped image sizing logic

function CalculateImageDimensions(newWidth, newHeight, fullWidth, fullHeight, windowSize)

{

	if (newWidth == null)

	{

		if (newHeight == null)

		{

			newWidth = fullWidth;

			newHeight = fullHeight;

		}

		else if (newHeight == 0)

		{

			newHeight = Math.min(windowSize.y, fullHeight);

			var scale = parseFloat(newHeight) / parseFloat(fullHeight);

			newWidth = parseInt(fullWidth * scale);

		}

		else

		{

			var scale = parseFloat(newHeight) / parseFloat(fullHeight);

			newWidth = parseInt(fullWidth * scale);

		}

	}

	else if (newWidth == 0)

	{

		if (newHeight == null)

		{

			newWidth = Math.min(windowSize.x, fullWidth);

			var scale = parseFloat(newWidth) / parseFloat(fullWidth);

			newHeight = parseInt(fullHeight * scale);

		}

		else if (newHeight == 0)

		{

			if (windowSize.x < fullWidth || windowSize.y < fullHeight)

			{

				var scale = Math.min(parseFloat(windowSize.x) / parseFloat(fullWidth), parseFloat(windowSize.y) / parseFloat(fullHeight));

				newWidth = parseInt(fullWidth * scale);

				newHeight = parseInt(fullHeight * scale);

			}

			else

			{

				newWidth = fullWidth;

				newHeight = fullHeight;

			}

		}

		else

		{

			var scale = parseFloat(newHeight) / parseFloat(fullHeight);

			newWidth = Math.min(windowSize.x, parseInt(fullWidth * scale));

		}

	}

	else

	{

		if (newHeight == null)

		{

			var scale = parseFloat(newWidth) / parseFloat(fullWidth);

			newHeight = parseInt(fullHeight * scale);

		}

		else if (newHeight == 0)

		{

			var scale = parseFloat(newWidth) / parseFloat(fullWidth);

			newHeight = Math.min(windowSize.y, parseInt(fullHeight * scale));

		}

	}

	

	return {x:newWidth, y:newHeight};

}



function GetObjectToPop(obj)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	if (obj.id == "")

		obj.id = CreateRandomId();



	var poppedSrc = obj.getAttribute('pbSrcNL');

	if (poppedSrc == null && pbSrc[obj.id] == null)

		poppedSrc = obj.getAttribute('pbSrc');



	if (poppedSrc != null && pbSrc[obj.id] == null)

	{

		var poppedImg = new Image();

		poppedImg.src = poppedSrc;

		

		if (pbSrc[obj.id] != null)

			delete pbSrc[obj.id];

			

		pbSrc[obj.id] = poppedImg;

	}

	

	return (pbSrc[obj.id] != null) ? pbSrc[obj.id] : obj;

}



function GetPoppedImageSize(obj)

{

	var size = {x:0, y:0};

	if (obj != null && typeof obj.id != 'undefined')

	{

		if (pbSrc[obj.id] != null)

		{

			size.x = pbSrc[obj.id].width;

			size.y = pbSrc[obj.id].height;

		}

		else if (obj.naturalWidth && obj.naturalHeight)

		{

			size.x = obj.naturalWidth;

			size.y = obj.naturalHeight;

		}

		else

		{

			var img = new Image();

			img.src = obj.src;

			size.x = img.width;

			size.y = img.height;

			delete img;

		}

	}

	return size;

}



/***************************************************************************************************

* This is where the user-callable section starts.

* Function signatures above this line are subject to change.

***************************************************************************************************/



// Globals you can assign

var popBoxAutoClose = true;

var popBoxMouseMoveRevert = true;

var popBoxWaitImage = new Image();

popBoxWaitImage.src = "/images/PopBox/spinner40.gif";



var popBoxShowRevertBar = true;

var popBoxShowRevertText = true;

var popBoxShowRevertImage = true;

var popBoxRevertText = "(1'Ì ©H†© ©1/F 9©3 D7A' 1HÌ "F ©DÌ© FE'&Ì/";

var popBoxRevertImage = "/images/PopBox/magminus.gif";

var popBoxRevertBarAbove = false;



// there is no popBoxShowPopBar global, but instead the pbShowPopBar attribute must be

// set on the img for the PopBar funtionality to work (can be true or false)

var popBoxShowPopText = true;

var popBoxShowPopImage = true;

var popBoxPopText = "(1'Ì (21¯ ©1/F *5HÌ1 ©DÌ© FE'&Ì/";

var popBoxPopImage = "/images/PopBox/magplus.gif";

var popBoxPopBarAbove = false;



var popBoxShowCaption = true;

var popBoxCaptionBelow = false;

var popBoxCaptionMoreText = "more";

var popBoxCaptionLessText = "less";

var popBoxExpandCaptions = false;

var popBoxExpandCaptionsBelow = false;



// these custom attributes on the <img> element will override the globals above

// pbShowRevertBar, pbShowRevertText, pbShowRevertImage, pbRevertText, pbRevertImage

// pbShowPopBar, pbShowPopText, pbShowPopImage, pbPopText, pbPopImage, pbShowCaption



// Advanced method to begin moves and resizes. (Use Pop/PopEx and Revert where possible instead.)

// X and Y postfixes refer to the top left pixel. W and H postfixes refer to the width and height

// speedM and speedS are the speeds of the move and size respectively

// className denotes the CSS class to apply to the object that is being moved and/or sized

// fnDone denotes the script method to run when the move/resize is complete. It must have a single

// parameter that holds the object itself.

function PopBox(obj, startX, startY, endX, endY, startW, startH, endW, endH, speedM, speedS, className, fnDone)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	if (obj == null || typeof obj != "object" || isNaN(startX) || isNaN(startY) || isNaN(endX) || isNaN(endY) || isNaN(startW) || isNaN(startH) || isNaN(endW) || isNaN(endH) || isNaN(speedM) || isNaN(speedS))

		return;

	var elem = InitPopBox(obj);



	if (popBox[elem.id].isAnimating == true)

	{

		var str = "PopBox('" + elem.id + "'," + startX + "," + startY + "," + endX + "," + endY + "," + startW + "," + startH + "," + endW + "," + endH + "," + speedM + "," + speedS + ",'" + className + "');";

		setTimeout(str, 10);

	}

	else

	{

		popBox[elem.id].isAnimating = true;

		popBox[elem.id].xCurr = parseFloat(startX);

		popBox[elem.id].yCurr = parseFloat(startY);

		popBox[elem.id].wCurr = parseFloat(startW);

		popBox[elem.id].hCurr = parseFloat(startH);

		popBox[elem.id].xTarg = parseFloat(endX);

		popBox[elem.id].yTarg = parseFloat(endY);

		popBox[elem.id].wTarg = parseFloat(endW);

		popBox[elem.id].hTarg = parseFloat(endH);

		popBox[elem.id].xDelta = Math.abs(parseFloat(endX) - parseFloat(startX));

		popBox[elem.id].yDelta = Math.abs(parseFloat(endY) - parseFloat(startY));

		popBox[elem.id].wDelta = Math.abs(parseFloat(endW) - parseFloat(startW));

		popBox[elem.id].hDelta = Math.abs(parseFloat(endH) - parseFloat(startH));

		popBox[elem.id].velM = (speedM) ? Math.abs(parseFloat(speedM)) : 1.0;

		popBox[elem.id].velS = (speedS) ? Math.abs(parseFloat(speedS)) : 1.0;

		popBox[elem.id].xTravel = 0.0;

		popBox[elem.id].yTravel = 0.0;

		popBox[elem.id].wTravel = 0.0;

		popBox[elem.id].hTravel = 0.0;

		// set element's start position

		elem.style.position = "absolute";

		elem.style.left = startX + "px";

		elem.style.top = startY + "px";

		// set element's start size

		elem.style.width = startW + "px";

		elem.style.height = startH + "px";

		elem.style.display = "inline";



		// the length of the line between start and end points

		var lenMove = Math.sqrt((Math.pow((startX - endX), 2)) + (Math.pow((startY - endY), 2)));

		var lenSize = Math.sqrt((Math.pow((startW - endW), 2)) + (Math.pow((startH - endH), 2)));

		// if the speeds are the same then they should be in sync

		if (popBox[elem.id].velM == popBox[elem.id].velS)

			lenMove = lenSize = Math.sqrt(Math.pow(lenMove, 2) + Math.pow(lenSize, 2));



		// how big the pixel steps are along each axis

		popBox[elem.id].xStep = ((popBox[elem.id].xTarg - popBox[elem.id].xCurr) / lenMove) * popBox[elem.id].velM;

		popBox[elem.id].yStep = ((popBox[elem.id].yTarg - popBox[elem.id].yCurr) / lenMove) * popBox[elem.id].velM;



		// how big the pixel steps are for each resize

		popBox[elem.id].wStep = ((popBox[elem.id].wTarg - popBox[elem.id].wCurr) / lenSize) * popBox[elem.id].velS;

		popBox[elem.id].hStep = ((popBox[elem.id].hTarg - popBox[elem.id].hCurr) / lenSize) * popBox[elem.id].velS;

		

		popBox[elem.id].fnDone = fnDone;

		if (className != null)

			elem.className = className;



		popBox[elem.id].cursor = elem.style.cursor;

		elem.style.cursor = "default";



		if (popBox[elem.id].isPopped == false)

			elem.style.zIndex = ++popBoxZ;



		var id = elem.id;

		if (popBox[elem.id].originalId != null) id = popBox[elem.id].originalId;

		if (pbPopBarFunc[id] != null)

		{

			pbPopBarFunc[id]();

			pbPopBarFunc[id] = null;

		}

			

		if (popBox[elem.id].fnPre != null && typeof popBox[elem.id].fnPre == 'function')

			popBox[elem.id].fnPre();



		// start the repeated invocation of the animation

		popBox[elem.id].interval = setInterval("DoPopBox('" + elem.id + "')", 10);

	}

}



/***************************************************************************************************

* Helper functions. Use these! They are much easier. Call Pop/PopEx and then Revert, or set the

* popBoxAutoClose global to true and Revert will be called for you.

***************************************************************************************************/



// this basic method centers the image in the browser and displays it at its full resolution, subject to window size.

function Pop(obj, speed, className)

{

	PopEx(obj, null, null, 0, 0, speed, className);

}



// If newLeft is null then the image is centered horizontally in the browser. Ditto for newTop (vertically).

// End newLeft and/or newTop with "A" for an absolute position, otherwise it is treated as a relative position.

// Ex: a newLeft of 20 would move right 20 pixels, "20A" would position 20 pixels from the left of it's containing element.

// If newWidth is 0 then the full image width is used, subject to scaling and window size. Ditto for newHeight.

// If newWidth is null the full width is used, regardless of window size, but still subject to scaling. Ditto for newHeight.

function PopEx(obj, newLeft, newTop, newWidth, newHeight, speed, className)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	var objToPop = GetObjectToPop(obj);

	var isReady = (typeof objToPop.readyState != 'undefined') ? (objToPop.readyState == "complete") : ((typeof objToPop.complete != 'undefined') ? (objToPop.complete == true) : true);

	if (isReady == false)

	{

		var imgWait = CreateWaitImage(obj);

		var str = "var imgWait = GetRawObject('" + imgWait.id + "'); if (imgWait != null) { imgWait.parentNode.removeChild(imgWait); } PopEx('" + obj.id + "',";

		if (newLeft == null)

			str += newLeft + ",";

		else

			str += "'" + newLeft + "',";

		if (newTop == null)

			str += newTop + ",";

		else

			str += "'" + newTop + "',";

		str += newWidth + "," + newHeight + "," + speed + ",'" + className + "');";

		objToPop.onload = new Function("", str);

		return;

	}



	var elem = InitPopBox(obj);



	if (popBox[elem.id].isPopped == true) return;



	if (typeof elem.ondblclick == "function")

		elem.onclick = elem.ondblclick;



	var startX = parseInt(elem.style.left);

	var startY = parseInt(elem.style.top);



	// figure out the max window size

	var windowSize = GetInsideWindowSize();

	var hasRevertBar = HasRevertBar(obj);

	var hasCaption = HasCaption(obj);

	if (hasRevertBar == true && popBoxRevertBarAbove == true) windowSize.y -= 20;

	if (hasCaption == true && popBoxCaptionBelow == true) windowSize.y -= 20;



	var fullSize = {x:newWidth, y:newHeight};

	if (newWidth == 0 || newHeight == 0 || newWidth == null || newHeight == null)

	{

		fullSize = GetPoppedImageSize(elem);

		

		// some browsers have a race condition where it still doesn't get set so just fill the window

		if (fullSize.x == 0 || fullSize.y == 0)

		{

			var scale = Math.min(parseFloat(windowSize.x) / parseFloat(elem.width), parseFloat(windowSize.y) / parseFloat(elem.height));

			fullSize.x = parseInt(elem.width * scale);

			fullSize.y = parseInt(elem.height * scale);

		}

	}



	// adjust window size variables for new image boundaries

	if (newLeft != null)

	{

		if (typeof newLeft == "string" && newLeft.indexOf("A") == (newLeft.length - 1))

			newLeft = parseInt(newLeft, 10);

		else

			newLeft = popBox[elem.id].xOriginal + parseInt(newLeft, 10);

			

		windowSize.x -= newLeft;

	}



	if (newTop != null)

	{

		if (typeof newTop == "string" && newTop.indexOf("A") == (newTop.length - 1))

			newTop = parseInt(newTop, 10);

		else

			newTop = popBox[elem.id].yOriginal + parseInt(newTop, 10);

			

		windowSize.y -= newTop;

	}



	// adjust for scrollbars that might appear (quick compromise for browser incompatibilities)

	if (newWidth == null && newHeight == 0 && fullSize.x > (windowSize.x - 20))

		windowSize.y -= 20;

	else if (newWidth == 0 && newHeight == null && fullSize.y > (windowSize.y - 4))

		windowSize.x -= 4;



	var newSize = CalculateImageDimensions(newWidth, newHeight, fullSize.x, fullSize.y, windowSize);



	// width and height are now set, so position it

	if (newLeft == null || newTop == null)

	{

		var scroll = GetScrollOffset();



		if (newLeft == null)

		{

			newLeft = ((windowSize.x / 2) + scroll.x) - (newSize.x / 2);

			if (newLeft < 0) newLeft = 0;

		}

		

		if (newTop == null)

		{

			newTop = ((windowSize.y / 2) + scroll.y) - (newSize.y / 2);

			if (hasRevertBar == true && popBoxRevertBarAbove == true) newTop += 10;

			if (hasCaption == true && popBoxCaptionBelow == true) newTop -= 10;

			if (newTop < 0) newTop = 0;

		}

	}



	var func = null;

	if (typeof PostPopProcessing == "function")

		func = PostPopProcessing;



	if (typeof PrePopProcessing == "function")

		PrePopProcessing(obj);



	PopBox(elem, startX, startY, newLeft, newTop, popBox[elem.id].wOriginal, popBox[elem.id].hOriginal, newSize.x, newSize.y, speed, speed, className, func);

}



function PopInPlace(obj, speed, className)

{

	if (typeof obj == "string") obj = GetRawObject(obj);

	var objToPop = GetObjectToPop(obj);

	var isReady = (typeof objToPop.readyState != 'undefined') ? (objToPop.readyState == "complete") : ((typeof objToPop.complete != 'undefined') ? (objToPop.complete == true) : true);

	if (isReady == false)

	{

		var imgWait = CreateWaitImage(obj);

		var str = "var imgWait = GetRawObject('" + imgWait.id + "'); if (imgWait != null) { imgWait.parentNode.removeChild(imgWait); } PopInPlace('" + obj.id + "'," + speed + ",'" + className + "');";

		objToPop.onload = new Function("", str);

		return;

	}



	var elem = InitPopBox(obj);



	if (popBox[elem.id].isPopped == true) return;



	if (typeof elem.ondblclick == "function")

		elem.onclick = elem.ondblclick;



	var startX = parseInt(elem.style.left);

	var startY = parseInt(elem.style.top);



	// figure out the max window size

	var windowSize = GetInsideWindowSize();

	var hasRevertBar = HasRevertBar(obj);

	var hasCaption = HasCaption(obj);

	if (hasRevertBar == true && popBoxRevertBarAbove == true) windowSize.y -= 20;

	if (hasCaption == true && popBoxCaptionBelow == true) windowSize.y -= 20;

	

	var fullSize = GetPoppedImageSize(elem);

	

	// some browsers have a race condition where it still doesn't get set so just fill the window

	if (fullSize.x == 0 || fullSize.y == 0)

	{

		var scale = Math.min(parseFloat(windowSize.x) / parseFloat(elem.width), parseFloat(windowSize.y) / parseFloat(elem.height));

		fullSize.x = parseInt(elem.width * scale);

		fullSize.y = parseInt(elem.height * scale);

	}



	var newSize = CalculateImageDimensions(0, 0, fullSize.x, fullSize.y, windowSize);

	var newLeft = startX - parseInt(((newSize.x - popBox[elem.id].wOriginal) / 2), 10);

	var newTop = startY - parseInt(((newSize.y - popBox[elem.id].hOriginal) / 2), 10);



	// have the best case position, now adjust it if it would expand beyond the window

	var scroll = GetScrollOffset();

	if (scroll.x > newLeft)

	{

		newLeft = scroll.x;

	}

	else

	{

		var xOffset = ((newLeft + newSize.x) - (windowSize.x + scroll.x));

		if (xOffset > 0) newLeft -= xOffset;

	}



	if (scroll.y > newTop)

	{

		newTop = scroll.y;

	}

	else

	{

		var yOffset = ((newTop + newSize.y) - (windowSize.y + scroll.y));

		if (yOffset > 0) newTop -= yOffset;

	}



	if (hasRevertBar == true && popBoxRevertBarAbove == true) newTop += 10;

	if (hasCaption == true && popBoxCaptionBelow == true) newTop -= 10;

	if (newTop < 0) newTop = 0;

	

	var func = null;

	if (typeof PostPopProcessing == "function")

		func = PostPopProcessing;



	if (typeof PrePopProcessing == "function")

		PrePopProcessing(obj);



	PopBox(elem, startX, startY, newLeft, newTop, popBox[elem.id].wOriginal, popBox[elem.id].hOriginal, newSize.x, newSize.y, speed, speed, className, func);

}



// Helper function for PopBox to move/resize the image back to its original position/size. Use this! It's much easier.

function Revert(obj, speed, className)

{

	if (typeof obj == "string") obj = GetRawObject(obj); 

	if (obj == null || typeof popBox[obj.id] == "undefined" || popBox[obj.id] == null) return;



	if (typeof speed == 'undefined' || speed == null || speed == 0)

		speed = Math.max(popBox[obj.id].velM, popBox[obj.id].velS);

		

	if (typeof className == 'undefined')

		className = popBox[obj.id].originalClassName;

	

	var func = null;

	if (typeof PostRevertProcessing == "function")

		func = PostRevertProcessing;



	if (typeof PreRevertProcessing == "function")

		PreRevertProcessing(obj);



	PopBox(obj, popBox[obj.id].xTarg, popBox[obj.id].yTarg, popBox[obj.id].xOriginal, popBox[obj.id].yOriginal, popBox[obj.id].wTarg, popBox[obj.id].hTarg, popBox[obj.id].wOriginal, popBox[obj.id].hOriginal, speed, speed, className, func);

}



// Helper function to revert all images.

function RevertAll(speed, className)

{

	for (var i = 0; i < popBoxIds.length; i++)

		Revert(popBoxIds[i], speed, className);

}



/***************************************************************************************************

* These methods are the pre and post processing events for Pop/PopEx and Revert.

* Feel free to copy them to your own page script and add your own code to the method bodies.

***************************************************************************************************/



// called before the Pop begins

// The parameter is the original object

//function PrePopProcessing(obj)

//{

//}



// called after the pop is complete

// The parameter is the copy of the object that is resized

//function PostPopProcessing(obj)

//{

//}



// called before the Revert begins

// The parameter is the copy of the object that is resized

//function PreRevertProcessing(obj)

//{

//}



// called after the Revert is complete

// The parameter is the original object

//function PostRevertProcessing(obj)

//{

//}