/*
	(c) Xtranet Multimedia 2005
	Outputs JavaScript for balloon help system
	
	NOTE	Although this is an ASP file it is called from a SCRIPT tag using the src attribute
			and hence this file must only contain valid JavaScript
*/

//var xcBubbleKeywords = {'keyword':'This is a keyword', 'test':'A test of the popups'};

var xcBubbleHelp;
var xcRelevantContents = new Array();
var ie = document.all ? true : false

function initializeXcBubbleHelp() {
	function Sensitize(KeyWord) {
		xcRelevantContents[KeyWord] = {message:xcBubbleKeywords[KeyWord].replace(/[\*]/ig, '')};
		document.getElementById("xcBubbleHelp").innerHTML = document.getElementById("xcBubbleHelp").innerHTML.replace(new RegExp('(\\W+)\\*('+EscapeRegExp(KeyWord.replace(/[\*]/ig, ''))+')\\*(\\W+)', 'ig'), '$1<span onClick="xcBH(\'' + KeyWord.replace(/'/g, "\\'") + '\', this);" class="xcBubbleHelp">$2</span>$3');
		//WalkNodes(document.getElementById("xcBubbleHelp"), KeyWord);
	}
	function WalkNodes(oNode, sKeyWord) {
		var i;
		if(oNode.childNodes.length == 0) {
			if(oNode.nodeType == 3) {
				oNode.nodeValue = oNode.nodeValue.replace(new RegExp('(\\W+)('+EscapeRegExp(sKeyWord)+')(\\W+)', 'ig'), '$1<span onClick="xcBH(\'' + sKeyWord + '\', this);" class="xcBubbleHelp">$2</span>$3');
			}
		} else {
			for(i=0; i < oNode.childNodes.length-1; i++) {
				WalkNodes(oNode.childNodes(i), sKeyWord);
			}
		}
		if(oNode.nextSibling) {
			WalkNodes(oNode.nextSibling, sKeyWord);
		}
		return;
	}

	var i;
	xcBubbleHelp=new JSBalloon({autoAway:false, autoHide:false, showCloseBox:true, transShow:false, transHide:false});
	for(i in xcBubbleKeywords) {
		Sensitize(i);
	}
	
	var oSpans = document.getElementById("xcBubbleHelp").getElementsByTagName('SPAN');
	for (i = 0; i < oSpans.length; i++) {
		var oSpan = oSpans.item(i);
		if (oSpan.className == 'xcBubbleHelp') {
			oSpan.title = 'Click for definition';
			oSpan.style.borderBottom = '1px solid';
			//oSpan.style.paddingBottom = '1px';
			//oSpan.style.borderBottom = 'darkgreen 0.07em solid';
			//oSpan.style.textDecoration = 'underline';
			oSpan.style.cursor = 'help';
			oSpan.style.fontWeight = ie ? oSpan.parentNode.currentStyle.fontWeight : window.getComputedStyle(oSpan.parentNode, "").getPropertyValue('font-weight');
		}
	}
}

function xcBH(what, where) {
	//xcRelevantContents[what]['title'] = '&nbsp;definition';
	xcRelevantContents[what]['icon'] = 'Info';
	xcRelevantContents[what]['anchor'] = where;
	xcBubbleHelp.Show(xcRelevantContents[what]);
}

function EscapeRegExp(pstrString) {
	var re = /(\\|\^|\$|\*|\+|\?|\.|\(|\)|\||\{|\}|\[|\])/ig;
	var ret = pstrString.replace(re, "\\$1");
	return ret;
}

//window.onload = initPage;

/*----------------------------------------------------------------------------\
|                               JSBalloon                                     |
|-----------------------------------------------------------------------------|
|                   Created by Arkady (Alex) Lesniara                         |
|                           (arkady@lesniara.com)                             |
|-----------------------------------------------------------------------------|
|                  Copyright (c) 2005 Arkady Lesniara                         |
|-----------------------------------------------------------------------------|
| This software is provided "as is", without warranty of any kind, express or |
| implied, including  but not limited  to the warranties of  merchantability, |
| fitness for a particular purpose and noninfringement. In no event shall the |
| authors or  copyright  holders be  liable for any claim,  damages or  other |
| liability, whether  in an  action of  contract, tort  or otherwise, arising |
| from,  out of  or in  connection with  the software or  the  use  or  other |
| dealings in the software.                                                   |
\----------------------------------------------------------------------------*/

var JSBalloonPath="";
var ie = document.all ? true : false

/*	Class: JSBalloon
	Provides a flexible, encapsulated way to implement a passive feedback mechanism
	in a DHTML environment. Define and initialize this object globally, otherwise it will create a new instance 
	each time you call it's constructor. Set up the object with an object array passed to the constructor or, once instantiated,
	with properties. See <Usage> for more.
*/
function JSBalloon()
{
	var tmrBalloonPopup;
	
	var blbWidth=200;;
	var titleFontStyle='font-family: MS Sans Serif;font-weight: bold; font-size:10pt;';
	var messageFontStyle='font-family: MS Sans Serif\; font-size:10pt\;';
	var footerFontStyle='font-family: MS Sans Serif\; font-size:10pt\;';
	var transShow=true;
	var transHide=true;
	var transShowFilter='progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)';
	var transHideFilter='progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)';
	var autoHide=true;
	var autoHideInterval=4000; // 4 sec
	var autoAway=true;
	var showCloseBox=false;
	
	if(JSBalloon.arguments.length>0)
	{
		var oArg=JSBalloon.arguments[0];
		
		if(oArg.width!=null)
		{
			blbWidth=oArg.width;
		}
		
		if(oArg.titleFontStyle!=null)
		{
			titleFontStyle=oArg.titleFontStyle;
		}
		
		if(oArg.messageFontStyle!=null)
		{
			messageFontStyle=oArg.messageFontStyle;
		}
		
		if(oArg.footerFontStyle!=null)
		{
			footerFontStyle=oArg.footerFontStyle;
		}
		
		if(oArg.transShow!=null)
		{
			transShow=oArg.transShow;
		}
		
		if(oArg.transHide!=null)
		{
			transHide=oArg.transHide;
		}
		
		if(oArg.transShowFilter!=null)
		{
			transShowFilter=oArg.transShowFilter;
		}
		
		if(oArg.transHideFilter!=null)
		{
			transHideFilter=oArg.transHideFilter;
		}
		
		if(oArg.autoHide!=null)
		{
			autoHide=oArg.autoHide;
		}
		
		if(oArg.autoHideInterval!=null)
		{
			autoHideInterval=oArg.autoHideInterval;
		}
		
		if(oArg.autoAway!=null)
		{
			autoAway=oArg.autoAway;
		}
		
		if(oArg.showCloseBox!=null)
		{
			showCloseBox=oArg.showCloseBox;
		}
	}
	
	// Public properties
	
	/*	Property: titleFontStyle
			Sets or retrieves a Cascading Style Sheet formatted value that formats the balloon's title (heading).
		
		Syntax:
			object.titleFontStyle [= sCSS ]
			
		Possible Values:
			sCSS - *variant* that specifies a properly formed Cascading Style Sheet formatting.
			
		Examples:
			balloonObj.titleFontStyle="font-family: MS Sans Serif;font-weight: bold; font-size:12pt;";
	*/
	this.titleFontStyle=titleFontStyle;
	
	/*	Property: messageFontStyle
			Sets or retrieves a Cascading Style Sheet formatted value that formats the balloon's main message body.

		Syntax:
			object.messageFontStyle [= sCSS ]
			
		Possible Values:
			sCSS - *variant* that specifies a properly formed Cascading Style Sheet formatting.
			
		Examples:
			balloonObj.messageFontStyle="font-family: MS Sans Serif;font-weight: bold; font-size:12pt;";
	*/	
	this.messageFontStyle=messageFontStyle;
	
	/*	Property: footerFontStyle
			Sets or retrieves a Cascading Style Sheet formatted value that formats the balloon's footer.

		Syntax:
			object.footerFontStyle [= sCSS ]
			
		Possible Values:
			sCSS - *variant* that specifies a properly formed Cascading Style Sheet formatting.
			
		Examples:
			balloonObj.footerFontStyle="font-family: MS Sans Serif;font-weight: bold; font-size:12pt;";
	*/	
	this.footerFontStyle=footerFontStyle;
	
	/*	Property: transShowFilter
			Sets or retrieves a value of a transition (a filter) applied when showing the balloon.
			
		Syntax:
			object.transShowFilter [= string ]
			
		Possible Values:
			string - *variant* that specifies the transition filter. More information found at http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp
		
		Examples:
			balloonObj.transShowFilter="progid:DXImageTransform.Microsoft.Stretch(stretchstyle=SPIN)";
			
		See also:
			<transShow>
	*/	
	this.transShowFilter=transShowFilter;
	
	/*	Property: transHideFilter
			Sets or retrieves a value of a transition (a filter) applied when hiding the balloon.
			
		Syntax:
			object.transHideFilter [= string ]
			
		Possible Values:
			string - *variant* that specifies the transition filter. More information found at http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp
		
		Examples:
			balloonObj.transHideFilter="progid:DXImageTransform.Microsoft.Slide(slidestyle=HIDE,Bands=1)";
			
		See also:
			<transHide>
	*/	
	this.transHideFilter=transHideFilter;
	
	/*	Property: transShow
			Sets or retrieves a value indicating whether to apply transition filter specified in 
			<transShowFilter> when showing the balloon.
			
		Syntax:
			object.transShow [= bValue ]
			
		Possible Values:
			bValue - *boolean* true / false
		
		Examples:
			balloonObj.transShow=true;
			
		See also:
			<transShowFilter>
	*/	
	this.transShow=transShow;
	
	/*	Property: transHide
			Sets or retrieves a value indicating whether to apply transition filter specified in 
			<transHideFilter> when hiding the balloon.
			
		Syntax:
			object.transHide [= bValue ]
			
		Possible Values:
			bValue - *boolean* true / false
		
		Examples:
			balloonObj.transHide=true;
			
		See also:
			<transHideFilter>
	*/
	this.transHide=transHide;
	
	/*	Property: autoHide
			Sets or retrieves a value indicating whether to automatically hide the balloon 
			after s time specified in <autoHideInterval>.
			
		Syntax:
			object.autoHide [= bValue ]
			
		Possible Values:
			bValue - *boolean* true / false
		
		Examples:
			balloonObj.autoHide=true;
			
		See also:
			<autoHideInterval>
	*/	
	this.autoHide=autoHide;
	
	/*	Property: autoHideInterval
			Sets or retrieves a value indicating how long to wait before executing <autoHide>.
			
		Syntax:
			object.autoHideInterval [= iValue ]
			
		Possible Values:
			iValue - *integer* number of milliseconds to wait before activating <autoHide>.
		
		Examples:
			balloonObj.autoHideInterval=5000; // 5 Sec
			
		See also:
			<autoHide>
	*/	
	this.autoHideInterval=autoHideInterval;
	
	/*	Property: autoAway
			Sets or retrieves a value of this property. 
			When set to true the balloon will immediately run the <Hide> method on mouse over.
			
			This is particularly useful when the balloon is used only for passive feedback and 
			doesn't have to be dismissed. The user may want to perform some task quickly without having
			to wait the time specified in the <autoHideInterval> while the balloon is obstructing a page
			element.
			
		Syntax:
			object.autoAway [= bValue ]
			
		Possible Values:
			bValue - *boolean* true / false
		
		Examples:
			balloonObj.autoAway=true;
	*/	
	this.autoAway=autoAway;
	
	/*	Property: width
			Sets or retrieves a value of balloon's width. The height is dynamic, the width has to be specified.
			
		Syntax:
			object.width [= iValue ]
			
		Possible Values:
			iValue - *integer* the number of pixels.
		
		Examples:
			balloonObj.width=325;
	*/		
	this.width=blbWidth;
		
	/*	Property: showCloseBox
			Sets or retrieves a value of whether the close balloon (right-upper corner) should be displayed.
			It makes sense to turn <autoHide> off when enabling this feature.
			
		Syntax:
			object.showCloseBox [= bValue ]
			
		Possible Values:
			bValue - *boolean* true / false
		
		Examples:
			balloonObj.showCloseBox=false;
	*/	
	this.showCloseBox=showCloseBox;
	
	var childID;
	
	// Constructor
	var balloonDIV = document.createElement("DIV");
	balloonDIV.style.width=String(blbWidth);
	balloonDIV.style.position="absolute";
	balloonDIV.style.visibility="hidden";
	balloonDIV.style.filter=transShowFilter+' '+transHideFilter;
	balloonDIV.style.zIndex=2001;
	
	/*	Property: balloon
			Retrieves the reference to the instantiated balloon object.
			
		Syntax:
			[obj =] object.balloon
			
		Possible Values:
			obj - *object* balloon reference
		
		Examples:
			var obj = balloonObj.balloon;
	*/
	this.balloon=balloonDIV;

	// Pulic Methods
	this.Show=Show;
	this.Hide=Hide;
	
	/*	Function: Show
			Makes the instantiated balloon appear.
			
		Balloon content note: 
			Because SELECT objects are what's known as windowed controles
			they need to be hidden when balloons are shown, otherwise they will always be on top
			(they ignore zIndex attribute). It is normally done automatically by this control.
			Sometimes, however, you may want to place a drop-down inside the balloon itself.
			To override this default behaviour add an balloonMember expando attirbute to 
			the SELECT you are placing withing.
			
			- e.g. <SELECT id=select1 name=select1 balloonMember=true>
			
		Syntax:
			(start code)
			object.Show({[title:vTitle]
						 [,message:vMessage]
						 [,footer:vFooter]
						 [,top:vTop]
						 [,left:vLeft]
						 [,anchor:vAnchor]
						 [,icon:vIcon]
						 });
			(end)
						 
		Possible Values:
			vTitle - *string* Optional title text for the balloon.
			vMessage - *string* Optional. Message body for the balloon.
			vFooter - *string* Optional. Test displayed at the bottom of the balloon on a separate line.
			vTop - *integer* Optional. Offset from the top of the screen or top of an anchor.
			vLeft - *integer* Optional. Offset from the left of the screen or left of an anchor.
			vAnchor - *object* Optional. Reference to the object that the balloon should use as reference for location. 
			vIcon - *string* Optional. Possible icon values may include one of the values below (case sensitive):
				 - Exclaim - pre-defined, triangle with an exclamation point.
				 - Stop - pre-defined, red circle with a white x inside.
				 - Info - pre-defined, white balloon with a letter "i" inside *Default*
				 - Help - a question mark inside a blue circle.
				 - a relative path to a custom icon.
			
		Examples:
			
			- balloonObj.Show({title:'JavaScript Balloon Example',message:'This is an example of a JSBalloon object. It\'s primary application is to provide a modeless feedback to DHTML applications.',anchor:tableCellObj, icon:'Info'});
			- balloonObj1.Show({title:'JavaScript Balloon Example',message:'This is an example of a JSBalloon object. It\'s primary application is to provide a modeless feedback to DHTML applications.',anchor:tableCellObj});
			- balloonObj2.Show({message:'This is an example of a JSBalloon object. It\'s primary application is to provide a modeless feedback to DHTML applications. ',anchor:tableCellObj});
	
	*/
	function Show()
	{
		var title;
		var message='';
		var icon='';
		var footer='';
		var btop=0, bleft=0;
		var atop=0, aleft=0;
		var anchor;
		var direction='SE';

		// Updates
		blbWidth=String(this.width);
		titleFontStyle=this.titleFontStyle;
		messageFontStyle=this.messageFontStyle;
		footerFontStyle=this.footerFontStyle;
		transShowFilter=this.transShowFilter;
		transHideFilter=this.transHideFilter;
		transShow=this.transShow;
		transHide=this.transHide;
		autoHide=this.autoHide;
		autoHideInterval=this.autoHideInterval;
		autoAway=this.autoAway;
		
		if(Show.arguments.length>0)
		{
			var oArg=Show.arguments[0];
			
			if(oArg.title!=null)
			{
				title=oArg.title;
			}
			
			if(oArg.message!=null)
			{
				message=oArg.message;
			}
			
			if(oArg.icon!=null)
			{
				icon=oArg.icon;
				
				switch(icon)
				{
					case 'Exclaim':
						icon = JSBalloonPath+'images/exclaim.ico';
						SoundFx = 'Exclaim';
						break;
						
					case 'Stop':
						icon = JSBalloonPath+'images/stop.ico';
						SoundFx = 'Stop';
						break;
						
					case 'Info':
						icon = JSBalloonPath+'images/info.ico';
						SoundFx = 'Info';
						break;
					
					case 'Help':
						icon = JSBalloonPath+'images/help.ico';
						SoundFx = 'Info';
						break;
						
					default:
						SoundFx = 'Info';
				}
			}

			if(oArg.footer!=null)
			{
				footer=oArg.footer;
			}
			
			if(oArg.top!=null)
			{
				btop=oArg.top;
			}
			
			if(oArg.left!=null)
			{
				bleft=oArg.left;
			}
			
			if(oArg.anchor!=null)
			{
				anchor=oArg.anchor;
				atop=getTop(anchor);
				aleft=getLeft(anchor);
			}
		}
		
		// Figure out the best direction for the pointer
		
		// Assume SE
		var ret=balloonInfrastructure(balloonBody(	title, 
													icon, 
													message, 
													footer, 
													this.titleFontStyle,
													this.messageFontStyle,
													this.footerFontStyle,
													this.showCloseBox), direction);
		
		// Populate the contents
		balloonDIV.innerHTML=ret;
		
		var btnClose = ie ? balloonDIV.children[0].children[0].children[1].children[0].children[0].children[0].children[0].children[2].children[0] : balloonDIV.childNodes[0].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[1].childNodes[0].childNodes[5].childNodes[0];
		btnClose.onclick=this.Hide;

		// check if the object is already initialized
		if(typeof(childID)!='object')
		{
			childID=document.body.appendChild(balloonDIV);	
		}
		
		if(anchor!=null)
		{

			balloonDIV.style.left = aleft+bleft;
			balloonDIV.style.top = (atop-balloonDIV.offsetHeight)+btop;
		}
		else
		{
			balloonDIV.style.left = bleft;
			balloonDIV.style.top = btop;		
		}
		
		
		var bAdjustedLeft=parseInt(balloonDIV.style.left, 10);
		var showSE;

	
		if(document.body.offsetWidth < (bAdjustedLeft+balloonDIV.offsetWidth+20))
		{		
			direction='SW';
			
			ret=balloonInfrastructure(balloonBody(	title, 
													icon, 
													message, 
													footer, 
													this.titleFontStyle,
													this.messageFontStyle,
													this.footerFontStyle,
													this.showCloseBox), direction);
			balloonDIV.innerHTML=ret;

			balloonDIV.style.left = bAdjustedLeft-balloonDIV.offsetWidth+20;
			showSE=false;
		}
		else
		{
			direction='SE';
			showSE=true;
		} 
		
		if(parseInt(balloonDIV.style.top, 10)<0)
		{
			if(showSE)
			{
				direction='NE';
				ret=balloonInfrastructure(balloonBody(	title, 
													icon, 
													message, 
													footer, 
													this.titleFontStyle,
													this.messageFontStyle,
													this.footerFontStyle,
													this.showCloseBox), direction);
				balloonDIV.innerHTML=ret;
			}
			else
			{
				direction='NW';
				ret=balloonInfrastructure(balloonBody(	title, 
													icon, 
													message, 
													footer, 
													this.titleFontStyle,
													this.messageFontStyle,
													this.footerFontStyle,
													this.showCloseBox), direction);
				balloonDIV.innerHTML=ret;
			}
			balloonDIV.style.top = parseInt(balloonDIV.style.top, 10)+balloonDIV.offsetHeight;
			if(anchor!=null)
			{
				balloonDIV.style.top = parseInt(balloonDIV.style.top, 10)+anchor.offsetHeight
			}
		}			
		
		if(this.showCloseBox)
		{
			if(direction=='SE' || direction=='SW')
			{
				btnClose = ie ? balloonDIV.children[0].children[0].children[1].children[0].children[0].children[0].children[0].children[2].children[0] : balloonDIV.childNodes[0].childNodes[1].childNodes[2].childNodes[1].childNodes[1].childNodes[1].childNodes[0].childNodes[5].childNodes[0];
			}
			else
			{
				btnClose = ie ? balloonDIV.children[0].children[0].children[2].children[0].children[0].children[0].children[0].children[2].children[0] : balloonDIV.childNodes[0].childNodes[1].childNodes[4].childNodes[1].childNodes[1].childNodes[1].childNodes[0].childNodes[5].childNodes[0];
			}
			btnClose.onclick=this.Hide;
		}
		
		// Adjust all srollers
		var scrollOffsets=ScrollOffsets(anchor);
		balloonDIV.style.top=parseInt(balloonDIV.style.top, 10)-scrollOffsets[0];
		balloonDIV.style.left=parseInt(balloonDIV.style.left, 10)-scrollOffsets[1];
		if(ie) {
			balloonDIV.style.top=parseInt(balloonDIV.style.top, 10)+parseInt(document.body.scrollTop, 10);
		}

		// Hide any overlapping selects
		SuppressSelects();
		
		// Show balloon
		if(this.transShow)
		{
			balloonDIV.style.filter=this.transShowFilter+' '+this.transHideFilter;
			if(balloonDIV.filters(0).status==2 || balloonDIV.filters(0).status==1)
			{
				balloonDIV.filters(0).Stop();
			}
			balloonDIV.filters(0).Apply();
			balloonDIV.style.visibility='visible';
			balloonDIV.filters(0).Play();
		}
		else
		{
			balloonDIV.style.visibility='visible';
		}
					
		// Init autohide if true
		if(this.autoHide)
		{
			clearTimeout(this.tmrBalloonPopup);
			transHide=this.transHide;
			this.tmrBalloonPopup=setTimeout(this.Hide, this.autoHideInterval);
		}
		
		if(this.autoAway)
		{
			balloonDIV.onmouseover=Hide;
		}
		else
		{
			balloonDIV.onmouseover='';
		}
	}
	
	/*	Function: Hide
			Hide a visible balloon.
			Call this function to immediately initiate the hiding of the instantiated balloon 
			with the predefined transition in <transHideFilter> depending on the setting of <transHide>.
	*/
	function Hide()
	{
		if(balloonDIV.style.visibility=='hidden')
		{
			return;
		}

		if(transHide)
		{
			if(balloonDIV.filters(1).status==2 || balloonDIV.filters(1).status==1)
			{
				balloonDIV.filters(1).Stop();
			}
			balloonDIV.filters(1).Apply();
			balloonDIV.style.visibility='hidden';
			balloonDIV.filters(1).Play();
		}
		else
		{
			balloonDIV.style.visibility='hidden';
		}	
		
		RestoreSelects();
	}
	
	// Private

	function SuppressSelects()
	{
		var selObjects=document.getElementsByTagName("SELECT");
		
		for(var i=0;i<selObjects.length;i++)
		{	
			if(selObjects[i].balloonMember!='true')
			{
				if(selObjects[i].style.visibility=='visible' || selObjects[i].style.visibility=='')
				{
					if(ObjectOverlap(balloonDIV, selObjects[i]))
					{
						selObjects[i].style.visibility='hidden';
						// Mark as ballonhidden
						selObjects[i].baloonHidden=true;
					}
				}
			}
		}
	}
	
	function RestoreSelects()
	{
		var selObjects=document.getElementsByTagName("SELECT");
		
		for(var i=0;i<selObjects.length;i++)
		{	
			if(selObjects[i].baloonHidden)
			{
				selObjects[i].style.visibility='visible';
				// Mark as ballonhidden
				selObjects[i].baloonHidden=false;
			}
		}
	}
	
	function ObjectOverlap(obj1, obj2)
	{
		var obj1TopX = getLeft(obj1);
		var obj1TopY = getTop(obj1);
		var obj1BottomX = getLeft(obj1)+obj1.offsetWidth;
		var obj1BottomY = getTop(obj1)+obj1.offsetHeight;
		
		var obj2TopX = getLeft(obj2);
		var obj2TopY = getTop(obj2);
		var obj2BottomX = getLeft(obj2)+obj2.offsetWidth;
		var obj2BottomY = getTop(obj2)+obj2.offsetHeight;
		
		var overlapOnX = (obj1TopX < obj2BottomX && obj2TopX < obj1BottomX);
		var overlapOnY = (obj1TopY < obj2BottomY && obj2TopY < obj1BottomY);
		
		return (overlapOnX && overlapOnY);
	}

	//Positioning functions
	function getObjLeft(anObject) 
	{
	  return(anObject.offsetParent ? (getObjLeft(anObject.offsetParent) + anObject.offsetLeft) : anObject.offsetLeft);
	}
		 
	function getObjTop(anObject) 
	{
	  return(anObject.offsetParent ? (getObjTop(anObject.offsetParent) + anObject.offsetTop) : anObject.offsetTop); 
	}
		 
		 
	function getLeft(anObject) 
	{
	    return(getObjLeft(anObject));
	}
		 
	function getTop(anObject) 
	{
	    return(getObjTop(anObject));
	}
	
	function ScrollOffsets(anchor)
	{
		var aryScrolls = new Array(0,0);

		try
		{
			var parentElem=anchor.parentElement;

			while(parentElem!=null)
			{
				if(parentElem.scrollTop!=null)
				{
					aryScrolls[0]+=parseInt(parentElem.scrollTop, 10);
					aryScrolls[1]+=parseInt(parentElem.scrollLeft, 10);
				}
	
				parentElem=parentElem.parentElement;
			}
		}
		catch(ex)
		{
			// continue
		}
		return aryScrolls;
	}

	// Rendering functions
	function balloonInfrastructure(body, direction)
	{
		var ret;
		
		switch(direction)
		{
			case 'SE':
				// South East	
				ret ='<table class="JSBalloon" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" >'+
					'  <tr>'+
					'    <td height="1" width="10">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftTop.gif" width="10" height="10"></td>'+
					'    <td height="7" width=100% style="border-top:1px solid #999999; border-left-width:1; border-right-width:1; border-bottom-width:1; background-color:#FFFFEA" colspan="4"></td>'+
					'    <td height="7"  width="10">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightTop.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td valign=top colspan="6" style="border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: #FFFFEA">'+
					body +
					'    </td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td width="10" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftBottom.gif" width="10" height="10"></td>'+
					'    <td height="7" style="background-color: #FFFFEA" colspan="4" width="280"></td>'+
					'    <td width="10" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightBottom.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td width="10" height="10"></td>'+
					'    <td width="1" style="border-top: 1px solid #999999; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1" height="10"></td>'+
					'    <td  height="10">'+
					'    <img border="0" src="'+JSBalloonPath+'images/aSouthEast.gif" width="67" height="18"></td>'+
					'    <td width=100% height="10" style="border-top: 1px solid #999999; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1"></td>'+
					'    <td width="70" height="10" style="border-top: 1px solid #999999; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1"></td>'+
					'    <td width="10" height="10"></td>'+
					'  </tr>'+
					'</table>'
					break;

			case 'SW':					
				// South West
				ret ='<table class="JSBalloon" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" >'+
					'  <tr>'+
					'    <td height="1" width="10">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftTop.gif" width="10" height="10"></td>'+
					'    <td height="7" width=179 style="border-top:1px solid #999999; border-left-width:1; border-right-width:1; border-bottom-width:1; background-color:#FFFFEA" colspan="4"></td>'+
					'    <td height="7"  width="11">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightTop.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td valign=top colspan="6" style="border-left: 1px solid #999999; border-right: 1px solid #999999;  background-color: #FFFFEA"">'+
					body +
					'    </td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td width="10" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftBottom.gif" width="10" height="10"></td>'+
					'    <td height="7" style="background-color: #FFFFEA" colspan="4" width="179"></td>'+
					'    <td width="11" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightBottom.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td width="10" height="10"></td>'+
					'    <td width="70" style="border-top: 1px solid #999999; border-left-width:1; border-right-width:1; border-bottom-width:1" height="10"></td>'+
					'    <td  height="10" style="border-left-width: 1; border-right-width: 1; border-top: 1px solid #999999; border-bottom-width: 1" width="100%">'+
					'    </td>'+
					'    <td  align="right">'+
					'    <img border="0" src="'+JSBalloonPath+'images/aSouthWest.gif" width="67" height="18"></td>'+
					'    <td width="1" height="10" style="border-top: 1px solid #999999;"></td>'+
					'    <td width="10" height="10"></td>'+
					'  </tr>'+
					'</table>'
					break;
					
			case 'NE':	
					// North East
					ret ='<table class="JSBalloon" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" >'+
					'   <tr>'+
					'    <td width="10" height="9"></td>'+
					'    <td width="1" style="border-bottom:1px solid #999999; " height="9"></td>'+
					'    <td  height="9" valign="bottom">'+
					'    <img border="0" src="'+JSBalloonPath+'images/aNorthEast.gif" width="67" height="18"></td>'+
					'    <td width=100% height="9" style="border-bottom:1px solid #999999; "></td>'+
					'    <td width="70" height="9" style="border-bottom:1px solid #999999;"></td>'+
					'    <td width="10" height="9"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td height="1" width="10">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftTop.gif" width="10" height="10"></td>'+
					'    <td height="7" width=100% colspan="4" bgcolor="#FFFFEA"></td>'+
					'    <td height="7"  width="10">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightTop.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td valign=top colspan="6" style="border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: #FFFFEA">'+
					body +
					'    </td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td width="10" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftBottom.gif" width="10" height="10"></td>'+
					'    <td height="7" style="border-bottom:1px solid #999999; border-left-width:1; border-right-width:1; border-top-width:1" colspan="4" width="280" bgcolor="#FFFFEA"></td>'+
					'    <td width="10" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightBottom.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'</table>'
					break;
					
			case 'NW':	
					// North West			
					ret ='<table class="JSBalloon" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" >'+
					'  <tr>'+
					'    <td width="10" height="10"></td>'+
					'    <td width="70" style="border-bottom:1px solid #999999;  border-left-width:1; border-right-width:1; " height="10"></td>'+
					'    <td  height="10" style="border-bottom:1px solid #999999; border-left-width: 1; border-right-width: 1; " width="100%">'+
					'    </td>'+
					'    <td  align="right" valign="bottom">'+
					'    <img border="0" src="'+JSBalloonPath+'images/aNorthWest.gif" width="67" height="18"></td>'+
					'    <td width="1" height="10" style="border-bottom:1px solid #999999;"></td>'+
					'    <td width="10" height="10"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td height="1" width="10">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftTop.gif" width="10" height="10"></td>'+
					'    <td height="7" width=179 colspan="4" bgcolor="#FFFFEA"></td>'+
					'    <td height="7"  width="11">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightTop.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td valign=top colspan="6" style="border-left: 1px solid #999999; border-right: 1px solid #999999;  background-color: #FFFFEA">'+
					body +
					'    </td>'+
					'  </tr>'+
					'  <tr>'+
					'    <td width="10" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cLeftBottom.gif" width="10" height="10"></td>'+
					'    <td height="7" style="border-bottom:1px solid #999999; border-left-width:1; border-right-width:1; border-top-width:1" colspan="4" width="179" bgcolor="#FFFFEA"></td>'+
					'    <td width="11" height="7">'+
					'    <img border="0" src="'+JSBalloonPath+'images/cRightBottom.gif" width="10" height="10"></td>'+
					'  </tr>'+
					'</table>'
					break;
		}
		
		
		return ret;
	}
	
	function balloonBody(title, icon, body, footer, titleFontStyle, 
						messageFontStyle, footerFontStyle,
						showCloseBox)
	{
		var imgShow='none';
		var iconTitle='';
		var ballonBody=body;
		var imgClose='none';
		var headerVisible='block';
		var offsetParent="-7";
		
		if(title!=undefined)
		{
			iconTitle=title;
		}
		
		if(showCloseBox)
		{
			imgClose='block';
		}
		else
		{
			imgClose='none';
		}
		
		if(icon != '')
		{
			imgShow='block';
		}
		else
		{
			imgShow='none';
		}
		
		if(imgShow=='none' && imgClose=='none' && iconTitle=='')
		{
			headerVisible='none';
			offsetParent="0";
		}
		else
		{
			headerVisible='block';
			offsetParent="-7";
		}

		return '    <table border="0" cellpadding="3" cellspacing="0" style="cursor:default;border-collapse: collapse; position:relative; top: '+offsetParent+';left:3" width="100%">' + 
				'      <tr style="display:'+headerVisible+'">' + 
				'        <td id="BIcon" width="3%" align=left><img id=BIcon src="'+icon+'" style="display:'+imgShow+'"></td>' + 
				'        <td id="BTitle" UNSELECTABLE="on" width="90%" style="'+titleFontStyle+'" align=left>'+iconTitle+'</td>' + 
				'        <td id="BClose" width="3%" valign=top align=right><img src="'+JSBalloonPath+'images/close.jpg" style="position:relative; top: 4;left:-5;display:'+imgClose+'" onmouseover="this.src=\''+JSBalloonPath+'images/closeActive.jpg\'" onmouseout="this.src=\''+JSBalloonPath+'images/close.jpg\'" onmouseup="this.src=\''+JSBalloonPath+'images/closeActive.jpg\'" onmousedown="this.src=\''+JSBalloonPath+'images/closeDown.jpg\'" title="Close">&nbsp;</td>' + 
				'      </tr>' + 
				'      <tr>' + 
				'        <td id="BBody" UNSELECTABLE="on" style="'+messageFontStyle+'" width="100%" colspan="3">' + ballonBody +'</td>' + 
				'      </tr>' + 
				'       <tr>' + 
				'        <td id="BFooter" UNSELECTABLE="on" style="'+footerFontStyle+'" width="100%" colspan="3">' + footer +'</td>' + 
				'      </tr>' + 
				'    </table>'
	}
}

/*
	Section: Usage
		Examples of the object instantiation.
	
	Examples:
	
	(start code)
	var bl=new JSBalloon({ width:300});
	var b2=new JSBalloon();
	var b3=new JSBalloon({	width:150, 
							autoAway:false, 
							autoHide:false,
							showCloseBox:true});
							
	(end)
	
	Section: Include Setup Notes
		Please read before installing.
		
		Set the global variable JSBalloonPath to the full application path (or URL) where 
		it is located. 
		
		Make sure you included the trailing forward slash.
		
	Examples:
		- var JSBalloonPath="/appname/includes/js/JSBalloon/";
		- var JSBalloonPath="http://prodserver/appname/includes/js/JSBalloon/";
*/
var xcBubbleKeywords = {'*Two-way \'live conversation\'*':'<b>*Two-way \'live conversation\'*</b><br>Services that involve two-way ‘live conversation’ (other than those exempted by Notice) – for example, one-to-one Chatlines, professional advice lines and connection services for Live Conversation involving calls to international destinations. The provisions covering prior permission for all live services (regardless of price) are in Section 6 of the Code.','*Chatline (multi-party chat) services*':'<b>*Chatline (multi-party chat) services*</b><br>Services that provide a multi-party chatline service','*Consumer credit services*':'<b>*Consumer credit services*</b><br>For example, credit brokerage and debt counselling services, including live, recorded and fax services.','*Counselling services*':'<b>*Counselling services*</b><br>Services that provide counselling','*Services charged at more than £1.00 per minute*':'<b>*Services charged at more than £1.00 per minute*</b><br>Services charged at more than £1 per minute where the total cost of the call can exceed £30.','*Services charged at more than £1.50 per minute*':'<b>*Services charged at more than £1.50 per minute*</b><br>Any service that is charged at a rate of more than £1.50 per minute','*Remote gambling services*':'<b>*Remote gambling services*</b><br>Enabling gaming or betting to take place remotely – i.e. delivered at a distance, electronically or by voice telephony. (This requirement does not apply to prize competition services or betting tipster services, except where they may fall into another of the service categories listed above).','*A premium rate service using a dialler*':'<b>*A premium rate service using a dialler*</b><br>Any premium rate service utilising a dialler, regardless of price','*If promoted by word of mouth*':'<b>*If promoted by word of mouth*</b><br>If promoted by word of mouth, please provide the referral message word for word','*Advertisement publications*':'<b>*Advertisement publications*</b><br>Please list the publications in which the advertisement will appear','*Audience*':'<b>*Audience*</b><br>To which audience will the service be aimed?','*Average service cost*':'<b>*Average service cost*</b><br>What is the average cost of the service? Please enter numeric characters and a decimal place only (do not enter a currency sign).','*Maximum service cost*':'<b>*Maximum service cost*</b><br>What is the maximum cost of the service? Please enter numeric characters and a decimal place only (do not enter a currency sign).','*Information source*':'<b>*Information source*</b><br>Please confirm the source of information given out by the service, or used by the operators (for example reference books, support contracts etc, please ensure that you are not breaching copyright-owners\' rights).','*Redress and compensation*':'<b>*Redress and compensation*</b><br>How will callers have recourse to redress and/or compensation in the event of faulty advice or poor value for money?','*Spoken introduction*':'<b>*Spoken introduction*</b><br>Please state the spoken introduction to the service (including any options available) - note that on connection live services must state the name of the service provider and the cost of the calls and if applicable callers must be informed that calls are recorded - If the service is an advice service then on connection the identity, current status and any relevant professional qualifications or experience of the persons/organisation supplying the advice must be given','*Call description*':'<b>*Call description*</b><br>Describe what will happen when a caller dials the service','*Underage caller prevention*':'<b>*Underage caller prevention*</b><br>Please give details of any measures designed to prevent callers under the age of 18 from using the service','*No permission prevention*':'<b>*No permission prevention*</b><br>Please give details of any measures designed to prevent callers who do not have the permission of the telephone subscriber to call the service','*Legal and regulatory requirements*':'<b>*Legal and regulatory requirements*</b><br>Please confirm details of any legal or regulatory requirements that need to be met prior to the commencement of the service','*Operator training*':'<b>*Operator training*</b><br>Please detail how current and future operators will be trained, both to deal with the queries likely to be made by callers, and to comply with the Code of Practice','*Ordinary calls*':'<b>*Ordinary calls*</b><br>Will operators be taking ordinary telephone calls in addition to premium rate telephone calls?','*Call type identification*':'<b>*Call type identification*</b><br>If yes, how will they know which incoming calls are being charged at premium rate and which are not?','*Call timing*':'<b>*Call timing*</b><br>How will operators be aware of the time elapsed and when to end calls?','*Operator absence cover*':'<b>*Operator absence cover*</b><br>What arrangements will be made to provide sufficient cover for sickness, lunch-breaks etc?','*Lines available*':'<b>*Lines available*</b><br>Please confirm how many lines will be available (i.e. number of simultaneous calls possible)','*More calls than operators*':'<b>*More calls than operators*</b><br>What will happen if more simultaneous calls are recieved than there are operators? (Please note ICSTIS prefers a short message to be played advising callers to call back later)','*Queuing and holding*':'<b>*Queuing and holding*</b><br>Please give details of any queuing or holding system in place (please note that calls must not be queued or held for more than 15 seconds)','*Outside office hours*':'<b>*Outside office hours*</b><br>What happens if a caller calls outside office hours? (ICSTIS prefers a short message to be played giving the hours of operation)','*I/we confirm that the dialler will...*':'<b>*I/we confirm that the dialler will...*</b><br>...connect only to one premium rate service through one premium rate number (090 or equivalent), which will be the only number that is connected to that dialler. (Any request to vary this needs to be set out on a separate covering letter, along with a reasoned explanation).','*Details of the specific service must...*':'<b>*Details of the specific service must...*</b><br>...be provided in the form of screen shots in hard copy or on disk. Please tick to confirm this evidence will be supplied in support of the application.','*I/we confirm that this number will not...*':'<b>*I/we confirm that this number will not...*</b><br>...be the subject of any arrangement which prevents the network operator named in this application being in full control of the functions normally available to a network in connection with premium rate numbers that it owns and that the network operator will be able to disconnect a service which utilises a dialler when requested to do so by ICSTIS.','*I/we confirm that the dialler to be used is...*':'<b>*I/we confirm that the dialler to be used is...*</b><br>...codesigned and datestamped with a unique identifier which prevents any change to the programme being made without detection.','*A copy of the programme must...*':'<b>*A copy of the programme must...*</b><br>...be provided which will enable ICSTIS to check the presence of the codesigning and datestamping. Please tick to confirm this evidence will be supplied in support of the application.','*a) be in an on–screen dialogue...*':'<b>*a) be in an on–screen dialogue...*</b><br>...box or equivalent','*b) set out the cost per minute...*':'<b>*b) set out the cost per minute...*</b><br>...of connecting to the internet whilst the dialler is operational,','*c) make clear that charges incurred...*':'<b>*c) make clear that charges incurred...*</b><br>...by the operation of the dialler are not part of any normal internet ISP costs and that such charges will appear as an itemised amount on the bill payer’s telephone bill,','*d) be clear easily legible prominent...*':'<b>*d) be clear easily legible prominent...*</b><br>...and horizontal.','*Applicants must provide screen–shots...*':'<b>*Applicants must provide screen–shots...*</b><br>...in hard copy or on disk to demonstrate how the service utilising the dialler will comply with the above. Please tick to confirm this evidence will be supplied in support of the application.','*ii) Users will be required to confirm...*':'<b>*ii) Users will be required to confirm...*</b><br>...acceptance of the premium rate charge that will be incurred by operation of the dialler, for example by clicking on “Yes” in an easy to understand dialogue box which sets out what is being confirmed and gives the option to decline. If the option to decline is selected then this will not result in any further offers to access the service. Acceptance of the charge by the user will be separate from any other terms and conditions.','*iii) Users will be required to confirm...*':'<b>*iii) Users will be required to confirm...*</b><br>...acceptance of the downloading of any software, for example by clicking on “Yes” in an easy to understand dialogue box which sets out what is being confirmed and gives the option to decline. If the option to decline is selected, this will not result in any further offers to access the service.','*I/we confirm that after the dialler has...*':'<b>*I/we confirm that after the dialler has...*</b><br>...downloaded, and during the entire time of its operation, the following will occur:','*i) The screen will display prominently...*':'<b>*i) The screen will display prominently...*</b><br>...an on–screen clock which displays how many minutes the user has been connected to the dialler and/or the cumulative call costs accrued.','*ii) An icon will be displayed on...*':'<b>*ii) An icon will be displayed on...*</b><br>...the user’s screen showing that the dialler is installed.','*I/we confirm that any service using...*':'<b>*I/we confirm that any service using...*</b><br>...the dialler will terminate by forced release after a cumulative call spend of £20.00.','*I/we confirm that the utilised dialler will contain...*':'<b>*I/we confirm that the utilised dialler will contain...*</b><br>...a fully effective uninstall programme which can be shown by the service provider to be effective on all operating systems commonly used in the United Kingdom. The uninstall programme will be easily identifiable and accessible on the user’s screen.','*I/we confirm that the effect of uninstalling...*':'<b>*I/we confirm that the effect of uninstalling...*</b><br>...the dialler will be that the user’s computer is restored to the same condition is was in prior to the download of the dialler software.','*I/we confirm that as a service provider utilising a...*':'<b>*I/we confirm that as a service provider utilising a...*</b><br>...dialler, I/we shall restore the user’s ISP settings on their computer to their original state prior to the download of the dialler.','*I/we confirm that both prior to any dialler...*':'<b>*I/we confirm that both prior to any dialler...*</b><br>...downloading and after the dialler has downloaded, the service utilising the dialler will display easily accessible contact details for the service provider (such details must include the service provider’s name, full contact address (e.g. not PO Box number) and contact telephone number).','*I/we confirm that as the service provider...*':'<b>*I/we confirm that as the service provider...*</b><br>...utilising the dialler, I/we will ensure that the ICSTIS Code of Practice is complied with generally and particularly in relation to the provision of Online Services.','*I/we confirm that as the service provider utilising...*':'<b>*I/we confirm that as the service provider utilising...*</b><br>...the dialler, I/we will ensure that a customer e–mail support service and/or a telephone support service charged at no more than national rate will be provided. Such a support service will be able to deal with enquiries and/or complaints regarding the dialler in question in a manner that is satisfactory to any reasonable user. Such a support service will operate as a minimum from Monday to Friday 9am to 5pm GMT/BST.','*Please give the name of the Network Operator...*':'<b>*Please give the name of the Network Operator...*</b><br>...(or Network Operators) with which the Applicant service provider has contracted for the purposes of the service which is the subject of this application.','*i) In order to obtain prior permission a service provider must...*':'<b>*i) In order to obtain prior permission a service provider must...*</b><br>...produce to ICSTIS a signed agreement between it and the network operator or operators named in the application form (the relevant network operator). The agreement must be provided to ICSTIS. Please tick to confirm that the agreement or a copy of it certified by the relevant network operator will be submitted in support of the application.','*What is the Premium rate number for this service?*':'<b>*What is the Premium rate number for this service?*</b><br>You can submit complaints about numbers that start 09/ 118/ 070 and 0871.  If you wish to complain about an international number (starts 00) please contact our helpline on 0800 500 212.  Any other number does not fall within our remit and will not be accepted.','*What is the Premium rate short code number for this service?*':'<b>*What is the Premium rate short code number for this service?*</b><br>SMS mobile short codes are usually four or five digits long and start with 2, 6 or 8.  SMS mobile short codes can also be six or seven digits long.','*What is the keyword/ command word needed to access this service?*':'<b>*What is the keyword/ command word needed to access this service?*</b><br>The keyword is the word sent to the short code to access the service e.g. goal to 8XXXX','*Where and when did you see/hear the promotion for the premium rate service/promotion you wish to complain about*':'<b>*Where and when did you see/hear the promotion for the premium rate service/promotion you wish to complain about*</b><br>For example did you see the promotion in a magazine, on TV, in a text message, on a website?'};
JSBalloonPath='/common/XtraSite-BalloonHelp/';