// Dynamic HTML JavaScript 
// Copyright © 1998-2012 Adobe Systems Incorporated. All rights reserved.
// Version=9.0

// Warning:Do not modify this file. It is generated by Adobe RoboHelp® and changes will be overwritten.

//// Segment Begin -- (JavaScript 1.0)

/// Section Begin - General and relative topics(JavaScript 1.0)

//{{HH_SYMBOL_SECTION
var HH_ChmFilename = "";
var HH_WindowName = "";
var HH_GlossaryFont = "";
var HH_Glossary = "";
var HH_Avenue = "";
var HH_ActiveX = false;
//}}HH_SYMBOL_SECTION

//Begin to support previous generic parameters
//Get the information about the browser.
var gstrBsAgent 	= navigator.userAgent.toLowerCase();
var gnBsVer	   		= parseInt(navigator.appVersion);

var gbBsOpera		= (gstrBsAgent.indexOf('opera') != -1);
var gbBsKonqueror	= (gstrBsAgent.indexOf('konqueror') != -1);
var gbBsSafari		= (gstrBsAgent.indexOf('safari') != -1);
var gbBsIE  		= (gstrBsAgent.indexOf('msie') != -1) && !gbBsOpera && !gbBsKonqueror && !gbBsSafari;
var gbBsNS  		= (gstrBsAgent.indexOf('mozilla') != -1) && ((gstrBsAgent.indexOf('spoofer') == -1) && (gstrBsAgent.indexOf('compatible') == -1)) && !gbBsOpera && !gbBsKonqueror && !gbBsSafari;

var gbBsMac			= (gstrBsAgent.indexOf('mac') != -1);
var gbBsWindows		= ((gstrBsAgent.indexOf('win') != -1) || (gstrBsAgent.indexOf('16bit') != -1));
var gbBsSunOS		= (gstrBsAgent.indexOf("sunos") != -1);

var gbBsIE3Before 	= ((gbBsIE) && (gnBsVer <= 2));
var gbBsNS3Before 	= ((gbBsNS) && (gnBsVer <= 3));

var gbBsNS2			= ((gbBsNS) && (gnBsVer <= 2));
var gbBsNS3			= ((gbBsNS) && (gnBsVer == 3));
var gbBsIE300301	= ((gbBsIE) && (gnBsVer == 2) && ((gstrBsAgent.indexOf("3.00") != -1)||(gstrBsAgent.indexOf("3.0a") != -1)||(gstrBsAgent.indexOf("3.0b")!=-1)||(gstrBsAgent.indexOf("3.01")!=-1)));
var gbBsIE302		= ((gbBsIE) && (gnBsVer == 2) && (gstrBsAgent.indexOf("3.02") != -1));

var gbBsNS4			= ((gbBsNS) && (gnBsVer >= 4));
var gbBsNS6			= ((gbBsNS) && (gnBsVer >= 5));
var	gbBsNS7			= false;

var gbBsIE4			= ((gbBsIE) && (gnBsVer >= 4));
var gbBsIE5			= false;
var gbBsIE55		= false;
var gbBsIE7			= false;

var gbBsOpera6		= false;
var gbBsOpera7		= false;

var gbBsKonqueror3	= false;
var gbSafari3 		= false ;
var gbAIR			= (gstrBsAgent.indexOf('adobeair')!=-1);
var gbChrome 		= (gstrBsAgent.indexOf('chrome')!=-1);
var isLocal 		= document.location.protocol.substring(0, 4) == "file";
var gbChromeLocal        = window.chrome && isLocal ;
var gbInsideCHM 	= document.location.href.search("::")>0 && document.location.href.search(/chm/i)>0;
var gbBsIsMobile	= (gstrBsAgent.indexOf("mobile") != -1);
var gbBsiOSDevice		= gbBsMac && (gstrBsAgent.indexOf("ipad") !== -1 || gstrBsAgent.indexOf("iphone") !== -1 || gstrBsAgent.indexOf("macintosh") !== -1);

if(gbBsIsMobile == false)
{
	gbBsIsMobile = isTouchDevice();
}
function isTouchDevice() {
	return !!('ontouchstart' in window) ? 1 : 0;
}

function getOrigin(srcWindow) {
  return srcWindow.location.origin
}

gbBsIE = (navigator.appName.indexOf("Microsoft") != -1) && !gbBsOpera && !gbBsKonqueror && !gbBsSafari;;
if (gbBsIE)
{
	if (parseInt(navigator.appVersion) >= 4) {
		gbBsIE4 = true;
		if (gbBsIE4) {
			var nPos = gstrBsAgent.indexOf("msie");
			var strIEversion = gstrBsAgent.substring(nPos + 5);
			var nVersion =  parseFloat(strIEversion);
			if (nVersion >= 5)
				gbBsIE5 = true;
			if (nVersion >= 5.5)
			{
				if(nVersion >= 7)
					gbBsIE7 = true;
				gbBsIE55 = true;
			}
		}
	}
}

var re  = new RegExp("rv:([0-9]{1,}[\.0-9]{0,})");
if (re.exec(navigator.appVersion) != null)
{
	gbBsIE = true;
	gbBsIE4 = true;
	gbBsIE5 = true;
	gbBsIE55 = true;
}

var isNetScape = (navigator.appName.indexOf("Netscape") != -1);
var isMSIE = (gstrBsAgent.indexOf('msie') != -1);
if(isNetScape && isMSIE)
{
	//It is the (Preview) Browser Control
	gbBsIE = true;
	gbBsIE4 = true;
	gbBsIE5 = true;
	gbBsIE55 = true;
}

if (gbBsNS6)
{
	var nPos=gstrBsAgent.indexOf("gecko");
	if(nPos!=-1)
	{
		var nPos2=gstrBsAgent.indexOf("/", nPos);
		if(nPos2!=-1)
		{
			var nVersion=parseFloat(gstrBsAgent.substring(nPos2+1));
			if (nVersion>=20020823)
				gbBsNS7=true;
		}
	}	
}
if (gbBsOpera)
{
	var nPos = gstrBsAgent.indexOf("opera");
	if(nPos!=-1)
	{
		var nVersion = parseFloat(gstrBsAgent.substring(nPos+6));
		if (nVersion >= 6)
		{
			gbBsOpera6=true;
			if (nVersion >=7)
				gbBsOpera7=true;	
		}
	}
}
if (gbBsKonqueror)
{
	var nPos = gstrBsAgent.indexOf("konqueror");
	if(nPos!=-1)
	{
		var nVersion = parseFloat(gstrBsAgent.substring(nPos+10));
		if (nVersion >= 3)
		{
			gbBsKonqueror3=true;
		}
	}
}

if(gbBsSafari)
{
	var nPos = gstrBsAgent.indexOf("version/");
	if(nPos!=-1)
	{
		var nVersion = parseFloat(gstrBsAgent.substring(nPos+8,nPos+9));
		if (nVersion >= 3)
		{
			gbSafari3=true;
		}
	}
}

if(gbChrome)
{
	//for the time being use same tests as safari
	gbBsSafari 	= true ;
	gbSafari3	= true;
}

function insertAdjacentHTML(obj, where, htmlStr)
{
	if (gbBsIE || gbBsOpera7)
	{
		obj.insertAdjacentHTML(where, htmlStr);
	}
	else if (gbBsNS6 || gbBsSafari)
	{
		var r = obj.ownerDocument.createRange();
		r.setStartBefore(obj);
		var	parsedHTML = r.createContextualFragment(htmlStr);
		
		switch (where){
		case 'beforeBegin':
			obj.parentNode.insertBefore(parsedHTML,obj);
			break;
		case 'afterBegin':
			obj.insertBefore(parsedHTML,obj.firstChild);
			break;
		case 'beforeEnd':
			obj.appendChild(parsedHTML);
			break;
		case 'afterEnd':
			if (obj.nextSibling){
			obj.parentNode.insertBefore(parsedHTML,obj.nextSibling);
			} else {
			obj.parentNode.appendChild(parsedHTML);
			}
			break;
		}
	}
}


function setAttribute(obj, attr, val)
{
	if (gbBsIE)
	    obj.setAttribute(attr,val);
	else
	{
	    if (obj.setAttribute)
	        obj.setAttribute(attr,val);
	    else
	        obj.setProperty(attr,val,null);
	}       
};

function getAttribute(obj, attr)
{
   if (gbBsIE)
	    return obj.getAttribute(attr);
	else
	{
	    if ((obj.getAttribute)&&(obj.getAttribute(attr)))
	        return obj.getAttribute(attr);	  
	     else if ((obj.getPropertyValue)&&(obj.getPropertyValue(attr)))
	        return obj.getPropertyValue(attr) ;
	     else if ((obj.getPropertyCSSValue)&&(obj.getPropertyCSSValue(attr)))
	        return obj.getPropertyCSSValue(attr) ;
	     else
	        return null ;
	}          
};

// Utilities functions.
function BsscHasExtJs()
{
	if( gbBsIE3Before || gbBsNS3Before)
		return false;
	return true;
}

// Register event handler
var gBsOnLoads 			= new Array();	// An array holds all the onload event handler.
var gBsOnClicks 		= new Array();	// An array holds all the onClick event handler.
var gBsOnUnLoads 		= new Array();	// An array holds all the OnUnLoad event handler.
var gBsOnMouseOvers 	= new Array();	// An array holds all the OnMouseOver event handler.
var gBsOnMouseOuts 		= new Array();	// An array holds all the OnMouseOut event handler.

var gbOrignalOnMouseDown = null;

function BsscRegisterOnLoad(funcHandler)
{
	var nLength = gBsOnLoads.length;
	gBsOnLoads[nLength] = funcHandler;
}

function BsscRegisterOnClick(funcHandler)
{
	var nLength = gBsOnClicks.length;
	gBsOnClicks[nLength] = funcHandler;
}

function BsscRegisterOnUnLoad(funcHandler)
{
	var nLength = gBsOnUnLoads.length;
	gBsOnUnLoads[nLength] = funcHandler;
}

function BsscRegisterOnMouseOver(funcHandler)
{
	var nLength = gBsOnMouseOvers.length;
	gBsOnMouseOvers[nLength] = funcHandler;
}

function BsscRegisterOnMouseOut(funcHandler)
{
	var nLength = gBsOnMouseOuts.length;
	gBsOnMouseOuts[nLength] = funcHandler;
}

function BsGeneralOnLoad()
{
	if (!gbBsIE4 && !gbBsNS4)
		return;

	// Make everything visible in navigator
//	if (gbBsNS4) {
//		// Make some special effects items visible
//		var arr ;
//		if (gbBsNS6)
//		    arr = document.getElementsByTagName('*');
//		else
//		    arr = document.layers ;
//		for (var iLayer = 0; iLayer < arr.length; iLayer++) {
//			arr[iLayer].visibility = "visible";
//			arr[iLayer].left = 0 + 'px';
//		}
//	}	
	
}

// If resize the netscape browser, need to reload it.
function BsReDo()
{
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
// End of the local functions.

// The following functions are used by the html files.
function BSSCOnLoad(event)
{
	if( !BsscHasExtJs() )
		return;
	for (var nElement = gBsOnLoads.length - 1; nElement >= 0; nElement--)
		gBsOnLoads[nElement]();
}

function BSSCOnClick(event)
{
	if (!BsscHasExtJs()) return;
		
	for (var nElement = gBsOnClicks.length - 1; nElement >= 0; nElement--)
		gBsOnClicks[nElement]();
}

function BSSCOnUnload(event)
{
	if (!BsscHasExtJs()) return;
	for (var nElement = gBsOnUnLoads.length - 1; nElement >= 0; nElement--)
		gBsOnUnLoads[nElement]();
}

function BSSCOnMouseOver(event)
{
	if (!BsscHasExtJs()) return;
	for (var nElement = gBsOnMouseOvers.length - 1; nElement >= 0; nElement--)
		gBsOnMouseOvers[nElement]();
}

function BSSCOnMouseOut(event)
{
	if (!BsscHasExtJs()) return;
	for (var nElement = gBsOnMouseOuts.length - 1; nElement >= 0; nElement--)
	{
		gBsOnMouseOuts[nElement]();
	}
}
// End of invocation of the event handle functions.

// Add the GereralOnLoad to the onload array.
if (typeof(BsscRegisterOnLoad) != "undefined")
{
	BsscRegisterOnLoad(BsGeneralOnLoad);
}
if (gbBsNS4&&!gbBsNS6) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = BsReDo;
}
//End to support previous generic parameters

//Begin to support previous HHActiveX invoking
function BsHHActivateComponents()
{
	if( HH_ActiveX && (HH_ChmFilename != "") && ((self == top) || (self == top.frames[0])))
	{
		var objBody = getElementsByTag(document,"BODY")[0];
		if( typeof(objBody) == "object" )
		{
			insertAdjacentHTML(objBody, "beforeEnd", '<OBJECT ID="HHComponentActivator" CLASSID="CLSID:399CB6C4-7312-11D2-B4D9-00105A0422DF" width=0 height=0></OBJECT>');
			if (typeof(HHComponentActivator) != "undefined" && HHComponentActivator.object)
				HHComponentActivator.Activate(HH_ChmFilename, HH_WindowName, HH_GlossaryFont, HH_Glossary, HH_Avenue);
		}
	}
}

function BsHHActivXOnLoad()
{	
	if( gbBsIE4 )
		BsHHActivateComponents(); 
}

if( typeof(BsscRegisterOnLoad) != "undefined" )
{
	BsscRegisterOnLoad(BsHHActivXOnLoad);
}
//End to support previous HHActiveX invoking

//Begin to support previous relative topics
//If webHelp needs Related Topics DHTMLcode, it's supposed to add it here
var gbPopupMenuTimeoutExpired = false;
var gbInPopupMenu = false;
var gbPopupMenuTopicList = null;
var gOlddocumentClick = null;

//////////////////////////////////////////////////////////////////////////////////////////
//
// Popup Menu code
//
//////////////////////////////////////////////////////////////////////////////////////////

var g_bIsPopupMenuInit = false;
function _WritePopupMenuLayer()
{
	if (!g_bIsPopupMenuInit)
        {
	  if (gbBsNS4&&!gbBsNS6) {
//Do not try to write ininle styles for NS!  NS can not handle it and will not stop downloading the html page...
	   	document.write("<DIV CLASS='WebHelpPopupMenu' ID='PopupMenu'></DIV>");
	  } else{
	  document.write("<DIV ID='PopupMenu' STYLE='position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;'></DIV>");
	  if (!(gbBsNS4&&!gbBsNS6)) {
		document.write("<STYLE TYPE='text/css'>");
		if (gbBsMac&&gbBsIE4) {
			document.write(".PopupOver {font-family:'Arial'; color:white; background:navy; font-size:10pt; font-style:normal;font-weight:normal;text-decoration:none;}");
			document.write(".PopupNotOver {font-family:'Arial'; color:black; background:#c0c0c0; font-size:10pt; font-style:normal;font-weight:normal;text-decoration:none;}");
		} else {
			document.write(".PopupOver {font-family:'Arial'; color:white; background:navy; font-size:8pt; font-style:normal;font-weight:normal;text-decoration:none;}");
			document.write(".PopupNotOver {font-family:'Arial'; color:black; background:#c0c0c0; font-size:8pt; font-style:normal;font-weight:normal;text-decoration:none;}");
		}
		document.write("</STYLE>");
	   }
          }
	  g_bIsPopupMenuInit = true;
	}
}

//Seek for the bsscright frame 
function _SeekFrameByName( cRoot, strName )
{
	if( cRoot == null )	return null;
	if( cRoot.frames == null )	return null;
	if( cRoot.frames[strName] != null )	return cRoot.frames[strName];
	for (var i=0; i<cRoot.frames.length; i++)
	{
		var cObj = null;
		if (!gbBsNS6) 
			cObj = _SeekFrameByName( cRoot.frames(i).document, strName );
		else
			cObj = _SeekFrameByName( cRoot.frames[i], strName );
		if( cObj != null )		return cObj;
	};
	return null;
}
function _GetFrameByName( cRoot, strName )
{
	if( cRoot == null )	return null;
	var cRet = _SeekFrameByName(cRoot, strName);
	if( cRet != null )	return cRet;
	if (cRoot.parent != cRoot)
		return _GetFrameByName( cRoot.parent, strName );
	else
		return null;
}

var gfn_arguments = null;
function _PopupMenu_Invoke(fn_arguments)
{
	gfn_arguments = fn_arguments;
	if (gbBsOpera6&&gbBsMac)
	{
		var wndOldPopupLinks= window.open(sanitizeURL(document.location.href), "popuplinks");
		wndOldPopupLinks.close();
		setTimeout("_PopupMenu_Invoke_2();",100);
	}
	else
	{
		_PopupMenu_Invoke_2();
	}
}

function GetXOffset(el) {
    var offX = 0;
    while (el && typeof (el.offsetLeft) != 'undefined' && typeof (el.offsetParent) != 'undefined') 
    {
        offX = offX + el.offsetLeft;
        el = el.offsetParent;
    }
    return offX;
}

function GetYOffset(el) 
{
    var offY = 0;
    while (el && typeof (el.offsetTop) != 'undefined' && typeof (el.offsetParent) != 'undefined') 
    {
        offY = offY + el.offsetTop;
        el = el.offsetParent;
    }
    return offY;
}

function _PopupMenu_Invoke_2()
{
	var fn_arguments = gfn_arguments;
	gfn_arguments = null;
	
	// Make sure we have reasonable arguments
	var argLen = fn_arguments.length;
	if (argLen < 3) {
		return false;
	}

	// Check to see if we only have one target
	var strTarget = "";
	var targetDoc = null;
	if (fn_arguments[1] == '') {
		if (BSSCPopup_IsPopup()) {
			targetDoc = parent;
			strTarget = "TARGET= _parent";
		}
		else
			targetDoc = window.document;
	} else {
		targetDoc = _GetFrameByName( parent, fn_arguments[1] );

		strTarget = "TARGET='" + fn_arguments[1] + "'";
	}

	if ((!gbBsIE4 && !gbBsNS4 && !gbBsOpera7 && !gbBsKonqueror3 &&!gbBsSafari) || ((gbBsMac) && (gbBsIE4) && (window.event.srcElement.tagName == "AREA"))) {
	
		var argLen 	= fn_arguments.length;

		// Create the window that the hyperlinks will go into
		var nHeight = argLen * 15;
		var nWidth = 400;
		var strParam = "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=auto";
		strParam += ",height=" + nHeight + ",width=200";
		strParam += ",resizable";

		var wndTemp=null;
		// Create a temporary window first to ensure the real popup comes up on top
		if (!gbBsOpera)
			wndTemp = window.open("", "temp", strParam);

		// Create the real popup window
		var wndPopupLinks=null;
		if (gbBsOpera&&gbBsMac)
		{
			wndTemp = window.open(sanitizeURL(document.location.href), "temp", strParam);
			wndPopupLinks= window.open(sanitizeURL(document.location.href), "popuplinks", strParam);
		}
		else
			wndPopupLinks= window.open("", "popuplinks", strParam);
		wndPopupLinks.document.open("text/html");

		// Close the temporary
		if (wndTemp)
			wndTemp.close();

		var sHTML="<html><head>";
		sHTML += "<";
		sHTML += "/head>";
		sHTML+="<body onBlur=\'self.focus();\'>";
		var strParaLine = "";
		for (var i = 0; i < (argLen - 2) / 2; i++) {
			strParaLine = "";
			strParaLine += "<a href=\"javascript:";
			if (gbBsIE) {
				strParaLine += "onBlur=null; ";
			}
			strParaLine += "opener.location=\'";
			strParaLine += fn_arguments[2 * i + 3];
			strParaLine += "\';close();\"";
			strParaLine += strTarget;

			strParaLine += ">";
			strParaLine += fn_arguments[2 * i + 2];
			strParaLine += "</a>";
			strParaLine += "<br>";
			sHTML+=strParaLine;
		}
		sHTML+="</body></html>";
		wndPopupLinks.document.write(sHTML);
		wndPopupLinks.document.close();
		window.gbInPopupMenu = true;
		if (!gbBsIE) {
			wndPopupLinks.focus();
		}
		return false;
	}

	if (((argLen < 5) && ((isNaN(fn_arguments[2])) || (gbPopupMenuTopicList == null))) ||
		((argLen < 4) && ((!isNaN(fn_arguments[2])) && (gbPopupMenuTopicList != null)))) {
		// Get the place that we will be putting the topic into
		var strURL = "";
		if (isNaN(fn_arguments[2]) ||  (gbPopupMenuTopicList == null)) {
			strURL = fn_arguments[3];
		}
		else 	{
			strURL = gbPopupMenuTopicList[fn_arguments[2]].strURL;
		}

		if (targetDoc != null) {
			targetDoc.location.href = strURL;
		}
		else {
			if (fn_arguments[1] != null && typeof(fn_arguments[1]) != "undefined")
				window.open(strURL, fn_arguments[1]);
			else
				window.open(strURL);
		}		
		window.gbInPopupMenu = true;
		return false;
	}
	
	var strMenu = "";
	if (gbBsNS4&&!gbBsNS6) {
		strMenu = '<TABLE BORDER="1" CELLSPACING=0 CELLPADDING=3 BGCOLOR="#c0c0c0">';
	} else {
		strMenu = '<TABLE STYLE="border:2px outset white;" CELLSPACING=0';
		if (gbBsMac) {
			strMenu += ' CELLPADDING=4';
		} else {
			strMenu += ' CELLPADDING=2';
		}	
		strMenu += ' BGCOLOR=#c0c0c0>';
	}
	// Add each of the items
	var i = 2;
	while (i <= argLen - 1) {
		strMenu += '<TR><TD><NOBR>'
		// If the destination is a number then look it up in the topic list
		if (isNaN(fn_arguments[i]) ||  (gbPopupMenuTopicList == null)) {
			strMenu += '<DIV class="PopupNotOver" STYLE="padding-left:3pt; padding-right:3pt;"><A HREF="' + fn_arguments[i + 1] + '"' + strTarget;
		} else {
			strMenu += '<DIV class="PopupNotOver" STYLE="padding-left:3pt; padding-right:3pt;"><A HREF="' + gbPopupMenuTopicList[fn_arguments[i]].strURL + '"' + strTarget;
		}
		strMenu += ' onclick="PopupMenu_HandleClick(event);"';
		strMenu += ' onmouseover="PopupMenu_Over(event);"';
		strMenu += ' onmouseout="PopupMenu_Out(event);"';
		strMenu += '>';
		if (isNaN(fn_arguments[i]) || (gbPopupMenuTopicList == null)) {
			strMenu += '<SPAN CLASS="PopupNotOver">' + fn_arguments[i] + '</SPAN>';
		} else {
			strMenu += '<SPAN CLASS="PopupNotOver">' + gbPopupMenuTopicList[fn_arguments[i]].strTitle + '</SPAN>';
		}
		strMenu += '</A></DIV></NOBR></TD></TR>';

		if (isNaN(fn_arguments[i]) || (gbPopupMenuTopicList == null)) {
			i += 2;
		} else {
			i += 1;
		}
	}
	strMenu += "</TABLE>";

	if (gbBsMac) {
	// totally hack. because ie5 in mac need something. </TABLE> is one of them. mac is mad.
		strMenu +="<TABLE></TABLE>";
	}

	var layerPopup = null;
	var stylePopup = null;
	var nEventX = 0;
	var nEventY = 0;
	var nWindowWidth = 0;

	var nPopupHeight = 0;
	var nPopupWidth = 0;

	var e = fn_arguments[0];
	if (typeof (window.event) != 'undefined' && typeof (window.event.clientX) != 'undefined' && typeof (window.event.clientX) == 'number') 
    {
	    nEventX = window.event.clientX;
	    nEventY = window.event.clientY;
	}
	else 
    {
        if (typeof (e.clientX) != 'undefined') 
        {
	        nEventX = e.clientX;
	        nEventY = e.clientY;
	    }
	    else if (typeof (e.pageX) != 'undefined') 
        {
	        nEventX = e.pageX;
	        nEventY = e.pageY;

	        nEventX -= getScrollLeft();
	        nEventY -= getScrollTop();

	    }
	}

	_BSPSGetClientSize();

	var bFoundBrowser = true;
	if (gbBsIE4 || gbBsOpera7) 
    {
	    layerPopup = getElement("PopupMenu");
		layerPopup.innerHTML = strMenu;
		stylePopup = layerPopup.style;
	    nPopupHeight = layerPopup.scrollHeight;
	    nPopupWidth = layerPopup.scrollWidth;
	    if (gbBsMac) 
        {
	        nPopupWidth = 80; // we have no idea how to get the dynamic width of the popup.
	    }
	}
	else if (gbBsNS6 || gbBsKonqueror3 || gbBsSafari) 
    {
	    layerPopup = getElement("PopupMenu");
		layerPopup.style.visibility = "hidden";
		layerPopup.innerHTML = strMenu;
	    nPopupHeight = layerPopup.offsetHeight;
	    nPopupWidth = layerPopup.offsetWidth;
	}
	else if (gbBsNS4) 
    {
	    layerPopup = document.layers.PopupMenu;
	    layerPopup.visibility = "hide";
	    stylePopup = layerPopup.document;
	    stylePopup.write(strMenu);
	    stylePopup.close();

	    nPopupHeight = layerPopup.clip.height;
	    nPopupWidth = layerPopup.clip.width;
	}
	else
	    bFoundBrowser = false;

	if (bFoundBrowser)
    {
	    if (nEventY + nPopupHeight + 20 < gBsClientHeight) 
        {
	        nEventY += 20;
	    }
	    else 
        {
            nEventY = gBsClientHeight - nPopupHeight - 20;
	    }

        if (nEventX + nPopupWidth + 20 < gBsClientWidth) 
        {
            nEventX += 20;
        }
        else 
        {
            nEventX = gBsClientWidth - nPopupWidth - 20;
        }

        var par = layerPopup.offsetParent;
        var offX = 0, offY = 0;
        if (typeof(par) != 'undefined' && par) 
        {
            offX = GetXOffset(par);
            offY = GetYOffset(par);
        }

        nEventX += getScrollLeftElement(par);
        nEventX -= offX;
        nEventY += getScrollTopElement(par);
        nEventY -= offY;
    }

	if (gbBsIE4 || gbBsOpera7) 
    {
	    stylePopup.top = nEventY;
	    if (typeof (stylePopup.top) != 'number' ) 
        {
	        stylePopup.top = nEventY + "px";
	    }
	    stylePopup.left = nEventX;
	    if (typeof (stylePopup.left) != 'number' ) 
        {
	        stylePopup.left = nEventX + "px";
	    }

	    stylePopup.visibility = "visible";
	    if (!gOlddocumentClick && document.onclick)
	        gOlddocumentClick = document.onclick;
	    document.onclick = PopupMenu_HandleClick;
	}
	else if (gbBsNS6 || gbBsKonqueror3 || gbBsSafari) 
    {
	    if (gbBsNS6 || gbChrome || gbSafari3)
	        layerPopup.style.top = nEventY + "px";
	    else
	        layerPopup.style.top = nEventY;
	    if (gbBsNS6 || gbChrome || gbSafari3)
	        layerPopup.style.left = nEventX + "px";
	    else
	        layerPopup.style.left = nEventX;
	    // set again to avoid the stupid frash in netscape 6.
	    layerPopup.innerHTML = strMenu;
	    layerPopup.style.visibility = "visible";
	    //window.captureEvents(Event.MOUSEDOWN);
	    if (!gOlddocumentClick && document.onclick)
	        gOlddocumentClick = document.onclick;
	    window.onclick = PopupMenu_HandleClick;
	}
	else if (gbBsNS4) 
    {
	    layerPopup.left = nEventX;
	    layerPopup.top = nEventY;
	    layerPopup.visibility = "visible";
	    window.captureEvents(Event.MOUSEDOWN);
	    if (!gOlddocumentClick && document.onmousedown)
	        gOlddocumentClick = document.onmousedown;
	    window.onmousedown = PopupMenu_HandleClick;
	}

	if(window.addEventListener)
	{
		var popupDivElem = getElement("PopupMenu");
		if(typeof(popupDivElem) != 'undefined')
			popupDivElem.addEventListener("touchstart", onPopupDivTouched, false);

		window.document.addEventListener("touchstart", onPopupParentTouched, false);
	}
	

	window.gbInPopupMenu = true;
	window.gbPopupMenuTimeoutExpired = false;
	setTimeout("PopupMenu_Timeout();", 100);
	return false;
}

function PopupMenu_Timeout()
{
	window.gbPopupMenuTimeoutExpired = true;
}

function PopupMenu_Over(e)
{
    if (gbBsIE4||gbBsOpera7)
		e.srcElement.className = "PopupOver";
    else if (gbBsNS6)
		e.target.parentNode.className = "PopupOver";
	return;
}

function PopupMenu_Out(e)
{
    if (gbBsIE4||gbBsOpera7)
		e.srcElement.className = "PopupNotOver";
    else if (gbBsNS6)
		e.target.parentNode.className = "PopupNotOver";
	return;
}
function onPopupDivTouched(e)
{
	if(typeof(e) != 'undefined' && e)
		e.stopPropagation();
}

function onPopupParentTouched(e)
{
	if(window.removeEventListener)
	{
		var popupDivElem = getElement("PopupMenu");
		if(typeof(popupDivElem) != 'undefined')
			popupDivElem.removeEventListener("touchstart", onPopupDivTouched, false);
		window.removeEventListener("touchstart", onPopupParentTouched, false);
	}

	PopupMenu_HandleClick(e);
}

function PopupMenu_HandleClick(e)
{
	if (window.gbPopupMenuTimeoutExpired) {
		window.gbInPopupMenu = false;
		if (gbBsNS4 && !gbBsNS6) {
			window.releaseEvents(Event.MOUSEDOWN);
		}

		var layerPopup = null;
		if (gbBsNS4&&!gbBsNS6) {
			layerPopup = document.layers.PopupMenu;
			layerPopup.visibility = "hide";
		} else {
			layerPopup = getElement("PopupMenu");
			layerPopup.style.visibility = "hidden";
		}
	
		if (gOlddocumentClick)
		{
			if (gbBsNS4 && !gbBsNS6)
				document.onmousedown = gOlddocumentClick;
			else
				document.onclick = gOlddocumentClick;
		}
	}
	return;
}

function BSSCPopup_ClickMac()
{
	if ((!DHTMLPopupSupport()) && (gbBsIE4 || gbBsOpera7))
	{	
		var bClickOnAnchor = false;
		var el;
		if ((window.event != null) &&
		    (window.event.srcElement != null))
		{
		    el = window.event.srcElement;
			while (el != null)
			{
				if ((el.tagName == "A") || (el.tagName == "AREA")) 	{
					bClickOnAnchor = true;
					break;
				}
				if (el.tagName == "BODY") {
					break;
				}
				el = getParentNode(el);
			}
		}
		if (BSSCPopup_IsPopup())
		{
			if (!bClickOnAnchor) {
				parent.window.gPopupWindow = null;
				self.close();
			}
		}
		else
		{
			bClosePopupWindow = true;
			if ((bClickOnAnchor) &&
				(el.href) &&
			    ((el.href.indexOf("javascript:BSSCPopup") != -1) || (el.href.indexOf("javascript:null") != -1) || (el.href.indexOf("javascript:void(0)") != -1)))
			{
				bClosePopupWindow = false;
			}
			if (bClosePopupWindow)
			{
				if (window.gPopupWindow != null && !window.gPopupWindow.closed )
				{
					window.gPopupWindow.close();
				}
			}
		}
	}
}

function BsPopupOnClick()
{
	if (!gbBsIE4 && !gbBsOpera7)
		return;

	BSSCPopup_ClickMac();
}

function _BSSCOnError(message)
{
	if(-1 != message.indexOf("denied") 
		|| -1 != message.indexOf("Object required"))
	 return true;
}

//End to support previous relative topics

/// Section End - General and relative topics (JavaScript 1.0)

/// Section Begin  - Popup (JavaScript 1.0)
//Begin to support previous popup functions

//variables used to isolate the browser type
var gBsStyVisShow	= null;
var gBsStyVisHide	= null;
var gBsClientWidth	= 640;
var gBsClientHeight = 480;

// here is the varible for judge popup windows size. these parameter is for IE5.0, it may need adjust for others.
var gBRateH_W		= 0.618; // 1.618 Golden cut.
var gBMaxXOfParent	= 0.8; 
var gBMaxYOfParent	= 0.8;
var gBscrollHeight   = 16;
var gBscrollWidth   =  16;
var gBpermitXDelta	= 3;
var gBpermitYDelta	= 3;


var arrayPopupURL = new Array();
var arrayAbsPopupURL = new Array();
var arrayIntervalId = new Array();

var arrayDirty = new Array();

function getBRateH_W()
{
	return 0.618 ;
}

function getBscrollWidth()
{
	return 16 ;
}

function getBscrollHeight()
{
	return 16 ;
}

function getBMaxXOfParent()
{
	return 0.8 ;
}

function getBMaxYOfParent()
{
	return 0.8 ;
}

function setIntervalID(nIndex,id)
{
    arrayIntervalId[nIndex] = id;
}

function getIntervalID(nIndex)
{
	if (nIndex == -1 || arrayIntervalId.length <= nIndex) 
	    return -1;
	else
        return arrayIntervalId[nIndex];
}

function setAbsPopupURL(nIndex, strURL)
{
	arrayAbsPopupURL[nIndex] = strURL;
}

function getAbsPopupURL(nIndex)
{
	if (nIndex == -1 || arrayAbsPopupURL.length <= nIndex) return null;
	else 
		return arrayAbsPopupURL[nIndex];
}

function getPopupURL(nIndex)
{
	if (nIndex == -1 || arrayPopupURL.length <= nIndex) return null;
	else 
		return arrayPopupURL[nIndex];
}

function getPopupID(nIndex)
{
	return gstrPopupID + nIndex;
}

function getPopupShadowID(nIndex)
{
	return gstrPopupShadowID + nIndex;
}

function getPopupTopicID(nIndex)
{
	return gstrPopupTopicID + nIndex;
}

function getPopupIFrameID(nIndex)
{
	return gstrPopupIFrameID + nIndex;
}

function getPopupIFrameName(nIndex)
{
	return gstrPopupIFrameName + nIndex;
}


function getPopupTopicStyle(nIndex)
{
	return getElement(getPopupTopicID(nIndex)).style;
}

function getPopupShadowStyle(nIndex)
{
	return getElement(getPopupShadowID(nIndex)).style;
}

function getPopupIFrame(nIndex)
{
	if(gbAIR)
	{
		return window.frames[getPopupIFrameName(nIndex)];
	}
	else
	{
		if (gbBsNS6||gbSafari3)
			return window.frames[getPopupIFrameName(nIndex)];
		else
			return document.frames[getPopupIFrameName(nIndex)];
	}
}

function getPopupDivStyle(nIndex)
{
	return getElement(getPopupID(nIndex)).style;
}

function getPopupIFrameStyle(nIndex)
{
	return getElement(getPopupIFrameID(nIndex)).style;
}


function findDiv(strURL)
{
	for (var i = 0; i < arrayPopupURL.length; i ++ ) {
		if (arrayPopupURL[i] == strURL) {
			return i;
		}
	}
	return -1;
}

var gnToken = -1;
function takeToken()
{
	gnToken ++;
	if (gnToken > 10000) gnToken = 0;
	return gnToken;
}

function IsValidToken(nToken)
{
	return (gnToken == nToken);
}

function addDiv(strURL)
{
	for (var i = 0; i < arrayPopupURL.length; i ++) {
		if (arrayPopupURL[i] == null) {
			arrayPopupURL[i] = strURL;
			return i;
		}
	}	
	arrayPopupURL[i] = strURL;
	arrayDirty[i] = true;
	return i;
}

function setDirty()
{
	for (var i = 0; i < arrayPopupURL.length; i ++ )
		arrayDirty[i] = true;
}

function IsDirty(nIndex)
{
	if (nIndex == -1)
		return true;
	else 
		if (arrayDirty.length > nIndex) 
			return arrayDirty[nIndex];
		else
			return true;
}

function hideAll()
{
	for (var i = 0; i < arrayPopupURL.length; i ++ )
	{
		getPopupDivStyle(i).visibility = gBsStyVisHide;
		getPopupIFrameStyle(i).visibility = gBsStyVisHide;
		if(gbBsIE)
		    removeThis(document.all(getPopupID(i)));
	}
	if(gbBsIE)
		arrayPopupURL.length = 0;
}

function getCurrentPopupIFrame()
{
	for (var i = 0; i < arrayPopupURL.length; i ++)
		if (getPopupDivStyle(i).visibility == gBsStyVisShow)
			return getPopupIFrame(i);
	return null;
}

function setClear(nIndex)
{
	if (nIndex != -1)
		arrayDirty[nIndex] = false;
}

function _BSSCCreatePopupDiv(strURL)
{
	var nIndex = findDiv(strURL);
	if (nIndex == -1 ) {
		nIndex = addDiv(strURL);
		BsPopup_CreateDiv(nIndex);
	}
	else {
		if (IsDirty(nIndex)) {
			if("object" == typeof(getPopupIFrame(nIndex).document))
				getPopupIFrame(nIndex).document.location.href = strURL;
		}
	}
	return nIndex;
}

//Here is the browser type 
function _BSPSGetBrowserInfo()
{
	if (gbBsNS4&&!gbBsNS6)
	{
		gBsStyVisShow	= "show";
		gBsStyVisHide	= "hide";
	}
	else
	{
		gBsStyVisShow	= "visible";
		gBsStyVisHide	= "hidden";
	}
}

_BSPSGetBrowserInfo();

//Get client size info
function _BSPSGetClientSize()
{
	if( typeof( window.innerWidth ) == 'number' )
	{
		gBsClientWidth	= innerWidth;
		gBsClientHeight = innerHeight;
	}
	else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
	{
		gBsClientWidth = document.documentElement.clientWidth;
		gBsClientHeight = document.documentElement.clientHeight;
	} 
	else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
	{
		gBsClientWidth = document.body.clientWidth;
		gBsClientHeight = document.body.clientHeight;
	}
}

var gstrPopupID = 'BSSCPopup';
var gstrPopupShadowID = 'BSSCPopupShadow';
var gstrPopupTopicID = 'BSSCPopupTopic';
var gstrPopupIFrameID = 'BSSCPopupIFrame';
var gstrPopupIFrameName = 'BSSCPopupIFrameName';

var gstrPopupSecondWindowName = 'BSSCPopup';

var gPopupWindow = null;
var gnPopupClickX = 0;
var gnPopupClickY = 0;

var gnPopupScreenClickX = 0;
var gnPopupScreenClickY = 0;

var gbPopupTimeoutExpired = false;

function DHTMLPopupSupport()
{
	if (((gbBsIE4) && (!gbBsMac))||gbBsOpera7|| gbBsNS7 || gbSafari3||gbAIR || gbBsiOSDevice) {
		return true;
	}
	return false;
}

function BSSCPopup_IsPopup()
{
	if (DHTMLPopupSupport() && (this.name.indexOf(gstrPopupIFrameName) != -1)) {
		return true;
	} else if ((gbBsNS4 || gbBsIE4 || gbBsOpera7) && (this.name.indexOf(gstrPopupID) != -1)) {
		return true;
	} else {
		return false;
	}
}

// If there is a hyperlink in a popup window, display the hyperlink in
// the original window. (bsscright)
//commenting this as we are opening popup links in its parent
//also in multiscreen bsscright is not the the name of topic frame, relevant only in webhelp
/*if (BSSCPopup_IsPopup() && !gbBsIE4 && !gbBsOpera7) {
document.write("<base target=\"bsscright\">");
}*/

// Local functions.
function BsPopup_CreateDiv(nIndex)
{
	if(!DHTMLPopupSupport())
		return;
	// DO NOT SET Width and height for the div, otherwize it will make IE4 popup do not work when view the topic alone.
	var strPopupDiv = "<DIV ID='" + getPopupID(nIndex) + "' STYLE='position:absolute; top:-100; left:0; z-index:600; visibility:hidden;'>";
	strPopupDiv += "<DIV ID='" + getPopupShadowID(nIndex) + "' STYLE=\"position:absolute;top:0; left:0;  background-color:#C0C0C0;\"></DIV>";
	strPopupDiv += "<DIV ID='" + getPopupTopicID(nIndex) + "' STYLE=\"position:absolute;top:0; left:0;  background-color:#FFFFFF;border:1px #000000 outset;\">";
	strPopupDiv += "<IFRAME title=\"Popup Window\" ID='" + getPopupIFrameID(nIndex) + "' name='" + getPopupIFrameName(nIndex) + "' src = '" + getPopupURL(nIndex) + "' frameborder=0 scrolling=auto></IFRAME>";
	strPopupDiv += "</DIV></DIV>";

	var objBody = getElementsByTag(document, "BODY")[0];
	if( typeof(objBody) != "object" )
		return;

	insertAdjacentHTML(objBody, "beforeEnd", strPopupDiv);
}

function handleLoadNS()
{
	if (this.id)
	{
		var nIndex = parseInt(this.id.substring(gstrPopupIFrameID.length));
		BSSCPopup_PostWork(nIndex);
	}
}

function BSSCPopup_PostWork(nIndex)
{
	getPopupDivStyle(nIndex).visibility = gBsStyVisShow;
	getPopupIFrameStyle(nIndex).visibility =gBsStyVisShow;

	setClear(nIndex);
	window.gbPopupTimeoutExpired = true;

	try{
		BSSCPopup_ChangeTargettoBlank(getPopupIFrame(nIndex).document);
		if (gbBsNS6)
			getPopupIFrame(nIndex).document.body.addEventListener("click",BSSCPopupClicked,false);
		else
			getPopupIFrame(nIndex).document.body.onclick = BSSCPopupClicked;
	}catch(e){
		console.log(e.name, ": ", e.message);
	}

	if (!gbOrignalOnMouseDown && document.onmousedown)
		gbOrignalOnMouseDown = document.onmousedown;

	if (gbChrome || gbBsNS6)
		document.addEventListener("mousedown", BSSCPopupParentClicked,false);
	else
		document.onmousedown = BSSCPopupParentClicked;
}

function BSSCPopup_Timeout(nIndex, nToken)
{
    if (!IsValidToken(nToken)) return;

	if (gbBsNS6||((getPopupIFrame(nIndex).document.readyState == "complete") &&
		(getPopupIFrame(nIndex).document.body != null))) {
		BSSCPopup_PostWork(nIndex);
	} else {
		setTimeout("BSSCPopup_Timeout(" + nIndex + "," + nToken + ")", 100);
	}
}

// VH 08/10/00 
// do not change target to parent if the href is using javascript
function BSSCPopup_ChangeTargettoBlank(tagsObject)
{
	var collA = getElementsByTag(tagsObject, "A");
	BSSCPopup_ChangeTargettoBlank2(collA);

	var collIMG = getElementsByTag(tagsObject,"IMG");
	BSSCPopup_ChangeTargettoBlank2(collIMG);
}

function BSSCPopup_ChangeTargettoBlank2(colls)
{
	if (colls != null)  {
		for (var j = 0; j < colls.length; j ++ )
		{
			var strtemp = colls[j].getAttribute('href');
			if (strtemp)
			{
				strtemp = strtemp.toLowerCase();
				if (strtemp.indexOf("javascript:") == -1)
				if (colls[j].target == "") {
					if (IsInternal(strtemp))
						colls[j].target = "_parent";
					else
						colls[j].target = "_blank";
				}
			}
		}
	}
}

function BSPSPopupTopicWinHelp(strURL)
{
	_BSSCPopup(strURL);
	return;
}

function DelayBSSCPopup_AfterLoad(nIndex ,nToken ,cuswidth ,cusheight )
{
//before doing any thing clear the interval function
    var intervalID = getIntervalID(nIndex);
    if(intervalID!=-1)
        clearInterval(intervalID);
        
    BSSCPopup_AfterLoad(nIndex ,nToken ,cuswidth ,cusheight );
}

function _BSSCPopup(strURL, width, height)
{
	var cuswidth = 0;
	var cusheight = 0;
	if ("undefined" != typeof(width) && "undefined" != typeof(height)) {
		cuswidth = width;
		cusheight= height;
	}
	
	if (DHTMLPopupSupport()) {
		if(!gbAIR && !gbInsideCHM)
			rhPopupEx.createPopup(strURL, width, height);
		else 
		{	
			var nToken = takeToken(); // take  token first.
			var nIndex = _BSSCCreatePopupDiv(strURL, nToken, cuswidth, cusheight);
			window.gbPopupTimeoutExpired = false;
			var ntWidth = gBsClientWidth;
			var ntHeight = gBsClientHeight;
			_BSPSGetClientSize();
			if (ntWidth != gBsClientWidth || ntHeight != gBsClientHeight) {
				setDirty();
			}
	
			if (IsDirty(nIndex)) 
			{
				if(gbAIR)
				{
				    var tempappTimer = setInterval(function(){DelayBSSCPopup_AfterLoad(nIndex ,nToken ,cuswidth ,cusheight )}, 400);
				    setIntervalID(nIndex,tempappTimer);
				}
				else
				{
					if (gbBsMac) {
						setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight  +")", 400);
					} else {
						setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 100);
					}
				}
			}
			else {
				MoveDivAndShow(nIndex ,nToken, cuswidth, cusheight);
			}
		}
	} else {
		_BSSCPopup2(strURL, cuswidth, cusheight);
	}
	return;
}

if (gbBsIE55)
{
	var ehlpdhtm_fOldBefureUnload = window.onbeforeunload;
	var gnBsUnload=0;
	window.onbeforeunload = window_BUnload;
}
	
function window_BUnload()
{
	gnBsUnload++;
	if (gnBsUnload>1)
		return;
	for (var i = 0; i < arrayPopupURL.length; i ++)
		removeThis(document.all(getPopupID(i)));
	arrayPopupURL.length = 0;	
	if (ehlpdhtm_fOldBefureUnload)
		ehlpdhtm_fOldBefureUnload();
}

function _BSSCPopup2(strURL, width, height)
{
	if (gbBsOpera6&&gbBsMac)
	{
		var wmTemp = window.open(sanitizeURL(document.location.href), gstrPopupSecondWindowName);
		wmTemp.close();
		setTimeout("_BSSCPopup3(\""+strURL+"\","+width+","+height+");",100);
	}
	else
		_BSSCPopup3(strURL, width, height);
}
		
function _BSSCPopup3(strURL, width, height)
{
	if (window.name == gstrPopupSecondWindowName) {
		window.location = strURL;
	} else {
		if (!gbBsMac || !gbBsNS4) {
			BSSCHidePopupWindow();
		}
		var nX = 0;
		var nY = 0;
		var nHeight = 300;
		var nWidth = 400;
		if (width > 0 && height > 0) {
			nHeight = height;
			nWidth = width;
		}
		_BSPSGetClientSize();

		nX = window.gnPopupScreenClickX;
		nY = window.gnPopupScreenClickY;

		if (nY + nHeight + 40 > screen.availHeight) {
			nY = screen.availHeight - nHeight - 40;
		}
		if (nX + nWidth + 40 > screen.availWidth) {
			nX = screen.availWidth - nWidth - 40;
		}

		// Launch a separate window
		var strParam="titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes";
		if (gbBsNS) {
			if (gbBsNS6) {
				strParam += ",Height=" + nHeight + "px,Width=" + nWidth+"px";
				strParam += ",screenX=" + nX + ",screenY=" + nY;
				strParam += ",dependent=yes";
			}
			else {
				strParam += ",OuterHeight=" + nHeight + ",OuterWidth=" + nWidth;
				strParam += ",screenX=" + nX + ",screenY=" + nY;
				strParam += ",dependent=yes";
			}
		}
		else {
			strParam += ",height=" + nHeight + ",width=" + nWidth;
			strParam += ",left=" + nX + ",top=" + nY;
		}
		if (gbBsSafari)
		{
			if (window.gPopupWindow)
				window.gPopupWindow.close();		
			window.gPopupWindow = window.open(strURL, "", strParam);
			window.gPopupWindow.name = gstrPopupSecondWindowName;
			window.gPopupWindow.moveTo(nX, nY);
			window.gPopupWindow.document.location.reload();
		}	
		else
		{
			var wmTemp=null;
			if (gbBsKonqueror3)
			{
				if (window.gPopupWindow)
					window.gPopupWindow.close();
			}
			if (gbBsOpera&&gbBsMac)
			{
				wmTemp= window.open(sanitizeURL(document.location.href), "Temp", strParam);
			}
			window.gPopupWindow = window.open(strURL, gstrPopupSecondWindowName, strParam);
			if (!gbBsIE)
				window.gPopupWindow.focus();
				
			if (wmTemp)
				wmTemp.close();
		}

		if (gbBsNS4)
			setEventHandle();
		else if (gbBsIE4 || gbBsOpera7||gbBsKonqueror3)
			setTimeout("setPopupFocus();", 100);
	}
	return;
}

function setEventHandle()
{
	window.gPopupWindow.captureEvents(Event.CLICK | Event.BLUR);
	window.gPopupWindow.onclick = NonIEPopup_HandleClick;
	window.gPopupWindow.onblur = NonIEPopup_HandleBlur;
}

function setPopupFocus()
{
	window.gPopupWindow.focus();
}

function NonIEPopup_HandleBlur(e)
{
	window.gPopupWindow.focus();
}

function NonIEPopup_HandleClick(e)
{
	// Because navigator will give the event to the handler before the hyperlink, let's
	// first route the event to see if we are clicking on a Popup menu in a popup.
	document.routeEvent(e);

	// If a popup menu is active then don't do anything with the click
	if (window.gPopupWindow.gbInPopupMenu) {
		window.gPopupWindow.captureEvents(Event.CLICK);
		window.gPopupWindow.onclick = NonIEPopup_HandleClick;
		return false;
	}

	// Close the popup window
	var href = decodeURI(e.target.href);
	if(href)
	{
		if(href.indexOf("javascript:")==-1) 
		{
			if (e.target.target=="")
				window.location.href = encodeURI(href);
			else
				window.open(href, e.target.target);
			this.close();
		}
	} 
	else
		this.close();
	return false;
}

function BSSCPopup_AfterLoad(nIndex, nToken, cuswidth, cusheight)
{
	if (!window.getPopupIFrame(nIndex).document) {
		_BSSCPopup2(getPopupURL(nIndex), cuswidth, cusheight);
		return;
	}
	
    if (!IsValidToken(nToken)) return;

	if (gbSafari3||gbAIR)
	{
			setAbsPopupURL(nIndex, window.getPopupIFrame(nIndex).document.location.href); // change URL to abs url.
		BSSCPopup_ResizeAfterLoad(nIndex, nToken, cuswidth, cusheight);
		return;
	}
	
	if (gbBsNS6)
	{
		setAbsPopupURL(nIndex, window.getPopupIFrame(nIndex).document.location.href); // change URL to abs url.
		setTimeout("BSSCPopup_ResizeAfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 200);
		return;
	}
	
	if ((window.getPopupIFrame(nIndex).document.readyState == "complete") &&
		(window.getPopupIFrame(nIndex).document.body != null)) {
			if (window.getPopupIFrame(nIndex).document.location.href.indexOf("about:blank") != -1) { // add this check. IE will use about:blank" as the default vaule for Iframe.
				window.getPopupIFrame(nIndex).document.location = getPopupURL(nIndex);
				setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 200);
			}
			else
				{
					setAbsPopupURL(nIndex, window.getPopupIFrame(nIndex).document.location.href); // change URL to abs url.
					BSSCPopup_ResizeAfterLoad(nIndex, nToken, cuswidth, cusheight);
				}
	} else {
		setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 200);
	}
}

function BSSCPopup_ResizeAfterLoad(nIndex, nToken, cuswidth, cusheight)
{
	if (window.gbPopupTimeoutExpired) return;

    if (!IsValidToken(nToken)) return;

	getPopupDivStyle(nIndex).visibility = gBsStyVisHide;
	getPopupIFrameStyle(nIndex).visibility = gBsStyVisHide;
	if(gbBsIE)
	{
	    //fix for Popup Blank issue
	    getPopupIFrameStyle(nIndex).visibility = gBsStyVisShow;
		getPopupDivStyle(nIndex).visibility = gBsStyVisShow;
	}

	// Determine the width and height for the window
	_BSPSGetClientSize();

	var size = new BSSCSize(0, 0);

	if (cuswidth <= 0 || cusheight <= 0)
				BSSCGetContentSize(window.getPopupIFrame(nIndex), size);
			else {
		size.x = cuswidth;
		size.y = cusheight;
	}

	// Determine the width and height for the window
	var nWidth = size.x;
	var nHeight = size.y;

	// for small popup size, we should allow any size.
	// The popup size should be ok if bigger than 0
	if (nWidth < 0 || nHeight < 0) return; 	// there must be something terribly wrong.		
	
	//make the width and height same for all the browsers now
	nWidth = nWidth + 22;
	nHeight = nHeight + 10;
	
	getPopupDivStyle(nIndex).width = nWidth+ "px" ;
	getPopupDivStyle(nIndex).height = nHeight+ "px" ;
	
	getPopupShadowStyle(nIndex).width = nWidth + "px" ;
	getPopupShadowStyle(nIndex).height = nHeight + "px" ;
	
	
    	getPopupTopicStyle(nIndex).width = nWidth + "px" ;
	getPopupTopicStyle(nIndex).height = nHeight + "px" ;
	
	getPopupIFrameStyle(nIndex).width = nWidth + "px" ;
	getPopupIFrameStyle(nIndex).height = nHeight + "px" ;
		
	if (gbBsIE55 || gbBsNS6 || gbSafari3||gbAIR)
	{
		getPopupIFrameStyle(nIndex).top = 0;
		getPopupIFrameStyle(nIndex).left = 0;
	}
	
	var strURL = getPopupURL(nIndex);
	if (strURL.indexOf("#") != -1&&gbBsNS6)
		getPopupIFrame(nIndex).location.reload();
	else if (strURL.indexOf("#") != -1||gbBsNS6)
		getPopupIFrame(nIndex).location.href = strURL;  // reload again, this will fix the bookmark misunderstand in IE5.
		
	MoveDivAndShow(nIndex, nToken, cuswidth, cusheight);
}

function getScrollLeft()
{
	if( typeof( window.pageXOffset) == 'number' ) 
		return window.pageXOffset ;
	else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
		return document.body.scrollLeft ;
	else if( document.documentElement && document.documentElement.scrollLeft  ) 
		return document.documentElement.scrollLeft;
	else
		return 0 ;	
}

function getScrollTop()
{
	if( typeof( window.pageYOffset) == 'number' ) 
		return window.pageYOffset ;
	else if( document.body && document.body.scrollTop ) 
		return document.body.scrollTop ;
	else if( document.documentElement && document.documentElement.scrollTop  ) 
		return document.documentElement.scrollTop;
	else
		return 0 ;	
}

function getScrollLeftElement(el) 
{
    var x = 0;
    while (el && typeof (el.scrollLeft) == 'number') 
    {
        if (el == document.body) 
        {
            var top = document.body.scrollLeft || document.documentElement.scrollLeft;
            x += top;
        }
        else
            x += el.scrollLeft;
        el = el.offsetParent;
    }
    return x;
}

function getScrollTopElement(el) 
{
    var x = 0;
    while (el && typeof (el.scrollTop) == 'number') 
    {
        if (el == document.body) 
        {
            var top = document.body.scrollTop || document.documentElement.scrollTop;
            x += top;
        }
        else
            x += el.scrollTop;
        el = el.offsetParent;
    }
    return x;
}


function MoveDivAndShow(nIndex, nToken, cuswidth, cusheight)
{
	if (window.getPopupIFrame(nIndex).document.location.href != getAbsPopupURL(nIndex)) { // if redirect, reload again.
			window.getPopupIFrame(nIndex).document.location = getPopupURL(nIndex);
			if(gbAIR)
			{
				BSSCPopup_AfterLoad(nIndex ,nToken ,cuswidth ,cusheight );
			}
			else
				setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 200);
			return;
	}

	// Determine the position of the window
	var nClickX = window.gnPopupClickX;
	var nClickY = window.gnPopupClickY;
	var nTop = 0;
	var nLeft = 0;
	
	var nWidth = parseInt(getPopupDivStyle(nIndex).width);
	var nHeight = parseInt(getPopupDivStyle(nIndex).height);
	
	if (nClickY + nHeight + 20 < gBsClientHeight + getScrollTop()) {
		nTop = nClickY + 10;
	} else {
		nTop = (getScrollTop() + gBsClientHeight) - nHeight - 20;
	}
	if (nClickX + nWidth < gBsClientWidth + getScrollLeft()) {
		nLeft = nClickX;
	} else {
		nLeft = (getScrollLeft() + gBsClientWidth) - nWidth - 20;
	}

	if(!gbBsIE55)
	{
		if (nTop < getScrollTop()) nTop  = getScrollTop() + nTop;
		if (nLeft< getScrollLeft())  nLeft = getScrollLeft() + nLeft;
		
		if(nTop+nHeight>gBsClientHeight + getScrollTop())
		{
			nTop = (getScrollTop() + gBsClientHeight) - nHeight - 20;
		}
	}
    
   	if (isNaN(nLeft))
		getPopupDivStyle(nIndex).left = nClickX + "px";	
	else
		getPopupDivStyle(nIndex).left = nLeft+ "px";	
	
	if (isNaN(nTop))
		getPopupDivStyle(nIndex).top = nClickY  + "px";
	else
		getPopupDivStyle(nIndex).top = nTop + "px";

	// Set the location of the background blocks
	getPopupShadowStyle(nIndex).left = 6 + "px";
	getPopupShadowStyle(nIndex).top = 6 + "px";
	if (gbBsIE55)
	{
		getPopupShadowStyle(nIndex).left = 4;
		getPopupShadowStyle(nIndex).top = 4;
	}
	
	if (gbBsMac&&gbBsIE4) {
		// Total hack on the iMac to get the IFrame to position properly
		getPopupIFrameStyle(nIndex).pixelLeft = 100;
		getPopupIFrameStyle(nIndex).pixelLeft = 0;
		// Explicitly call BSSCOnLoad because the Mac doesn't seem to do it
		getPopupIFrame(nIndex).window.BSSCOnLoad();
	}

	if(gbChrome)
	{
		BSSCPopup_PostWork(nIndex);	
	}
	else if (gbBsNS6&&IsDirty(nIndex))
		getElement(getPopupIFrameID(nIndex)).addEventListener("load", handleLoadNS, false);
	else
		BSSCPopup_Timeout(nIndex , nToken );
	return;
}

function	BSSCSize(x, y)
{
	this.x = x;
	this.y = y;
}

function BSSCGetContentSize(thisWindow, size)
{
	if (!gbBsIE4 && !gbBsOpera7 && !gbBsNS4 && !gbSafari3 && !gbAIR)
		return;


	if ((gbBsMac&&gbBsIE4)||gbBsOpera7) {
		size.x = 320;
		size.y = 180;
		return;
	}

	// Resize the width until it is wide enough to handle the content
	// The trick is to start wide and determine when the scrollHeight changes
	// because then we know a scrollbar is necessary. We can then go back
	// to the next widest size (for no scrollbar)

	var ClientRate = gBsClientHeight / gBsClientWidth;

	
	var GoldenSize = new BSSCSize(0,0);
	GoldenSize.x = gBsClientWidth * getBMaxXOfParent();
	GoldenSize.y = gBsClientHeight *getBMaxYOfParent() ;

	if (ClientRate > gBRateH_W) {
		GoldenSize.y = GoldenSize.x * gBRateH_W;
	}
	else {
		GoldenSize.x = GoldenSize.y / gBRateH_W;
	}

	// Try to using parent specified max x.
	var x = 0;
	var maxgoldx = GoldenSize.x;
	var maxx = gBsClientWidth * getBMaxXOfParent();
	
	// This double resize causes the document to re-render (and we need it to)
	if (!gbBsIE5 && !gbChrome && !gbAIR)
		thisWindow.moveTo(10000,10000); // this is used to fix the flash on IE4.
	if(!gbAIR)
	{
	thisWindow.resizeTo(1, 1);
	thisWindow.resizeTo(maxgoldx, getScrollHeight(thisWindow) + getBscrollHeight());
	}
		
	var miny = getScrollHeight(thisWindow) + getBscrollHeight();
	
	if (miny > GoldenSize.y) // the popup does not fix in the parent wanted golden area. so try to expand itself as large as it can
	{
		if(gbBsIE55)
		{
			thisWindow.resizeTo(maxx , getScrollHeight(thisWindow) + getBscrollHeight());
		}
		
		miny = 	getScrollHeight(thisWindow) + getBscrollHeight();
		maxy = gBsClientHeight * getBMaxYOfParent();
		
		if (miny > maxy) { // the popup must have a scroll, OK let it be.
			miny = maxy;
			size.x = maxx;
			size.y = maxy;
			thisWindow.document.body.scroll = 'yes'; // At this time we do want to show scroll any more. so it will looks better a little.
		}
		else { // popup still can fit in the parent area by someway. now we choose the same h/w rate as parent.
			size.y = miny;
			
			//  downsize from maxx , now I try to using binary divide.
			x = maxx;
			deltax = -maxx/2;
			//j = 0;
			while (true) {
				x = x + deltax;
				if(!gbAIR)
				thisWindow.resizeTo(x, miny);
				diffy = getScrollHeight(thisWindow) + getBscrollHeight() - x * ClientRate;
				if (diffy >  gBpermitYDelta ) // it is higher than wanted, so x need to be wide a little bitter
					deltax = Math.abs(deltax) /2;
				else if (diffy <  -gBpermitYDelta) // it is shorter than wanted, so x need to be narrow a little bitter
					deltax = -Math.abs(deltax) /2;
				else 
					// the y is close enough to wanted.
					break;
				if (Math.abs(deltax) < gBpermitXDelta) // the next change is too slight and it can be ignore.
					break;
			}
			size.x = getScrollWidth(thisWindow); //+ gBscrollWidth;
			size.y = getScrollHeight(thisWindow);// + gBscrollHeight;	
			thisWindow.document.body.scroll = 'no';
		}
	}
	else {
		if (getScrollWidth(thisWindow) > maxgoldx) {
			size.x = maxx; 
			size.y = miny;	
			thisWindow.document.body.scroll = 'yes';
		}
		else {
			//  downsize from maxgoldx , now I try to using binary divide.			
			x = maxgoldx;
			deltax = -maxgoldx/2;
			while (true) {
				x = x + deltax;
				if(!gbAIR)
				thisWindow.resizeTo(x, miny);
				diffy = getScrollHeight(thisWindow) + getBscrollHeight() - x * getBRateH_W();
				if (diffy >  gBpermitYDelta ) // it is higher than wanted, so x need to be wide a little bitter
					deltax = Math.abs(deltax) /2;
				else if (diffy <  -gBpermitYDelta) // it is shorter than wanted, so x need to be narrow a little bitter
					deltax = -Math.abs(deltax) /2;
				else 
					// the y is close enough to wanted.
					break;
				if (Math.abs(deltax) < gBpermitXDelta) // the next change is too slight and it can be ignore.
					break;
			}
			size.x = getScrollWidth(thisWindow);
			size.y = getScrollHeight(thisWindow) ;
			thisWindow.document.body.scroll = 'no'; // At this time we do not want to show scroll any more. so it will looks better a little.

		}
	}
	if (gbBsNS6)
		size.y = size.y + 20 ;	
	
	if(!gbAIR)
	thisWindow.resizeTo(size.x, size.y);
	return;
}

function getScrollWidth(thisWindow)
{
   var w =  thisWindow.document.body.scrollWidth ? thisWindow.document.body.scrollWidth : thisWindow.window.pageXOffset  ; 
   return w ? w : 0;
} 

function getScrollHeight(thisWindow)
{
   var h = thisWindow.document.body.scrollHeight ? thisWindow.document.body.scrollHeight : thisWindow.window.pageYOffset  ; 
   return h ? h : 0;
}


function BSSCPopupParentClicked()
{
	if (!window.gbPopupTimeoutExpired) {
		return false;
	}
	
	document.onmousedown = gbOrignalOnMouseDown;

	// Simply hide the popup
	hideAll();

	window.gbPopupTimeoutExpired = false;

	return true;
}

function isInsideHyperLink(obj)
{
	if (obj&&obj!=getParentNode(obj))
	{
		if (obj.tagName=="A"||obj.tagName=="IMG" || obj.tagName=="VIDEO")
			return true;
		else
			return isInsideHyperLink(getParentNode(obj));
	}
	else
		return false;
}

function BSSCPopupClicked(e)
{
	if (!window.gbPopupTimeoutExpired) {
		return false;
	}

	var popupIFrame = getCurrentPopupIFrame();
	if (popupIFrame == null) {
		return true;
	}

	if (gbBsIE4 && (!((popupIFrame.window.event != null) &&
		(popupIFrame.window.event.srcElement != null) &&
		isInsideHyperLink(popupIFrame.window.event.srcElement)))) {
		document.onmousedown = gbOrignalOnMouseDown;
		
		// Simply hide the popup
		hideAll();
		window.gbPopupTimeoutExpired = false;
		return true;
	}
	else if (!gbAIR && (gbBsNS6 || gbChrome) && (!((e != null) &&
			(e.target!= null) && isInsideHyperLink(e.target))))
	{
	    document.removeEventListener("mousedown", BSSCPopupParentClicked,false);
	    if(gbOrignalOnMouseDown)
		    document.addEventListener("mousedown", gbOrignalOnMouseDown,false);
		// Simply hide the popup
		hideAll();
		window.gbPopupTimeoutExpired = false;
		return true;		
	}
}

//trace the mouse over's position for hotspot
function  BSPSPopupOnMouseOver(event)
{
	rhPopupEx.setClickPosition(event.clientX, event.clientY);	
	if (gbBsIE4 || gbBsOpera7||gbBsKonqueror3) {
		window.gnPopupClickX = event.clientX + getScrollLeft();
		window.gnPopupClickY = event.clientY + getScrollTop();
		window.gnPopupScreenClickX = event.screenX;
		window.gnPopupScreenClickY = event.screenY;
	} else if (gbBsSafari) {
		window.gnPopupClickX = event.clientX + getScrollLeft();
		window.gnPopupClickY = event.clientY + getScrollTop();
		window.gnPopupScreenClickX = event.screenX + window.screenX;
		window.gnPopupScreenClickY = event.screenY + window.screenY;
	} else if (gbBsNS4) {
		window.gnPopupClickX = event.pageX - window.pageXOffset;
		window.gnPopupClickY = event.pageY - window.pageYOffset;
		window.gnPopupScreenClickX = event.screenX - window.pageXOffset;
		window.gnPopupScreenClickY = event.screenY - window.pageYOffset;
	}
}

function BSSCHidePopupWindow()
{
	if (window.gPopupWindow != null) {
		if (gbBsNS4) {
			if ((typeof window.gPopupWindow != "undefined") && (!window.gPopupWindow.closed)) {
				window.gPopupWindow.close();
				window.gPopupWindow = null;
			}
		}
	}
	return;
}

// Add the PopupOnClick to the onclick array.
if (typeof(BsscRegisterOnClick) != "undefined")
{
	BsscRegisterOnClick(BsPopupOnClick);
}
//End to support previous popup functions

/// Section End  - Popup (JavaScript 1.0)

/// Section Begin - Embedded Stub (JavaScript 1.0)

function BSSCCreatePopupDiv()
{
	return;
}

function WritePopupMenuLayer()
{
	if (BsscHasExtJs()) {_WritePopupMenuLayer();}
}

function BSSCPopup(strURL, width, height)
{
	var re = new RegExp("'", 'g');
	strURL = strURL.replace(re, "%27");

	if (BsscHasExtJs())	{
		_BSSCPopup(strURL, width, height);
	}else{
		//Create a temporary window first to ensure the real popup comes up on top
		var wndTemp = null;
		if (!gbBsNS3) {
			wndTemp = window.open("", "temp", "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes,height=3,width=4");
		}
		// Create the real popup window
		var wndPopup = window.open(strURL, "BSSCPopup", "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes,height=300,width=400");
		// Close the temporary
		if (!gbBsNS3) {
			wndTemp.close();
		} else {
			wndPopup.focus();
		}
	}
}

var gbWndTemp = null, gbWndPopupLinks = null;
var gbstrParaTotal = "";

function PopupMenu_Invoke()
{
	if (typeof(wfRelatedTopic) == 'function' && typeof(IsFlashSupported) == 'function')
	{
		if (Number(gsSkinVersion) > 2 && IsFlashSupported())
		{
			return wfRelatedTopic(PopupMenu_Invoke.arguments);
		}
	}
	if (BsscHasExtJs()) {
		return _PopupMenu_Invoke(PopupMenu_Invoke.arguments);
	}
	if (gbBsNS3Before || gbBsIE3Before )	{
		var argLen 	= PopupMenu_Invoke.arguments.length;
		if (argLen < 5) {
			window.document.location.href = PopupMenu_Invoke.arguments[3];
			return false;
		}
		gbWndTemp = null;
		gbWndPopupLinks = null;
		gbstrParaTotal = "";
		for (var i = 0; i < (argLen - 2) / 2; i++) {
			var strParaLine = "";
			if (gbBsNS2){
				strParaLine += "<a href=\"";
				strParaLine += PopupMenu_Invoke.arguments[2 * i + 3];
				strParaLine += "\">"
				strParaLine += PopupMenu_Invoke.arguments[2 * i + 2];
				strParaLine += "</a>";
			} else {
				strParaLine += "<a href=\"javascript:";
				strParaLine += "gotoUrl(\'";
				strParaLine += PopupMenu_Invoke.arguments[2 * i + 3];
				strParaLine += "\');\"";
				if (PopupMenu_Invoke.arguments[1] != '') {
					strParaLine += " TARGET='" + PopupMenu_Invoke.arguments[1] + "'";
				}
				strParaLine += ">";
				strParaLine += PopupMenu_Invoke.arguments[2 * i + 2];
				strParaLine += "</a>";
			}
			strParaLine += "<br>";
			gbstrParaTotal += strParaLine;
		}
		var nHeight = argLen * 15;
		var nWidth = 400;
		var strParam = "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=auto";
		strParam += ",height=" + nHeight + ",width=200,resizable";
		
		//Create a temporary window first to ensure the real popup comes up on top
		//var wndTemp = null;
		if (!gbBsNS3) {
			gbWndTemp = window.open("", "temp", "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes,height=3,width=4");
		} 
		gbWndPopupLinks = window.open("", "popuplinks", strParam);

		setTimeout("Wait_PopupMenuReady()", 100);
	}
	return true;
}

function Wait_PopupMenuReady() 
{
	if (gbWndPopupLinks != null && "object" == typeof(gbWndPopupLinks.document)) {
		PopupMenu_InvokeReady();
	}
	else 
		setTimeout("Wait_PopupMenuReady()", 100);
}

function PopupMenu_InvokeReady()
{
	if (gbWndPopupLinks != null) {
		gbWndPopupLinks.document.open("text/html");
		gbWndPopupLinks.document.write("<html><head>");
		if (gbBsNS2) {
			gbWndPopupLinks.document.write("<base href=\"" + window.getFilePath() +"\">");
		} else {
			//YJ: IE301,302 and NS3.x works fine
			gbWndPopupLinks.document.write("<");
			gbWndPopupLinks.document.write("script>");
			gbWndPopupLinks.document.write("function gotoUrl(aUrl) {opener.window.location=aUrl; close();}");
			gbWndPopupLinks.document.write("<");
			gbWndPopupLinks.document.write("/script>");
		}
		gbWndPopupLinks.document.write("<");
		gbWndPopupLinks.document.write("/head>");
		gbWndPopupLinks.document.write("<body onBlur=\'self.focus();\'>");
		gbWndPopupLinks.document.write(gbstrParaTotal);
		gbWndPopupLinks.document.write("</body></html>");
		gbWndPopupLinks.document.close();

		// Close the temporary
		if (!gbBsNS3 && gbWndTemp != null) {
			gbWndTemp.close();
		}else {
			gbWndPopupLinks.focus();
		}

		return true;
	}
	return false;
}

/// Section End - Embedded Stub (JavaScript 1.0)

//// Segment End -- (JavaScript 1.0)

//// Segment Begin -- (JavaScript 1.2)
/// Section Begin  - DHTM (JavaScript 1.2)

//Begin to support extended and dropdown text effects.
function IsParagraph(el)
{
	return( el.tagName == "P" || el.tagName.indexOf("H") == 0 ) ? true : false;
}

//Begin to support extended and dropdown text effects.
function kadovIsParagraph(el)
{
	return IsParagraph(el);
}


function InitEachChild(el)
{	
	for(var i=0; i<getChildNodes(el).length; i++)
	{
		var child = getChildNodes(el)[i];
		if( child.tagName == "SCRIPT" || child.tagName == "!" )
			continue;

		if( child.id != "" )
		{
			// to wipe out the onload effects
			if (gbBsIE4&&!gbBsMac)
			{
				var onLoadEffect = getAttribute(child.style, "x-on-pageload" );
				if( (onLoadEffect != null) && (onLoadEffect > "") )
					setAttribute(child.style, "x-on-pageload", "" );
			}
			
			var href = getAttribute(child,"href");
			if( href != null && href > "" && href.indexOf( "BSSCPopup" ) >= 0 )
				FilePopupInit(child.id); // Init for Popup
			else if( child.className == "dropspot" || child.className == "expandspot" || 
					 child.className == "glossterm" )
				TextPopupInit(child.id);// Init for Expanding/Glossary or DropDown text
			else if( child.className == "trigger")
				InitTrigger(child.id);// Init for Trigger
			else
			{
				InitEffects(child.id);// Init for DHTML effects
				CEngine.SetOneTargetInitialState( child.id );
			}
		}
		
		if( (child.tagName == "IMG") && (getAttribute(child,"dynsrc") > "") )
			child.start = "mouseover";// to start a AVI file. fileopen doesn't work

		InitEachChild(child);
	}
}

function kadovInitEachChild(el)
{	
	InitEachChild(el);
}

function RetrieveTextInner(el)
{	
	var x = "";
	if( (!el) || (el.tagName == "!") || (el.tagName == "SCRIPT" ))
		return x;

	if( IsParagraph(el) )
	{
		var strNewID = " ";
		if( el.id != "" )
			strNewID += "id=" + el.id + "_NewSpan ";
		x = "<span" + strNewID + "style='" + el.style.cssText + "'>" + el.innerHTML + "</span>";
	}
	else
	{
		for(var i=0; i<getChildNodes(el).length; i++)
			x += RetrieveTextInner( getChildNodes(el)[i] );
	}
	return x;
}

function kadovRetrieveTextInner(el)
{
	return 	RetrieveTextInner(el);
}

function RetrieveCleanHTML( strRawHTML, strTagOpen, strTagClose, nDistance )
{	
	var nTagOpen = strRawHTML.indexOf( strTagOpen, 0 );
	if( nTagOpen < 0 )
		return strRawHTML;

	var nTagClose = strRawHTML.indexOf( strTagClose, nTagOpen);
	if( nTagClose < nTagOpen )
		return strRawHTML;
		
	if( typeof(nDistance) == "number" && nDistance > 0 )
		if( (nTagClose - nTagOpen) != nDistance )
			return strRawHTML;
		
	var strCleanOnce = strRawHTML.substring(0, nTagOpen) + strRawHTML.substr(nTagClose + strTagClose.length) ;
	return 	RetrieveCleanHTML( strCleanOnce, strTagOpen, strTagClose );
}

function kadovRetrieveCleanHTML( strRawHTML, strTagOpen, strTagClose, nDistance )
{	
	return RetrieveCleanHTML( strRawHTML, strTagOpen, strTagClose, nDistance );
}	

function AdjustObjectTag(strRawHTML, nStartPos)
{// adjust object tag for related topics HTML control, because innerHTML misses out the item settings
	
	//Is there any DTC?
	var strDTCTagOpen = '<!--Metadata type="DesignerControl" startspan';
	var strDTCTagClose = '<!--Metadata type="DesignerControl" endspan-->';
	var nDTCTagOpen = strRawHTML.indexOf( strDTCTagOpen, nStartPos );
	if( nDTCTagOpen < 0 )
		return strRawHTML;
	var nDTCTagClose = strRawHTML.indexOf( strDTCTagClose, nDTCTagOpen );
	if( nDTCTagClose < nDTCTagOpen)
		return strRawHTML; // no Design Time Controls;
		
	//Is the DTC HTML Help Control?
	var strRTObjTagOpen = 'classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11';
	var strRTObjTagClose = '</OBJECT>';
	var nRTObjTagOpen = strRawHTML.indexOf( strRTObjTagOpen, nDTCTagOpen );
	if( nRTObjTagOpen < nDTCTagOpen )
		return strRawHTML;
	var nRTObjTagClose = strRawHTML.indexOf( strRTObjTagClose, nRTObjTagOpen );
	if( nRTObjTagClose < nRTObjTagOpen )
		return strRawHTML; // is not a HTML help control
		
	// Is it a related Topics html help control?
	var strRTObjLabel = '<PARAM NAME=\"Command\" VALUE=\"Related Topics';
	if( strRawHTML.indexOf(strRTObjLabel, nRTObjTagOpen) < 0 )
		return strRawHTML;
	
	// does the commented object tag contain a items parameters		
	var strRTItemsOpen = '<param name="Items" value="';
	var strRTItemsClose = '$$**$$" >';
	var strRTItemsClose2 = '$$**$$">';

	var nRTItemsOpen = strRawHTML.indexOf(strRTItemsOpen, nDTCTagOpen);
	if( nRTItemsOpen < nDTCTagOpen )
		return strRawHTML;
	var nRTItemsClose = strRawHTML.indexOf(strRTItemsClose, nRTItemsOpen);
	if (nRTItemsClose == -1)
		nRTItemsClose = strRawHTML.indexOf(strRTItemsClose2, nRTItemsOpen);
	if( nRTItemsClose < nRTItemsOpen )
		return strRawHTML;
		
	// found a items string
	var strItems = strRawHTML.substring( nRTItemsOpen + strRTItemsOpen.length, nRTItemsClose);
	if( strItems.length < 1 )
		return strRawHTML;
	
	// to reconstruct the item(s) param tag(s)
	var strItemsArray = strItems.split('$$**$$');
	if( strItemsArray.length < 1 )
		return strRawHTML;
	var strRunTimeItemParam = "";
	for( var i = 0; i < strItemsArray.length; i++ )
	{
		strRunTimeItemParam += '<PARAM  NAME="Item' + (i+1);
		strRunTimeItemParam += '"' + '  VALUE="';
		strRunTimeItemParam += strItemsArray[i];
		strRunTimeItemParam += '">';
	}
	
	// to insert the reconstructed item params into runtime object tag
	var strAdjustedHTML = strRawHTML.substring(0,nRTObjTagClose) + strRunTimeItemParam + strRawHTML.substring(nRTObjTagClose, strRawHTML.length);
	return AdjustObjectTag(strAdjustedHTML, nDTCTagClose + strDTCTagClose.length);
}

function kadovAdjustObjectTag(strRawHTML, nStartPos)
{// adjust object tag for related topics HTML control, because innerHTML misses out the item settings
 return AdjustObjectTag(strRawHTML, nStartPos);
}

function TextPopupOnLoad( el )
{
	if( typeof(el) == "string" )
		el = getElement(el);
	var src = null;
	if(el.id)
	{
		for (var i=0;i<gPopupData.length;i++)
			if (gPopupData[i].el==el.id)
			{
				src=gPopupData[i].popupId;
				break;
			}
	}
	if (!src)	
		return 0;

	var name = src;
	if( src.substr(0,1) == "#" ) 
		name = src.substr(1, src.length-1);
	var srcDiv = getElement(name);
	if( !srcDiv )
		return 1;

	//srcDiv.style.display = "none";
	return 0;
}
function kadovTextPopupOnLoad( el )
{
	return TextPopupOnLoad( el );
}
function getElementsByTag(obj,sTagName)
{
	if(obj.getElementsByTagName)
		return obj.getElementsByTagName(sTagName);
	else if(obj.all)
		return obj.all.tags(sTagName);
	return null;
}

function getElement(sID)
{
	if(document.getElementById)
		return document.getElementById(sID);
	else if(document.all)
		return document.all(sID);
	return null;
}

function getParentNode(obj)
{
	if(obj.parentNode)
		return obj.parentNode;
	else if(obj.parentElement)
		return obj.parentElement;
	return null;
}

function getChildNodes(obj)
{
	if(obj.childNodes)
	{
		var children = new Array();
		for (var i = 0; i < obj.childNodes.length; i++)
		{
			if (obj.childNodes[i].nodeType == 1)
				children[children.length] = obj.childNodes[i];
		}
		return children;
	}
	else if(obj.children)
		return obj.children;
	return null;	
}

function removeThis(obj)
{
	if(obj.parentNode)
		obj.parentNode.removeChild(obj);
	else
		obj.outerHTML="";
}

function TextPopup( el )
{
	if (!gbBsIE4 && !gbBsOpera7 && !gbBsSafari && !gbBsNS6 && !gbBsKonqueror3 )
		return;
	
	if (window.event)
		window.event.cancelBubble = true;

	if( typeof(el) == "string" )
		el = getElement(el);

	if (!el||el==window)
		return;

	for(var i=0; i<getChildNodes(el).length; i++)
	{
		var child = getChildNodes(el)[i];
		if( child && (child.tagName == "IMG") )
		{
			if(child.className == "Twisties")
			{
				if( child.style && (child.style.display == "") )
					child.style.display = "none";
				else if(child.style)
					child.style.display = "";
			}
		}

		if( child && (child.tagName == "SPAN") )
		{
			if(child.className == "MTText")
			{
				if( child.style && (child.style.display == "") )
					child.style.display = "none";
				else if(child.style)
					child.style.display = "";
			}
		}
	}
	
	var src = null;	
	if(!src&&el.id)
	{
		for (var i=0;i<gPopupData.length;i++)
			if (gPopupData[i].el==el.id)
			{
				src=gPopupData[i].popupId;
				break;
			}
	}
	if(!src)
		return;
		
	var name = src;
	if( src.substr(0,1) == "#" ) 
	name = src.substr(1, src.length-1);

	var srcDiv = getElement(name);
	if( !srcDiv )
		return;

	if( srcDiv )
	{
		if( srcDiv.style.display == "" )
			srcDiv.style.display = "none";
		else
		{
			if(srcDiv.className == "expandtext")
			{
				var inner = RetrieveTextInner(srcDiv);
				if( inner == "" )
					inner = srcDiv.innerHTML;
				if(inner.indexOf("&nbsp;") != 0 && inner.indexOf(" ") != 0 && inner.indexOf("&#160;"))
				{
					//insertAdjacentHTML(srcDiv, 'afterBegin', "&nbsp");
					try
					{
						if(srcDiv.childNodes)
						{
							var firstChild = srcDiv.childNodes[0];
							var newText = document.createTextNode(" ");
							srcDiv.insertBefore(newText, firstChild);
						}
					}
					catch(e)
					{
						console.log(e.name, ": ", e.message);
					}
				}
			}

			srcDiv.style.display = "";
		}
	}
	if(gbBsIE4)
		event.returnValue=false;
	return;
}

function kadovTextPopup( el )
{
	TextPopup( el );
}

function FindParentParagraph( el )
{
	if( typeof(el) == "string" )
		el = getElement(el);
	if( (!el) || el.tagName == "BODY" )
		return null;
	if( IsParagraph(getParentNode(el)) )
		return getParentNode(el);
	else
		return FindParentParagraph( getParentNode(el) );
}

function kadovFindParentParagraph( el )
{
	return FindParentParagraph( el );
}

//Begin HTML code invoked function
function RegisterEventHandler( obj, strEvent, strEventHandler )
{
	CCSSP.RegisterEventHandler( obj, strEvent, strEventHandler );
}

function kadovRegisterEventHandler( obj, strEvent, strEventHandler )
{
 RegisterEventHandler( obj, strEvent, strEventHandler );
}


function textPopupData(el, popupId)
{
	this.el = el;
	this.popupId = "#"+popupId;
}

var gPopupData = new Array();

function TextPopupInit( el, popupId)
{
	if (!gbBsIE4 && !gbBsOpera7 && !gbBsSafari && !gbBsNS6 && !gbBsKonqueror3)
		return;
		
	if( typeof(el) == "string" )
	{
		if (popupId)
		{
			gPopupData[gPopupData.length]=new textPopupData(el, popupId);
		}
		el = getElement(el);
	}
		
	if( el != null )
	{
		CCSSP.RegisterEventHandler( el, "click", function() {
				TextPopup("" + el.id);
		});
		CCSSP.RegisterEventHandler( window, "load", function() {
				TextPopupOnLoad("" + el.id);
		});
	}
}

function kadovTextPopupInit( el, popupId)
{
	return TextPopupInit( el, popupId);
}
//End HTML code invoked function

//End to support extended and dropdown text effects.

//Begin to convert iWrite format to RoboEditor Format for DHTML effects
function InitTriggersInHead( )
{
  if( Object.xDelayedInitElements )
  {
     var x = Object.xDelayedInitElements;
     for(i=0; i<x.length; i++)
     	InitTrigger( x[i] );
  }
}

function kadovInitTriggersInHead( )
{
	InitTriggersInHead( );
}

function filePopupMouseOverHandler(event) {
	BSPSPopupOnMouseOver(event);
}
//Begin HTML code invoked function
function FilePopupInit( el )
{
	if( typeof(el) == "string" )
		el = getElement(el);

	if( el != null )
		CCSSP.RegisterEventHandler( el, "mouseover", filePopupMouseOverHandler);
}
function kadovFilePopupInit( el )
{
	FilePopupInit( el );
}

function InitTrigger( element, a_targets )
{
//	if( !gbBsIE4 )
	//	return;
	var srcElement = element;
	if( typeof(srcElement) == "string" )
	{
		srcElement = getElement(element,0);
		if(srcElement == null)
			return;
	}
	
	//if( !IsParentVisible(srcElement) )
	//	return;
	
	var targets = null;
	if(typeof(a_targets) != "undefined")
		targets = a_targets;
	if(!targets)
		targets = getAttribute(srcElement, "x-targets" );
	if (!targets)
		targets = getAttribute(srcElement.style,"x-targets");
	if (!targets)
		return;	
	var arrOneTarget = targets.split( "," );
	for( var i = 0; i < arrOneTarget.length; i ++ )
		bsscFXInit( element, arrOneTarget[i], null, null, null, null );
}

function kadovInitTrigger( element )
{
	InitTrigger( element )
}

function IsParentVisible( el )
{
	if( typeof(el) == "string" )
		el = getElement(el);
	if( (!el) || el.tagName == "BODY" )
		return true;
	if( el.style.display == 'none' ) //el.visibility == 'hidden' || 
		return false;
	else
		return IsParentVisible( getParentNode(el) );
}

function kadovIsParentVisible( el )
{
	return IsParentVisible( el );
}
function InitEffects( element, effectsList )
{
	//if( !gbBsIE4 )
	//	return;
	var srcElement = element;
	if( typeof(srcElement) == "string" )
	{
		srcElement = getElement(element,0);
		if(srcElement == null)
			return;
	}
	
	//if( !IsParentVisible(srcElement) )
	//	return;

	if(effectsList)
	{
		//srcElement.setAttribute("style", effectsList);
		var str = effectsList;
		var nStart = 0;
		var indx = str.indexOf(":", nStart);
		var effect = null;
		var value = null;
		while(nStart >= 0 && indx > 0 && indx < str.length)
		{
			effect = effectsList.substr(nStart, indx-nStart);
			var indx2 = str.indexOf(";", nStart);
			if(indx2 == -1)
				indx2 = str.length;
			value = effectsList.substr(indx+1, indx2);
			if(effect && value)
			    setAttribute(srcElement,effect, value);
			nStart = effectsList.indexOf("x-on", indx2+1);
			indx = str.indexOf(":", nStart);
		}
		
	}
	
	InitEffect( srcElement, "x-on-hover" );
	InitEffect( srcElement, "x-on-pageclick" );
	InitEffect( srcElement, "x-on-pageload" );
	InitEffect( srcElement, "x-on-trigger-1" );
	InitEffect( srcElement, "x-on-trigger-2" );
}

function kadovInitEffects( element )
{
	InitEffects( element );
}
//End HTML code invoked function

function InitEffect( element, prop )
{
	var values = null;
	if( getAttribute(element,prop))		
		values = getAttribute(element, prop );	
	else if( getAttribute( element, "currentStyle" )  && element.currentStyle.getAttribute)
		values = element.currentStyle.getAttribute( prop );
	else  if (element.style.getAttribute)
		values = element.style.getAttribute( prop );
		
	if( !values )
		return;
    
	var functions = new Array();
	var nIdx = 0, nStart = 0;
	var nNext = values.indexOf( "\)", 0);
	while( nNext >= 0 && nNext < values.length )
	{
		functions[nIdx] = values.substr( nStart, nNext-nStart+1);
		nStart = nNext + 1;
		nIdx++;
		nNext = values.indexOf( "\)", nStart);
	}
		
	for( var i=0; i<functions.length; i++)
	{
		var id = getAttribute(element, "id" );
		var translatedProp = TranslateProp(prop);

		var lp = functions[i].indexOf( "(" );
		var fnname = functions[i].substring(0, lp);
		var srcargs = functions[i].substring(lp+1, functions[i].length-1);
		
		var nClickTimes = 1;
		var arrForClickCount = srcargs.split( "," );
		for( var j = 0; j < arrForClickCount.length; j++ )
		{// to locate and get the "clicks=99" settings
			var nPageClick = arrForClickCount[j].indexOf("clicks");
			if( nPageClick >= 0 )
			{
				nPageClick = arrForClickCount[j].indexOf("=");
				if( nPageClick > 0 )
				{
					nClickTimes = arrForClickCount[j].substring( nPageClick + 1, arrForClickCount[j].length) * 1;
					break;
				}
			}
		}
		var args = srcargs;
		if( j < arrForClickCount.length )
		{// to strip out the "clicks=99" from the arguments string
			args = "";
			for( var k = 0; k < arrForClickCount.length; k ++ )
			{
				if( k != j )
				{
					args += arrForClickCount[k];
					if( k < arrForClickCount.length - 1 )
						args += ",";
				}
			}
		}
		bsscFXInit( null, id, translatedProp, fnname, args, nClickTimes );
	}
}

function kadovInitEffect( element, prop )
{
	InitEffect( element, prop );
}

function TranslateProp( prop )
{
	switch( prop )
	{
	case "x-on-hover" :     return "bsschover";
	case "x-on-pageclick" : return "bsscpageclick";
	case "x-on-pageload" :  return "bsscpageload";
	case "x-on-trigger-1" : return "bssctrigger1";
	case "x-on-trigger-2" : return "bssctrigger2";
	}
	return null;
}

function kadovTranslateProp( prop )
{
	return TranslateProp( prop );
}

//End to convert iWrite format to RoboEditor Format for DHTML effects

//Begin the definition of one entry to DHTML effects
function bsscFXInit( trigger_ID, target_ID, event_type, 
	action_type, action_setting, event_addional )
{
	//if( typeof(target_ID) != "string" )//MUST have a target_ID
	//	return; // we don't support Navigator yet
	
	if( typeof(event_type) == "string" )
		event_type = event_type.toLowerCase();
	if( typeof(action_type) == "string" )
		action_type = action_type.toLowerCase();
	if( typeof(action_setting) == "string" )
		 action_setting = action_setting.toLowerCase();
	
	// to get the target element then add it to the target list
	var eleTarget = CCSSP.GetObject( target_ID );
	if( (eleTarget != null) && (event_type != null) && (action_type != null) )
	{
		
		CEngine.AddOneTarget( target_ID, eleTarget );
		CEngine.BuildTargetObject(target_ID, event_type, action_type, action_setting, event_addional);
	}
	
	// to validate the trigger_ID parameter
	if( typeof(trigger_ID) == "string" && trigger_ID != "" )
		CEngine.BuildTriggerObject( trigger_ID, target_ID );
}	
//End the definition of one entry to DHTML effects

/// Section End  - DHTM (JavaScript 1.2)

/// Section Begin  - CCSSP DHTM (JavaScript 1.2)

//Begin JavaScript libary for cross-platform positioning object.
function CCSSP(){} // constructor of CCSSP class

CCSSP.GetObject = function( obj )
{//convert object name string or reference into a valid object reference
	if( typeof(obj) == "object" )
		return obj;
	else if( typeof(obj) == "string" && obj != "")
	{
		if (gbBsNS6)
		    return getElement(obj);	
		else if( gbBsNS4 )
			return document[obj];
		else
			return document.getElementById[obj];
	}
	else
		return null;
}

CCSSP.MoveObjectTo = function(obj, x, y)
{//positioning an object at a specific pixel coordinate
	if( gbBsNS4 && !gbBsNS6) 
		obj.moveTo(x,y);
	else
	{
		if (x == '')
	        x = 0 ;
	    if (y == '')
	        y = 0 ;
	    obj.style.left = parseInt(x) + 'px';
	    obj.style.top = parseInt(y) + 'px'; 
	}
}

CCSSP.SetTimer = function(obj, timeout)
{
	if( obj.timer == null )
	{
		if(gbAIR)
		{
			obj.timer = setInterval(function(){CEngine.PerformAnimation( obj.aniIndex)}, timeout );
		}
		else
			obj.timer = setInterval("CEngine.PerformAnimation(" + obj.aniIndex + ")", timeout );
	}
}


CCSSP.MoveObjectBy = function(obj, dx, dy)
{//moveing a object by x and/or y pixel
	if (gbBsNS6)
	{
	    var left = parseInt(obj.style.left);
	    obj.style.setProperty('left',(left + dx ) + 'px',0) ;
	    var top =  parseInt(obj.style.top);
	    obj.style.setProperty('top' , (top + dy) + 'px' ,0);
	}
	else if( gbBsNS4 )
		obj.moveBy(dx,dy);
	else
	{
		obj.style.pixelLeft += dx;
		obj.style.pixelTop += dy;
	}
}

CCSSP.SetObjectBGColor = function(obj, color)
{//set the background color of an object
	if  (gbBsNS6)
	    obj.style.setProperty( "background-color" , color , 0);
	else if( gbBsNS4 )
		obj.bgColor = color;
	else
		obj.style.backgroundColor = color;
}

CCSSP.ShowObject = function(obj, bShow)
{// set the object to be visible or invisible
	if (gbBsNS6)
	    obj.style.setProperty('visibility', (bShow == true) ? 'visible' : 'hidden',null);
	else if( gbBsNS4 )
		obj.visibility = (bShow == true) ? 'show' : 'hide';
	else
		obj.style.visibility = (bShow == true) ? 'visible' : 'hidden';// when hidden, it still occupy some space.
}

CCSSP.GetObjectLeft = function(obj)
{// retrieve the x coordinate of a posionable object
	if (gbBsNS6)
	    return obj.style.left ;
	else if( gbBsNS4 )
		return obj.left;
	else
		return obj.style.pixelLeft;
}

CCSSP.GetObjectTop = function(obj)
{// retrieve the y coordinate of a posionable object
	if (gbBsNS6)
	    return obj.style.top ;
	else if( gbBsNS4 )
		return obj.top;
	else
		return obj.style.pixelTop;
}

CCSSP.GetObjectContainLeft = function(obj)
{// retrieve the x coordinate of a posionable object relative to it's parent element
	if( typeof(obj.pageX) != 'undefined')
		return obj.pageX;
	else if( typeof(obj.clientLeft) != 'undefined' )
		return obj.clientLeft;
	else
	    return obj.offsetLeft;	
}

CCSSP.GetObjectWindowLeft = function(obj)
{// retrieve the x coordinate of a posionable object relative to browser window
	if( gbBsNS4 && !gbBsNS6)
		return obj.pageX;
	else
	{
		var nOffsetWindowLeft = 0;
		for(var element = obj; element; element = element.offsetParent)
			nOffsetWindowLeft += CCSSP.GetObjectContainLeft(element);
		return nOffsetWindowLeft;
	}
}

CCSSP.GetObjectContainTop = function(obj)
{// retrieve the y coordinate of a posionable object relative to it's parent element
	if( typeof(obj.pageY) != 'undefined')
		return obj.pageY;
	else if( typeof(obj.clientTop) != 'undefined' && obj == document.body)
		return obj.clientTop;
	else
		return obj.offsetTop;	
}

CCSSP.GetObjectWindowTop = function(obj)
{// retrieve the y coordinate of a posionable object relative to browser window
	if( gbBsNS4 && !gbBsNS6)
		return obj.pageY;
	else
	{
		var nOffsetWindowTop = 0;
		for(var element = obj; element; element = element.offsetParent)
			nOffsetWindowTop += CCSSP.GetObjectContainTop(element);
		return nOffsetWindowTop;
	}
}

CCSSP.GetObjectHeight = function(obj)
{// retrieve the height of a posionable object
	if( gbBsNS4 && !gbBsNS6)
		return obj.clip.height;
	else
		return obj.offsetHeight;
}

CCSSP.GetObjectWidth = function(obj)
{// retrieve the width of a posionable object
	if( gbBsNS4 && !gbBsNS6)
		return obj.clip.width;
	else
		return obj.offsetWidth;
}

CCSSP.isFunction = function(value) {
    return !!value;
};

CCSSP.removeEventListener = function(obj, eventName, callback, options) {
    if (obj == null) {
		return false;
    }
    if (CCSSP.isFunction(obj.removeEventListener)) {
	  obj.removeEventListener(eventName, callback, options);
	  return true;
    } else if (CCSSP.isFunction(obj.detachEvent)) {
		if (options !== undefined && options !== null) {
			  obj.detachEvent("on" + eventName, callback, options);
		} else {
			obj.detachEvent("on" + eventName, callback);
		}
		return true;
	}
	return null
}

CCSSP.addEventListener = function(obj, eventName, callback, options) {
    if (obj == null) {
		return false;
	}
	CCSSP.removeEventListener(obj, eventName, callback, options);
    if (CCSSP.isFunction(obj.addEventListener)) {
	  obj.addEventListener(eventName, callback, options);
	  return true;
    } else if (CCSSP.isFunction(obj.attachEvent)) {
		if (options !== undefined && options !== null) {
			  obj.attachEvent("on" + eventName, callback, options);
		} else {
			obj.attachEvent("on" + eventName, callback);
		}
		return true;
	}
	return false;
};

CCSSP.RegisterEventHandler = function( srcObj, rawEventName, funcHandler )
{ // to add the "funcHandler" as the "rawEventName" 's handler to the "srcObj" object,the original event handler will be combined
	CCSSP.addEventListener(srcObj, rawEventName, funcHandler, false)
}

CCSSP.GetWindowHeight = function()
{// retrieve the height of available content in browser window
	if( gbBsNS4 )
		return window.innerHeight;
	else
		return document.body.clientHeight;
}

CCSSP.GetWindowBottom = function()
{// retrieve the bottom postion of browser window
	if( gbBsNS4 )
		return window.outerHeight + window.pageYOffset;
	else
		return document.body.clientHeight + getScrollTop();
}

CCSSP.GetWindowWidth = function()
{// retrieve the width of available content in browser window
	if( gbBsNS4 )
		return window.innerWidth;
	else
		return document.body.clientWidth;
}

CCSSP.GetWindowRight = function()
{// retrieve the right postion of browser window
	if( gbBsNS4 )
		return window.outerWidth + window.pageXOffset;
	else
		return document.body.clientWidth + getScrollLeft();
}

CCSSP.TrimString = function( objString, subtrim )
{// to trim the "subtrim" in the beginning and ending of a string object
	if( typeof(subtrim) != "string" || subtrim == null )
		return objString;
	var strHead = objString.substring(0, 1);
	var strRear = objString.substring(objString.length-1, objString.length);
	if( strHead != subtrim && strRear != subtrim )
		return objString;
	
	var spacePos = objString.indexOf(subtrim);
	if( spacePos < 0 )
		return objString;
	else if( spacePos == objString.length - 1 )
		return objString.substring(0, spacePos);
	else
	{
		var newString = objString.substring( spacePos + 1, objString.length);
		return CCSSP.TrimString( newString, subtrim );
	}
}

CCSSP.TrimSpace = function( objString )
{
	var Trim1 = CCSSP.TrimString( objString, " ");
	if( typeof(Trim1) != "string" || Trim1 == null )
	    return Trim1;
	var strHead = Trim1.substring(0, 1);
	if(strHead == "\"")
	    return CCSSP.TrimString( Trim1, "\"");
	return CCSSP.TrimString( Trim1, "\'");
}

CCSSP.GetEventElement = function( navEventObject )
{// to get the element who fired the current event
	if(gbBsNS4) 
		return navEventObject.target;
	else
		return event.srcElement;
}

CCSSP.PrepareFilter = function( Obj )
{//to prepare for making the filter work
	Obj.style.filter = "";
	if(Obj.style.position == "absolute" )
		return;
	if(gbBsIE7)
	{
		if( Obj.style.zoom != "")
			return;
		Obj.style.zoom = 1;
	}
	else
	{
		if(Obj.style.width != "" || Obj.style.height != "")
			return;
		Obj.style.height = CCSSP.GetObjectHeight(Obj);
	}
}

CCSSP.IsDescendant = function( progenitor, progeny )
{
	if( typeof(progeny) == "undefined" || progeny == null )
		return false;
	else if( progeny == progenitor )
		return true; 
	else if( progeny.id == progenitor.id ) 
		return true; 
	else if( getParentNode(progeny) == getParentNode(progenitor))
		return false;
	else
		return CCSSP.IsDescendant( progenitor, getParentNode(progeny));
}

CCSSP.IsTextTag = function( Obj )
{
	if( typeof( Obj.tagName ) == "undefined" )
		return false;
	return( Obj.tagName.indexOf("H") == 0 || Obj.tagName == "P" || 
			Obj.tagName == "FONT" || Obj.tagName == "SPAN" );
}

//End JavaScript libary for cross-platform positioning object.

/// Section End  - CCSSP DHTM (JavaScript 1.2)

/// Section Begin  - CCSSP DHTM 1 (JavaScript 1.2)

//Begin the definition of class CTrigger
function CTrigger( TriggerElement )
{
	// object : the trigger element. Never be null. 
	this.eleTrigger = TriggerElement;
	
	// number : the click counter number: only 3 values: 0,1,2;
	this.nCounter = 0; 
	
	//object as associative array of string:
	// the associate target ID strings; one element at least.			
	this.objStrTarget = new Object();
	this.eleTrigger.style.cursor = "pointer";
	if( this.eleTrigger.tagName == "AREA" && getAttribute(this.eleTrigger,"href") == "" )
		setAttribute(this.eleTrigger , "href", "#"); // to make a hand cursor for image map
}

CTrigger.prototype.AddTargetID = function( strTargetID )
{// add one target ID string to the objStrTarget
	if( typeof(strTargetID) != "string" )
		return ;
	if( typeof(this.objStrTarget[strTargetID]) != "string" )
		this.objStrTarget[strTargetID] = strTargetID;
}

CTrigger.prototype.OnTriggerClick = function(event)
{// to activate all asociated target
	var strEventType = ( (this.nCounter++)% 2 == 0 ) ? 
		"bssctrigger1" : "bssctrigger2";
		
	// to enumerate associative target element's ID string
	for( var strTargetID in this.objStrTarget ) 
		CEngine.SendEventToOneTarget( strTargetID, strEventType ,event);
}
//End the definition of class CTrigger

//Begin the definition of class CTarget
function CTarget( TargetElement )
{
	// object : the target element. Never be null.
	this.eleTarget = TargetElement;
	this.objManager = new Object(); // object: the event manager
} 

CTarget.nPageClickCounter = 0;// static class property.

CTarget.prototype.GetAgencyObject = function(str_action_type,action_setting )
{// return the action agency ( effect )object's refernece 
	switch( str_action_type )
	{
	case "show":return new CAgencyShow( this.eleTarget, true ) ;
	case "hide":return new CAgencyShow( this.eleTarget, false ) ;

    case "flyin" : 
    	return new CAgencyFly(this.eleTarget, action_setting, true);
    case "flyout" : 
    	return new CAgencyFly(this.eleTarget, action_setting, false);
    case "spiralin" : 
    	return new CAgencySpiral(this.eleTarget, action_setting, true);
    case "spiralout" : 
    	return new CAgencySpiral(this.eleTarget, action_setting, false);
    case "zoomin" :
    	return new CAgencyZoom(this.eleTarget, action_setting, true);
    case "zoomout" : 
    	return new CAgencyZoom(this.eleTarget, action_setting, false);
    case "elastic" : 
		return new CAgencyElastic(this.eleTarget, action_setting);
		
    case "fadein" : 
    	return new CAgencyAlpha(this.eleTarget, action_setting, true) ;
    case "fadeout" :
    	return new CAgencyAlpha(this.eleTarget, action_setting, false) ;
    case "rockrollstatic" :
    case "rockroll" :
    	return  new CAgencyWave(this.eleTarget, action_setting, false) ;
 
    case "glow":
    	return  new CAgencyGlow(this.eleTarget,action_setting);
    case "dropshadow":
    	return new CAgencyDropShadow(this.eleTarget,action_setting);
    case "transition" :
    	return new CAgencyRevealTrans(this.eleTarget,action_setting) ;
    case "blur" :
    	return  new CAgencyBlur(this.eleTarget,action_setting) ;

    case "fliph" : // all these 4 do NOT need any parameters
    case "flipv" :
    case "invert":
    case "gray" :
    	return new CAgencyChangeFilter(this.eleTarget, str_action_type) ;
    
    case "fontchange": // the effects below change the style on the fly, so won't work in Navigator
    	return new CAgencyFontChange(this.eleTarget,action_setting) ;
    case "boderchange": 
    case "stylechange":
    	return new CAgencyChangeStyle(this.eleTarget,action_setting);

	default: return null;
	}
}

CTarget.prototype.SetEventManager = function( 
	one_event_type,str_action_type,action_setting,event_additional)
{// to set the event manager with specified action 
	if( typeof( one_event_type ) != "string" ||	
		typeof( str_action_type ) != "string"||
		typeof( action_setting ) != "string" )
		return false;
	if( typeof(this.objManager[one_event_type]) == "undefined" )
	{
		this.objManager[one_event_type] = new Object();
		this.objManager[one_event_type].length = 0;
	}
	
	var eventAgency = this.GetAgencyObject(str_action_type,action_setting);
	if( eventAgency != null )
	{
		var ct = this.objManager[one_event_type].length ++;
		this.objManager[one_event_type][ct] = eventAgency;
		
		if( one_event_type == "bsscpageclick" )
		{// to deal with the "number of pageclick" stuff
			if( typeof(event_additional) == "number" )
				this.objManager[one_event_type][ct].nPageClick = event_additional;
			else // set the default number 
				this.objManager[one_event_type][ct].nPageClick = 1;
			
			if( (typeof(this.objManager.nMinPageClickIndex) == "undefined") ||
			    (this.objManager[one_event_type][ct].nPageClick < 
					this.objManager[one_event_type][this.objManager.nMinPageClickIndex].nPageClick) )
				this.objManager.nMinPageClickIndex = ct;
		}
		
		//hide the object blindly,SetState function will take care of the final correct state
		if( ((one_event_type == "bsscpageclick") && 
			 (this.objManager[one_event_type][ct].nPageClick == 1)) ||
			one_event_type == "bsscpageload" ||
			one_event_type == "bssctrigger1" )
			CCSSP.ShowObject( this.eleTarget, false );
		
		if( one_event_type == "bssctrigger1" || one_event_type == "bssctrigger2" )
			if( typeof( this.strTriggerEvent ) == "undefined" )
				this.strTriggerEvent = ( one_event_type == "bssctrigger1" ) ? "bssctrigger2" : "bssctrigger1";
			
		return true;
	}
	return false;
}

CTarget.prototype.OnEvent = function( strBsscEvent,event )
{// response to the event ( bssc format )
	if( typeof(this.objManager[strBsscEvent]) == "object" )
	{ // to get the event agency from the event manager
		var eventAgency = this.objManager[strBsscEvent];
		for( var i = 0; i < eventAgency.length; i++ )
		{
			if( strBsscEvent == "bsscpageclick" && 
			 	eventAgency[i].nPageClick != CTarget.nPageClickCounter )
				 continue;
			else if( strBsscEvent == "bsschover" && event.type == "mouseout" )
				eventAgency[i].EndEffect();
			else // to invoke the unified function in effect object	
				eventAgency[i].UpdateEffect(); 
		}
	}
}

CTarget.prototype.SetState = function( strBsscEvent )
{
	if( typeof(this.objManager[strBsscEvent]) != "object" )
		return false;

	// to get the event agency from the event manager
	var eventAgency = this.objManager[strBsscEvent];
	
	if( strBsscEvent == "bsscpageclick" )
	{// we only set the initial state for the minium number of pageclick 
		if (this.objManager.nMinPageClickIndex == 'undefined')
		    this.objManager.nMinPageClickIndex = 0 ;
		eventAgency[this.objManager.nMinPageClickIndex].PrepareEffect();
		return true;
	}
	else
	{
		for( var i = 0; i < eventAgency.length; i++ )
			eventAgency[i].PrepareEffect(); // to invoke the unified function in effect object	 
		if( i > 0 )
			return true;
		else
			return false;
	}
}
//End the definition of class CTarget

//Begin the definition of CEngine class
function CEngine(){}// all properities are going be "class" properities

// object : as associative array of trigger objects
CEngine.objTrigger = new Object();
// object : as associative array of target objects 
CEngine.objTarget = new Object(); 

// Array : each element is a CAgencyXXX animation object
CEngine.arrAnimation = new Array();
CEngine.PerformAnimation = function( nIndex )
{// animation : update effects function
	CEngine.arrAnimation[nIndex].UpdateEffect();
}

CEngine.AddOneTrigger = function(TriggerID,TriggerElement)
{// add one Trigger object into the trigger array
	if( typeof(TriggerID) != "string" || TriggerElement == null ||
	    typeof(TriggerElement) != "object" )
		return;
	if( typeof(CEngine.objTrigger[TriggerID] ) != "object" )
		CEngine.objTrigger[TriggerID] = new CTrigger(TriggerElement);
}
	
CEngine.AddOneTarget = function(TargetID, TargetElement)
{// add one Target object into the target array
	if( typeof(TargetID) != "string" || TargetElement == null ||
		typeof(TargetElement) != "object" )
		return;
	if( typeof(CEngine.objTarget[TargetID]) != "object" )
		CEngine.objTarget[TargetID] = new CTarget( TargetElement );	
}

CEngine.SendEventToOneTarget = function(strTargetID, strBsscEvent,event )
{// to activate one target object
	if( typeof(CEngine.objTarget[strTargetID]) == "object" ) 
	{
		if( strBsscEvent == "bssctrigger1" || strBsscEvent == "bssctrigger2" )
		{//now, the "bssctrigger1" and "bssctrigger2" work like a toggle
			if( strBsscEvent == CEngine.objTarget[strTargetID].strTriggerEvent )
				strBsscEvent = (strBsscEvent == "bssctrigger1") ? "bssctrigger2" : "bssctrigger1";
			CEngine.objTarget[strTargetID].strTriggerEvent = strBsscEvent;
		}
		CEngine.objTarget[strTargetID].OnEvent( strBsscEvent,event );
	}
}

CEngine.SendEventToAllTarget = function( strBsscEvent,event )
{ //to activate all target associative to the BSSC event
	for( var strTargetID in CEngine.objTarget ) //to enumerate all target
		CEngine.SendEventToOneTarget( strTargetID, strBsscEvent,event );
}

CEngine.SetOneTargetInitialState = function( strTargetID )
{// only invoked after ALL effects for the target have been set
	if( typeof(CEngine.objTarget[strTargetID]) == "object" ) 
	{// to get target object
		var objTarget = CEngine.objTarget[strTargetID];
		if( objTarget.SetState( "bsscpageload" ) == false )
		{
			objTarget.SetState( "bsscpageclick" );
			objTarget.SetState( "bssctrigger1" );
		}
	}
}

CEngine.AdjustPageClickCounter = function()
{
	var nAdjustedClickCounter = CTarget.nPageClickCounter;
	var bAdjusted = false;
	for( var strTargetID in CEngine.objTarget ) //to enumerate all target
	{// try to find the minum pageCliclConter greater than CTarget.nPageClickCounter
		var objEventPageClick = CEngine.objTarget[strTargetID].objManager.bsscpageclick;
		if( objEventPageClick != null )
		{
			for( var i = 0; i < objEventPageClick.length; i++ )
			{
				var nOtherPageClick = objEventPageClick[i].nPageClick;
				if( nOtherPageClick == CTarget.nPageClickCounter )
					return;
				if( nOtherPageClick > CTarget.nPageClickCounter )
				{
					if( !bAdjusted )
					{
						nAdjustedClickCounter = nOtherPageClick;
						bAdjusted = true;
					}
					else if( nOtherPageClick < nAdjustedClickCounter )
						nAdjustedClickCounter = nOtherPageClick;
				}
			}
		}
	}
	CTarget.nPageClickCounter = nAdjustedClickCounter;
}

CEngine.OnPageLoad = function(event)
{ 	
	// first, to set all target's initial state
	for( var strTargetID in CEngine.objTarget )
		CEngine.SetOneTargetInitialState( strTargetID );
	
	// to invoke all target's onpageload handler
	CEngine.SendEventToAllTarget( "bsscpageload",event );
}

CEngine.OnPageClick = function(event)
{ // to invoke all target's onpageclick handler
   	var src = CCSSP.GetEventElement( arguments[0] );
   	if( src == null )
		return;
		
	var objClickedTrigger = null;
	for( var strTriggerID in CEngine.objTrigger )
	{ // to detect which trigger is clicked
		if( CCSSP.IsDescendant( CEngine.objTrigger[strTriggerID].eleTrigger,src) )
		{
			objClickedTrigger = CEngine.objTrigger[strTriggerID];
			break;
		}
	}
	
	if( objClickedTrigger != null) // the clicked trigger found
		objClickedTrigger.OnTriggerClick(event);
	else // no trigger is clicked
	{ // to send PageClick event to all target
		CTarget.nPageClickCounter++;
		CEngine.AdjustPageClickCounter();
		CEngine.SendEventToAllTarget( "bsscpageclick" ,event);
	}
}	

CEngine.OnMouseOver = function(event)
{ // to invoke all target's onpageload handler
	var src = CCSSP.GetEventElement( arguments[0] );
	if( src == null )
		return;
		
	var strHoveredTargetID = null;
	for( var strTargetID in CEngine.objTarget )
	{ // to detect which Target is hovering on
		if( CCSSP.IsDescendant( CEngine.objTarget[strTargetID].eleTarget, src ) )
	    {
			strHoveredTargetID = strTargetID;
			break;
	    }
	}
	
	if( strHoveredTargetID != null ) // the hovered target found
		CEngine.SendEventToOneTarget( strHoveredTargetID, "bsschover",event );
}

CEngine.BuildTargetObject = function(target_ID,event_type,action_type,
			action_setting, event_additional)
{// to build target object 
	// to get the target object
	if( typeof( CEngine.objTarget[target_ID] ) != "object" )
		return false;// the engine's AddOneTarget function might have failed.
	var TargetObject = CEngine.objTarget[target_ID];
	
	// to prepare the parameters for the event manager
	var arrEvent = event_type.split("|"); // to split the combined event_type string
	var arrAction = action_type.split("|");//to split the combined action_type string
	for( var trim = 0; trim < arrEvent.length; trim++ )
		arrEvent[trim] = CCSSP.TrimSpace(arrEvent[trim]);
	
	for( trim = 0; trim < arrAction.length; trim++ )
		arrAction[trim] = CCSSP.TrimSpace(arrAction[trim]);
	
	var arrSetting = new Array(); 
	if( typeof(action_setting) == "string" )
		arrSetting = action_setting.split("|");// to split the combined action_setting string
	// to calibrate the arrays
	for( var i = arrSetting.length; i < arrAction.length; i++ )
	{
		if( typeof(arrSetting[i]) != "string" )
			 arrSetting[i] = "";
	}				 

	// to prepare for dealing with the absolute posioning element
	TargetObject.eleTarget.ABSX = CCSSP.GetObjectLeft( TargetObject.eleTarget );
	TargetObject.eleTarget.ABSY = CCSSP.GetObjectTop( TargetObject.eleTarget );

	if( arrEvent.length > 1 )
	{// if event is combined, it must be : "bssctrigger1 | bssctrigger2"
		if( arrAction.length != 2 )
			return false; // if event is combined, there must be 2 actions
		for( i = 0 ; i < 2; i++ )
		{
			if( TargetObject.SetEventManager(arrEvent[i], arrAction[i], 
				arrSetting[i], event_additional) == false )
				return false; // the event manager has not been set up
		}
	}
	else // the event_type string is not combined
	{
		for( i = 0 ; i < arrAction.length; i++ )
		{
			TargetObject.SetEventManager(event_type, arrAction[i], arrSetting[i], event_additional);
			// to validate the event manager
			if( typeof(TargetObject.objManager[event_type]) != "object" ||
					typeof(TargetObject.objManager[event_type][i]) != "object" )
				return false; // the event manager has not been set up
		}
	}
	return true;
}

CEngine.BuildTriggerObject = function(trigger_ID, target_ID)
{// to build the trigger object
	var arrTrigger = trigger_ID.split("|"); // to split the combined trigger_ID string
	for( var i = 0; i < arrTrigger.length; i ++ )
	{// to get the trigger element then add it to the trigger list
		arrTrigger[i] = CCSSP.TrimSpace( arrTrigger[i] );
		var eleTrigger = CCSSP.GetObject( arrTrigger[i] );
		if( eleTrigger == null )
			continue; // the trigger_ID string in the HTML code maybe wrong
		CEngine.AddOneTrigger( arrTrigger[i], eleTrigger );

		// to get the target object
		if( typeof( this.objTrigger[arrTrigger[i]] ) != "object" )
			continue;// the engine's AddOneTarget function might have failed.
		CEngine.objTrigger[arrTrigger[i]].AddTargetID( target_ID );
	}
}
//End the definition of CEngine class

/// Section End  - CCSSP DHTM 1 (JavaScript 1.2)

/// Section Begin  - CCSSP DHTM 2 (JavaScript 1.2)

//Begin the definition of CAgencyXXXX classes

//Begin of the CAgencyShow definition
function CAgencyShow( element, bIsShow )
{
	this.ele = element;
	this.bIsShow = bIsShow;
}

CAgencyShow.prototype.PrepareEffect = function()
{
	CCSSP.ShowObject( this.ele, !this.bIsShow );
}

CAgencyShow.prototype.UpdateEffect = function()
{
	CCSSP.ShowObject( this.ele, this.bIsShow );
}

CAgencyShow.prototype.EndEffect = function()
{
	CCSSP.ShowObject( this.ele, !this.bIsShow );
}
// End of the CAgencyShow definition

// Begin of CAgencyFly definition
function CAgencyFly( element, settings, bIsIn )
{
	this.ele = element;
	this.bIsIn = bIsIn;
	this.duration = 1000; // default
	this.direction = "right";

	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{// to retrieve the setting
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "speed" : this.duration = 100000/arrOneSet[1]; break;
		case "direction" : this.direction = arrOneSet[1]; break;
		}
	}
		
	if( this.ele.style.position != "absolute" )
		this.ele.style.position = "relative";
	this.timer = null;
	this.aniIndex = CEngine.arrAnimation.length;
	CEngine.arrAnimation[this.aniIndex] = this;
}

CAgencyFly.prototype.PrepareEffect = function()
{
	CCSSP.ShowObject(this.ele, !this.bIsIn );
}

CAgencyFly.prototype.UpdateEffect = function()
{
	if( this.timer == null )
		this.ResetParameters();

	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
	if( percent >= 1.0 )
		this.EndEffect();
	else
	{
		var newX = this.startX*(1.0-percent) +  this.finalX*percent;
		var newY = this.startY*(1.0-percent) +  this.finalY*percent;
		CCSSP.MoveObjectTo(this.ele, newX, newY);
		CCSSP.SetTimer(this,20);
	}
}

CAgencyFly.prototype.EndEffect = function()
{
	clearInterval( this.timer );
	this.timer = null;

	if( this.bIsIn ) // FlyIn
		CCSSP.MoveObjectTo(this.ele, this.finalX, this.finalY);
	else // FlyOut
		CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
	CCSSP.ShowObject(this.ele, this.bIsIn );
}

CAgencyFly.prototype.ResetParameters = function()
{
	this.PrepareEffect();
	CCSSP.ShowObject(this.ele, true );

	this.startX = 0;
	this.startY = 0;
	this.finalX = 0;
	this.finalY = 0; 
	
	var offsetLeft = CCSSP.GetObjectWindowLeft(this.ele) + this.ele.offsetWidth;
	var offsetTop = CCSSP.GetObjectWindowTop(this.ele) + this.ele.offsetHeight;
	var offsetRight = CCSSP.GetWindowRight();
	var offsetBottom = CCSSP.GetWindowBottom();

	if( this.bIsIn )
	{ // FlyIn
		this.finalX = this.ele.ABSX;
		this.finalY = this.ele.ABSY;

		switch( this.direction )
		{
		case "right": this.startX = offsetRight; this.startY = this.finalY; break;
		case "left": this.startX = -offsetLeft;  this.startY = this.finalY; break;
		case "down": this.startY = offsetBottom; this.startX = this.finalX; break;
		case "up":  this.startY = -offsetTop;    this.startX = this.finalX; break;
		case "downright":
  			this.startX = ( offsetBottom < offsetRight) ? offsetBottom : offsetRight;
			this.startY = this.startX;		break;
		case "upright":
  			this.startX = (offsetTop < offsetRight)? offsetTop : offsetRight;
			this.startY = -this.startX;		break;
		case "upleft":
			this.startX = -((offsetTop < offsetRight)? offsetTop : offsetRight);
			this.startY = this.startX;		break;
		case "downleft":
			this.startX = -(( offsetBottom < offsetRight) ? offsetBottom : offsetRight);
			this.startY = -this.startX;     break;
		}
	}
	else
	{ // FlyOut
		this.startX = this.ele.ABSX;
		this.startY = this.ele.ABSY;

		switch( this.direction )
		{
		case "right": this.finalX = offsetRight;  this.finalY = this.startY; break;
		case "left": this.finalX = -offsetLeft;   this.finalY = this.startY;  break;
		case "down": this.finalY = offsetBottom;  this.finalX = this.startX; break;
		case "up":  this.finalY = -offsetTop;     this.finalX = this.startX; break;
		case "downright":
  			this.finalX = ( offsetBottom < offsetRight) ? offsetBottom : offsetRight;
			this.finalY = this.finalX;		break;
		case "upright":
  			this.finalX = (offsetTop < offsetRight)? offsetTop : offsetRight;
			this.finalY = -this.finalX;		break;
		case "upleft":
			this.finalX = -((offsetTop < offsetRight)? offsetTop : offsetRight);
			this.finalY = this.finalX;		break;
		case "downleft":
			this.finalX = -(( offsetBottom < offsetRight) ? offsetBottom : offsetRight);
			this.finalY = -this.finalX;     break;
		}
	}
	CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
	this.startTime = (new Date()).getTime();
}
// End of the CAgencyFly definition

// Begin of CAgencySpiral
function CAgencySpiral( element, settings, bIsIn )
{
	this.ele = element;
	this.bIsIn = bIsIn;
	this.duration = 1000; // default

	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{// to retrieve the setting
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "speed" : this.duration = 100000/arrOneSet[1]; break;
		}
	}

	if( this.ele.style.position != "absolute" )
		this.ele.style.position = "relative";
	this.timer = null;
	this.aniIndex = CEngine.arrAnimation.length;
	CEngine.arrAnimation[this.aniIndex] = this;
}

CAgencySpiral.prototype.PrepareEffect = function()
{
	CCSSP.ShowObject(this.ele, !this.bIsIn );
}

CAgencySpiral.prototype.UpdateEffect = function()
{
	if( this.timer == null )
		this.ResetParameters();

	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
	if( percent >= 1.0 )
		this.EndEffect();
	else
	{
		var rf = (this.bIsIn)? (1.0 - percent) : percent; 
		var t = (1.0-rf) * 4.0 * Math.PI
		var rxP = (this.bIsIn)? this.startX : this.finalX; 
		var ryP = (this.bIsIn)? this.startY : this.finalY; 
		var rx = (Math.abs(rxP) < 200) ? Math.abs(rxP) : 200;
		var ry = (Math.abs(ryP) < 200) ? Math.abs(ryP) : 200;

		var newX = Math.ceil(-rf*Math.cos(t)*rx) + this.ele.ABSX;
		var newY = Math.ceil(-rf*Math.sin(t)*ry) + this.ele.ABSY;
		CCSSP.MoveObjectTo(this.ele, newX, newY);
		CCSSP.SetTimer(this,20);
	}
}

CAgencySpiral.prototype.EndEffect = function()
{
	clearInterval( this.timer );
	this.timer = null;
	
	if( this.bIsIn ) // In
		CCSSP.MoveObjectTo(this.ele, this.finalX, this.finalY);
	else // Out
		CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
	CCSSP.ShowObject(this.ele, this.bIsIn );
}

CAgencySpiral.prototype.ResetParameters = function()
{
	this.PrepareEffect();
	CCSSP.ShowObject(this.ele, true );
	this.startX = (this.bIsIn)? CCSSP.GetWindowRight() : this.ele.ABSX;
	this.startY = (this.bIsIn)? CCSSP.GetWindowBottom() : this.ele.ABSY;
	this.finalX = (this.bIsIn)? this.ele.ABSX : CCSSP.GetWindowRight();
	this.finalY = (this.bIsIn)? this.ele.ABSY : CCSSP.GetWindowBottom(); 
	
	CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
	this.startTime = (new Date()).getTime();
}
// End of CAgencySpiral

// Begin of CAgencyElastic
function CAgencyElastic( element, settings)
{
	this.ele = element;
	this.duration = 1000; // default
	this.direction = "right";

	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{// to retrieve the setting
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "speed" : this.duration = 100000/arrOneSet[1]; break;
		case "direction" : this.direction = arrOneSet[1]; break;
		}
	}
		
	if( this.ele.style.position != "absolute" )
		this.ele.style.position = "relative";
	this.timer = null;
	this.aniIndex = CEngine.arrAnimation.length;
	CEngine.arrAnimation[this.aniIndex] = this;
}

CAgencyElastic.prototype.PrepareEffect = function()
{
	CCSSP.ShowObject(this.ele, false );
}

CAgencyElastic.prototype.UpdateEffect = function()
{
	if( this.timer == null )
		this.ResetParameters();

	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
	if( percent >= 1.0 )
		this.EndEffect();
	else
	{
		var newX = this.startX;
		var newY = this.startY;
		var rf = Math.exp(-percent*3);
		var t = percent * 1.5 * Math.PI
		var rx = (Math.abs(this.startX) > Math.abs(this.startY)) ? this.startX : this.startY;
		switch (this.direction )
		{
		case "left":   
		case "right" : newX = rf*Math.cos(t)*rx + this.ele.ABSX; break;
		case "up":	   
		case "down" :  newY = rf*Math.cos(t)*rx + this.ele.ABSX; break;
		}
		CCSSP.MoveObjectTo(this.ele, newX, newY);
		CCSSP.SetTimer(this,20);
	}
}

CAgencyElastic.prototype.EndEffect = function()
{
	CCSSP.MoveObjectTo(this.ele, this.finalX, this.finalY);
	clearInterval( this.timer );
	this.timer = null;
}

CAgencyElastic.prototype.ResetParameters = function()
{
	CCSSP.ShowObject(this.ele, true );
	this.startX = this.ele.ABSX;
	this.finalX = this.ele.ABSX;
	this.startY = this.ele.ABSY;
	this.finalY = this.ele.ABSY;
	
	switch (this.direction)
	{ 
	case "left":  this.startX = -this.ele.offsetWidth; break;
	case "right": this.startX = this.ele.offsetWidth;  break;
	case "up":    this.startY = -this.ele.offsetHeight;break;
	case "down":  this.startY = this.ele.offsetHeight; break;
	}
	CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
	this.startTime = (new Date()).getTime();
}
// End of CAgencyElastic

// Begin of CAgencyZoom
function CAgencyZoom( element, settings, bIsIn)
{
	this.ele = element;
	this.duration = 1000; // default
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{// to retrieve the setting
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "speed" : this.duration = 100000/arrOneSet[1]; break;
		}
	}

	this.bIsIn = bIsIn;
	this.timer = null;
	this.aniIndex = CEngine.arrAnimation.length;
	CEngine.arrAnimation[this.aniIndex] = this;
}

CAgencyZoom.prototype.PrepareEffect = function()
{
	CCSSP.ShowObject(this.ele, false);
}

CAgencyZoom.prototype.UpdateEffect = function()
{
	if( this.timer == null )
		this.ResetParameters();

	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
	if( percent >= 1.0 )
		this.EndEffect();
	else
	{
		var nFactorIn = Math.ceil(50+50*percent);
		var nFactorOut = Math.ceil(100+200*(1-percent));
		var AlterFontsize = ((this.bIsIn)? nFactorIn : nFactorOut) + "%";
		var AlterFactor = ((this.bIsIn)? nFactorIn : nFactorOut) / 100;
		
		this.UpdateEffectAllChildren(this.ele, AlterFontsize, AlterFactor);
		var arr ;
		if (this.ele.all)
		    arr = this.ele.all ;
		else
		    arr = this.ele.getElementsByTagName ('*');
		for(var index = 0; index < arr.length; index++)
			this.UpdateEffectAllChildren(arr[index], AlterFontsize, AlterFactor);
			
		CCSSP.SetTimer(this,20);
	}
}

CAgencyZoom.prototype.UpdateEffectAllChildren = function(child, FontSize, Factor)
{
	if( CCSSP.IsTextTag(child) )
		child.style.fontSize = FontSize;
	else
	{
		if( typeof(child.orgWidth) == "number" )
			child.style.width = Factor * child.orgWidth;
		if( typeof(child.orgHeight) == "number" )
			child.style.height = Factor * child.orgHeight;
	}
}

CAgencyZoom.prototype.EndEffect = function()
{
	this.EndEffectAllChildren(this.ele);
	var arr ;
	if(this.ele.all)
	    arr = this.ele.all ;
	else
	    arr = this.ele.getElementsByTagName('*');
	for(var index = 0; index < arr.length; index++)
		this.EndEffectAllChildren(arr[index]);
	
	clearInterval( this.timer );
	this.timer = null;
}

CAgencyZoom.prototype.EndEffectAllChildren = function( child )
{	
	if( CCSSP.IsTextTag(child) )
		child.style.fontSize = child.orgFontSize;
	else
	{
		if( typeof(child.intactWidth) != "undefined" )
		{
			child.width = child.intactWidth;
			child.height = child.intactHeight;
		}
		else if( typeof(child.style.intactPixelWidth) != "undefined" )
		{
			child.style.pixelWidth = child.style.intactPixelWidth;
			child.style.pixelHeight = child.style.intactPixelHeight;
		}
	}
}

CAgencyZoom.prototype.ResetParameters = function()
{
	this.PrepareEffect();
	this.ResetParametersAllChildren( this.ele );
	var arr ;
	if (this.ele.all)
	    arr = this.ele.all ;
	else
	    arr = this.ele.getElementsByTagName('*');
	for(var index = 0; index < arr.length; index++)
		this.ResetParametersAllChildren(arr[index]);
		
	this.startTime = (new Date()).getTime();
}

CAgencyZoom.prototype.ResetParametersAllChildren = function( child )
{
	CCSSP.ShowObject(child, true );
	if( (child.tagName == "DIV") && (getParentNode(child).tagName == "TD") )
		child.width = "100%";// if the div is inside a cell of table, we need the this hack
	
	if( CCSSP.IsTextTag(child) )
		child.orgFontSize = child.style.fontSize;
	else
	{
		if( child.width > "" || child.height > "" )
		{
			child.orgWidth = child.intactWidth = child.width;
			child.orgHeight = child.intactHeight = child.height;
		}
		else if( ( typeof(child.orgWidth) != "number" ) && (typeof(child.orgHeight) != "number") )
		{
			child.orgWidth = child.style.intactPixelWidth = child.style.pixelWidth;
			child.orgHeight = child.style.intactPixelHeight = child.style.pixelHeight;
		}
	}
}
// End of CAgencyZoom

//// the following effects will use IE's exclusive "filter" function ////
// Begin of CAgencyAlpha definition
function CAgencyAlpha( element, settings, bIsIn )
{// because of "visual filter" style, this won't work in Navigator
	this.ele = element;
	this.bIsIn = bIsIn;

	// to set the default value
	this.startOpacity = (this.bIsIn) ? 0 : 100;
	this.endOpacity = (this.bIsIn) ? 100 : 0;
	
	this.duration = 1000; // default
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{// to retrieve the setting
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "speed" : this.duration = 100000/arrOneSet[1]; break;
		}
	}
	
	this.timer = null;
	this.aniIndex = CEngine.arrAnimation.length;
	CEngine.arrAnimation[this.aniIndex] = this;
}

CAgencyAlpha.prototype.PrepareEffect = function()
{// to set the visual filter function
	// the visual filter ONLY work when set by "Width and Height" or
	// absolute position for DIV, SPAN and normal tag ( such as p )
	// but, "absolute" cause the following elements overlap, so:
	CCSSP.PrepareFilter( this.ele );
	CCSSP.ShowObject(this.ele, !this.bIsIn );
}

CAgencyAlpha.prototype.UpdateEffect = function()
{// to set the visual filter function
	if( this.timer == null )
		this.ResetParameters();
	if( typeof(this.ele.filters.alpha) != "object" )
	{
		this.EndEffect();
		return;
	}

	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
	if( percent >= 1.0 )
		this.EndEffect();
	else if( typeof(this.ele.filters.alpha) == "object" )
	{
		this.ele.filters.alpha.opacity = this.startOpacity*(1.0-percent) + this.endOpacity*percent;
		CCSSP.SetTimer(this,20);
	}
}

CAgencyAlpha.prototype.EndEffect = function()
{// to remove the visual filter function
	clearInterval( this.timer );
	this.timer = null;
	this.ele.style.filter = "";
	CCSSP.ShowObject(this.ele, this.bIsIn );
}

CAgencyAlpha.prototype.ResetParameters = function()
{
	this.PrepareEffect();
	CCSSP.ShowObject(this.ele, true );
	this.ele.style.filter = "alpha(opacity=" + this.startOpacity + ")";
	this.startTime = (new Date()).getTime();
}
// End of the CAgencyAlpha definition

// Begin of CAgencyWave definition
function CAgencyWave( element, settings )
{// because of "visual filter" style, this won't work in Navigator
	this.ele = element;

	this.duration = 0; // default
	this.strength = 10;
	this.freq = 1;
	this.lightstrength = 1;
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{// to retrieve the setting
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "duration" : this.duration = 100000/arrOneSet[1]; break;
		case "strength" : this.strength = arrOneSet[1]; break;
		case "freq" : this.freq = arrOneSet[1]; break;
		case "lightstrength" : this.lightstrength = arrOneSet[1]; break;
		}
	}

	this.timer = null;
	this.aniIndex = CEngine.arrAnimation.length;
	CEngine.arrAnimation[this.aniIndex] = this;
}

CAgencyWave.prototype.PrepareEffect = function()
{// to set the visual filter function
	CCSSP.PrepareFilter(this.ele);

	CCSSP.ShowObject(this.ele, true );
}

CAgencyWave.prototype.UpdateEffect = function()
{// to set the visual filter function
	if( this.timer == null )
		this.ResetParameters();
	if( (typeof(this.ele.filters) == "undefined") || (typeof(this.ele.filters.wave) != "object" ) )
	{
		this.EndEffect();
		return;
	}

	if( this.duration > 0 )
	{
		var percent = ((new Date()).getTime() - this.startTime)/this.duration;
		if( percent >= 1.0 )
		{
			this.EndEffect();
			return;
		}
	}
	
	this.ele.filters.wave.phase += 5;
	this.ele.filters.wave.phase %= 100;
	CCSSP.SetTimer(this,50);
}

CAgencyWave.prototype.EndEffect = function()
{// to remove the visual filter function
	this.ele.style.filter = "";
	clearInterval( this.timer );
	this.timer = null;
}

CAgencyWave.prototype.ResetParameters = function()
{
	this.PrepareEffect();
	this.ele.style.filter = "wave(strength=" + this.strength + ",freq=" + 
	 this.freq +", lightstrength=" + this.lightstrength +",phase=0);";
	this.startTime = (new Date()).getTime();
}
// End of the CAgencyWave definition

// Begin of CAgencyGlow definition
function CAgencyGlow( element, settings )
{// because of "visual filter" style, this won't work in Navigator
	this.ele = element;

	// to set the default value
	this.glowColor = "green";
	this.glowStrength = "3";
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "color" : this.glowColor = arrOneSet[1]; break;
		case "strength" : this.glowStrength = arrOneSet[1]; break;
		}
	}
}

CAgencyGlow.prototype.PrepareEffect = function()
{
	CCSSP.PrepareFilter(this.ele);
	CCSSP.ShowObject(this.ele, true );
	if( this.ele.style.backgroundColor != "" )
	{//style.backgroundColor somehow stop the visual filter
		this.ele.intactBackgroundColor = this.ele.style.backgroundColor;
		this.ele.style.backgroundColor = "";
	}
}

CAgencyGlow.prototype.UpdateEffect = function()
{// to set the visual filter function
	this.PrepareEffect();
	this.ele.style.filter = "glow(Color=" + this.glowColor + ", Strength=" + 
		this.glowStrength + ", enabled=true" +")";
}

CAgencyGlow.prototype.EndEffect = function()
{// to remove the visual filter function
	this.ele.style.filter = "";
	if( typeof(this.ele.intactBackgroundColor) != "undefined" )
		this.ele.style.backgroundColor = this.ele.intactBackgroundColor;
}
// End of the CAgencyGlow definition

// Begin of CAgencyDropShadow definition
function CAgencyDropShadow( element, settings )
{// because of "visual filter" style, this won't work in Navigator
	this.ele = element;

	// to set the default value
	this.shadowColor = "black"; 
	this.shadowOffx = "1";
	this.shadowOffy = "1";
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "color" : this.shadowColor = arrOneSet[1]; break;
		case "offx" : this.shadowOffx = arrOneSet[1]; break;
		case "offy" : this.shadowOffy = arrOneSet[1]; break;
		}
	}
}

CAgencyDropShadow.prototype.PrepareEffect = function()
{
	CCSSP.PrepareFilter(this.ele);
	CCSSP.ShowObject(this.ele, true );
	
	if( this.ele.style.backgroundColor != "" )
	{//style.backgroundColor somehow stop the visual filter
		this.ele.intactBackgroundColor = this.ele.style.backgroundColor;
		this.ele.style.backgroundColor = "";
	}
}

CAgencyDropShadow.prototype.UpdateEffect = function()
{// to set the visual filter function
	this.PrepareEffect();
	this.ele.style.filter = "dropshadow(color=" + this.shadowColor + ", offx=" + 
		this.shadowOffx + ", offy=" + this.shadowOffy + ")";
}

CAgencyDropShadow.prototype.EndEffect = function()
{// to remove the visual filter function
	this.ele.style.filter = "";
	if( typeof(this.ele.intactBackgroundColor) != "undefined" )
		this.ele.style.backgroundColor = this.ele.intactBackgroundColor;
}
// End of the CAgencyDropShadow definition

// Begin of CAgencyRevealTrans definition
function CAgencyRevealTrans( element, settings )
{// because of "visual filter" style, this won't work in Navigator
	this.ele = element;

	// to set the default value
	this.duration = 1.0; //The value is specified in seconds.milliseconds format (0.0000).
	this.transition = 0;
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "type" : this.transition = arrOneSet[1]; break;
		case "duration" : this.duration = 100/arrOneSet[1];	break;
		}
	}
}

CAgencyRevealTrans.prototype.PrepareEffect = function()
{
	CCSSP.PrepareFilter(this.ele);
	CCSSP.ShowObject( this.ele, false);
}

CAgencyRevealTrans.prototype.UpdateEffect = function()
{// to set the visual filter function
	if( typeof( this.ele.filters.RevealTrans ) == "object" )
	{
		if( this.ele.filters.RevealTrans.status == 2 )
			this.ele.filters.RevealTrans.stop();  
	}

	this.PrepareEffect();
	
	this.ele.style.filter = "RevealTrans(duration=" + this.duration + 
		", transition=" + this.transition + ")";
	
    if( typeof( this.ele.filters.RevealTrans ) == "object" )
    {
		this.ele.filters.RevealTrans.apply();
		CCSSP.ShowObject( this.ele, true);
		this.ele.filters.RevealTrans.play();  
	}
	else
		CCSSP.ShowObject( this.ele, true);
}

CAgencyRevealTrans.prototype.EndEffect = function()
{
    if( typeof( this.ele.filters.RevealTrans ) == "object" )
		this.ele.filters.RevealTrans.stop();  
	this.ele.style.filter = "";
}
// End of the CAgencyRevealTrans definition

// Begin of CAgencyBlur definition
function CAgencyBlur( element, settings )
{// because of "visual filter" style, this won't work in Navigator
	this.ele = element;

	// to set the default value
	this.strength = "5";
	this.direction = "90";
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "strength" : this.strength = arrOneSet[1]; break;
		case "direction" : this.direction = arrOneSet[1]; break;
		}
	}
}

CAgencyBlur.prototype.PrepareEffect = function()
{
	CCSSP.PrepareFilter(this.ele);
	CCSSP.ShowObject(this.ele, true );
}

CAgencyBlur.prototype.UpdateEffect = function()
{// to set the visual filter function
	CCSSP.PrepareFilter(this.ele);
	this.ele.style.filter = "blur(strength=" + this.strength + 
		", direction=" + this.direction + ")";
}

CAgencyBlur.prototype.EndEffect = function()
{// to remove the visual filter function
	this.ele.style.filter = "";
}
// End of the CAgencyBlur definition

// Begin of CAgencyChangeFilter definition
function CAgencyChangeFilter( element, settings ) // flipH, flipV, invert, grey,
{// because of "visual filter" style, this won't work in Navigator
	this.ele = element;

	// to set the default value
	this.filterFunction = settings;
}

CAgencyChangeFilter.prototype.PrepareEffect = function()
{
	CCSSP.PrepareFilter(this.ele);
	CCSSP.ShowObject(this.ele, true );
}

CAgencyChangeFilter.prototype.UpdateEffect = function()
{// to set the visual filter function
	CCSSP.PrepareFilter(this.ele);
	this.ele.style.filter = this.filterFunction;
}

CAgencyChangeFilter.prototype.EndEffect = function()
{// to remove the visual filter function
	this.ele.style.filter = "";
}
// End of the CAgencyChangeFilter definition

// The effects below change the style on the fly, so they won't work in Navigator

// Begin of CAgencyFontChange definition, 
function CAgencyFontChange( element, settings )
{//this class can be replace by CAgencyChangeStyle,provided the "settings" is standard CSS string.
	this.ele = element;
	
	// to retrieve the original font style
	this.RetrieveOldFont( this.ele );
	
	// to set the default font to change
	this.newfontFamily = this.ele.oldFontFamily;
	this.newfColor = this.ele.oldColor;
	this.newtextDecoration = this.ele.oldTextDecoration;
	this.newfontWeight = this.ele.oldFontWeight;
	this.newfontStyle = this.ele.oldFontStyle;
	this.newfontSize = this.ele.oldFontSize;
	this.newBackgroundColor = this.ele.oldBackgroundColor;
	
	var arrAllSet = settings.split(",");
	for( var i = 0; i < arrAllSet.length; i ++ )
	{// to retrieve the setting
		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
		var arrOneSet = arrAllSet[i].split("=");
		for( var j = 0; j < arrOneSet.length; j++ )
			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
		switch( arrOneSet[0] )
		{
		case "font-family" : this.newfontFamily = arrOneSet[1]; break;
		case "color" : this.newfColor = arrOneSet[1]; break;
		case "underline" : this.newtextDecoration = (arrOneSet[1]=="on")? "underline" : "none"; break;
		case "bold" : this.newfontWeight = (arrOneSet[1]=="on")? "bold" : "normal"; break;
		case "italic" : this.newfontStyle = (arrOneSet[1]=="on")? "italic" : "normal"; break;
		case "size" : this.newfontSize = arrOneSet[1]; break;
		case "background-color" : this.newBackgroundColor = arrOneSet[1]; break;
		}
	}
}

CAgencyFontChange.prototype.RetrieveOldFont = function(objChild)
{
	if( typeof(objChild.oldFontFamily) == "undefined" )
		objChild.oldFontFamily = objChild.style.fontFamily;
	if( typeof(objChild.oldColor) == "undefined" )
		objChild.oldColor = objChild.style.color;
	if( typeof(objChild.oldTextDecoration) == "undefined" )
		objChild.oldTextDecoration = objChild.style.textDecoration;
	if( typeof(objChild.oldFontWeight) == "undefined" )
		objChild.oldFontWeight = objChild.style.fontWeight;
	if( typeof(objChild.oldFontStyle) == "undefined" )
		objChild.oldFontStyle = objChild.style.fontStyle;
	if( typeof(objChild.oldFontSize) == "undefined" )
		objChild.oldFontSize = objChild.style.fontSize;
	if( typeof(objChild.oldBackgroundColor) == "undefined" )
		objChild.oldBackgroundColor = objChild.style.backgroundColor;
}

CAgencyFontChange.prototype.PrepareEffect = function()
{
	// as for expanding text, the child is created after the constructor called
	var arr = this.ele.getElementsByTagName ('*');
	for(var index = 0; index < arr.length; index++)
		this.RetrieveOldFont(arr[index]);
	CCSSP.ShowObject(this.ele, true );
}

CAgencyFontChange.prototype.UpdateEffect = function()
{// to change the font
	this.PrepareEffect();
	this.UpdateEffectAllChildren( this.ele );
	var arr = this.ele.getElementsByTagName ('*');
	for( var index = 0; index < arr.length; index++)
		this.UpdateEffectAllChildren(arr[index]);
}

CAgencyFontChange.prototype.UpdateEffectAllChildren = function(objChild)
{
	objChild.style.fontFamily = this.newfontFamily;
	objChild.style.color = this.newfColor;
	objChild.style.textDecoration = this.newtextDecoration;
	objChild.style.fontWeight = this.newfontWeight;
	objChild.style.fontStyle = this.newfontStyle;
	objChild.style.fontSize = this.newfontSize;
	objChild.style.backgroundColor = this.newBackgroundColor;
}

CAgencyFontChange.prototype.EndEffect = function()
{// to reinstate the original font style
	this.EndEffectAllChildren( this.ele );
	var arr = this.ele.getElementsByTagName ('*');
	for( var index = 0; index < arr.length; index++)
		this.EndEffectAllChildren(arr[index]);
}

CAgencyFontChange.prototype.EndEffectAllChildren = function( objChild )
{
	if( typeof(objChild.oldFontFamily) != "undefined" )
		objChild.style.fontFamily = objChild.oldFontFamily;
	if( typeof(objChild.oldColor) != "undefined" )
		objChild.style.color = objChild.oldColor;
	if( typeof(objChild.oldFontWeight) != "undefined" )
		objChild.style.fontWeight = objChild.oldFontWeight;
	if( typeof(objChild.oldFontStyle) != "undefined" )
		objChild.style.fontStyle = objChild.oldFontStyle;
	if( typeof(objChild.oldFontSize) != "undefined" )
		objChild.style.fontSize = objChild.oldFontSize;
	if( typeof(objChild.oldTextDecoration) != "undefined" )
		objChild.style.textDecoration = objChild.oldTextDecoration;
	if( typeof(objChild.oldBackgroundColor) != "undefined" )
		objChild.style.backgroundColor = objChild.oldBackgroundColor;
}
// End of the CAgencyFontChange definition

// Begin of the CAgencyChangeStyle definition
function CAgencyChangeStyle( element, settings )
{//this class can be replace by CAgencyChangeStyle,provided the "settings" is standard CSS string.
	this.ele = element;
	
	// to retrieve the original style
	this.oldstyle = this.ele.style.cssText;
	
	// to set the default style
	this.newStyle = this.oldstyle;
	
	if( typeof(settings) == "string" && settings.length > 1 )
		this.newStyle = this.oldstyle + " " + settings;
}

CAgencyChangeStyle.prototype.PrepareEffect = function()
{
	CCSSP.ShowObject(this.ele, true );
}

CAgencyChangeStyle.prototype.UpdateEffect = function()
{// to change the style
	this.ele.style.cssText = this.newStyle;
}

CAgencyChangeStyle.prototype.EndEffect = function()
{// to reinstate the original style
	this.ele.style.cssText = this.oldStyle;
}
// End of the CAgencyChangeStyle definition

//End the definition of CAgencyXXXX classes

//Begin to collaborate with other event handler settings 
function handleWindowOnload(event) {
	CEngine.OnPageLoad(event);
	BSSCOnLoad(event);
	InitTriggersInHead(event);
}
CCSSP.RegisterEventHandler( window, "load", handleWindowOnload);

function handlDocumentClick(event) {
	if (!window.event) {
		window.event = event;
	}
	CEngine.OnPageClick(window.event);
	BSSCOnClick(window.event);
}
CCSSP.RegisterEventHandler(document, "click", handlDocumentClick);

function handleDocumentMouseOver(event) {
	CEngine.OnMouseOver(event);
	BSSCOnMouseOver(event);
}
CCSSP.RegisterEventHandler( document, "mouseover", handleDocumentMouseOver);

function handleDocumentMouseOut(event) {
	CEngine.OnMouseOver(event);
	BSSCOnMouseOut(event);
}
CCSSP.RegisterEventHandler( document, "mouseout", handleDocumentMouseOut);

function handleWindowUnload() {
	BSSCOnUnload();
}
CCSSP.RegisterEventHandler(window, "unload", handleWindowUnload);



// function related to autosize popup, custom popup and textonly popup
var gMsgSeparator = "::";

function isInsidePopup()
{
	return (window.name.indexOf("BSSCPopup")!=-1);
}

if(isLocal && (gbChrome || gbBsNS6))
{
	if(window.addEventListener)
		window.addEventListener("message", onRcvContentSizeMsg, false);
}

function getDocHeight(D) {
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

function getDocWidth(D) {
    return Math.max(
        Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
        Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
        Math.max(D.body.clientWidth, D.documentElement.clientWidth)
    );
}

function trim(stringToTrim) {
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}

function parseMsgData(strData)
{
	var nvPairs = strData.split(","); //get name value pairs
	if(nvPairs.length>0)
	{
		var obj = new Object();
		for(var i=0; i<nvPairs.length; i++)
		{
			trim(nvPairs[i]);
			var nvPair = nvPairs[i].split(":");
			if(nvPair.length == 2)
			{
				obj[nvPair[0]] = nvPair[1];
			}
		}
		return obj;
	}
	return null;
}


function replyContentSize(targetWnd)
{
	targetWnd.postMessage("sendContentSize" + gMsgSeparator + ",height:" + getDocHeight(document) + ",width:" + getDocWidth(document), getOrigin(targetWnd));
}



var	gLastHeight = 0;
var	gLastWidth = 0;
function onRcvContentSizeMsg(event)
{
	if(typeof(event.data) != 'string') {
		return;
	}

    var msg = event.data.split(gMsgSeparator);
    var msgType = msg[0];
    var msgData = msg[1];
    switch(msgType)
    {
    case "sendContentSize":
	    {
	       		var  	stepSize = 50;
			
			var obj  = parseMsgData(msgData);
	       		rhPopupEx.setHeight(parseInt(obj.height));
			rhPopupEx.setWidth(parseInt(obj.width));
			
			if(typeof(rhPopupEx.gLastGoodHeight) == 'undefined' || rhPopupEx.gLastGoodHeight == 0)
			{
				rhPopupEx.gLastGoodHeight = rhPopupEx.height;
				rhPopupEx.gLastGoodWidth = rhPopupEx.width;
			}
			else
			{
				if(rhPopupEx.height < gLastHeight) 
				{
					rhPopupEx.gLastGoodHeight = rhPopupEx.height;
					rhPopupEx.gLastGoodWidth = rhPopupEx.width;
				}
			}

			if(rhPopupEx.canDoBetter())
			{
				gLastWidth = rhPopupEx.width;
				gLastHeight = rhPopupEx.height;
				
				rhPopupEx.resizePopup(rhPopupEx.width+stepSize, 1);
				requestContentSize(event.source);
				
			}
			else{
				rhPopupEx.setHeight(rhPopupEx.gLastGoodHeight);
				rhPopupEx.setWidth(rhPopupEx.gLastGoodWidth);
				rhPopupEx.gLastGoodHeight = 0;
				rhPopupEx.gLastGoodWidth = 0;
				gLastHeight = 0;
				gLastWidth = 0;
				rhPopupEx.resizeMoveAndShowPopup();
			}
	    }
	break;
     case "getContentSize":
	replyContentSize(event.source);
        break;
     case "updateLinks":
	BSSCPopup_ChangeTargettoBlank(document);
	break;
     case "getCpHTML5Size":
	replyCpHTML5Size(event.source, msgData);
	break;
     case "setCpHTML5Size":
	onGetReplyCpHTML5Size(event.source, msgData);
	break;
    }
}

function requestContentSize(targetWnd)
{
	if(targetWnd && targetWnd.postMessage)
		targetWnd.postMessage("getContentSize" + gMsgSeparator + " ", getOrigin(targetWnd));
}

function requestUpdateLinks(targetWnd)
{
	if(targetWnd && targetWnd.postMessage)
		targetWnd.postMessage("updateLinks" + gMsgSeparator + " ", getOrigin(targetWnd));
}

function onPopupClicked(e)
{
	var target = null;
	var popupIFrame = rhPopupEx.getPopupIFrame();
	if(!e) 
		e = popupIFrame.contentWindow.event;
	if(e)
	{
		if(e.target)
			target = e.target;
		else 
			target = e.srcElement;
	}
	if(!gbAIR)
	{
		if(target && isInsideHyperLink(target))
			return;
	}
	if(window.removeEventListener)
		window.removeEventListener("mousedown", onPopupParentClicked, false);
	else if(window.document.detachEvent)
		window.document.detachEvent('onmousedown', onPopupParentClicked);
	rhPopupEx.removePopup();
}

function onPopupParentClicked(e)
{
	if(window.removeEventListener)
		window.removeEventListener("mousedown", onPopupParentClicked, false);
	else if(window.document.detachEvent)
		window.document.detachEvent('onmousedown', onPopupParentClicked);
	rhPopupEx.removePopup();
}

var rhPopupEx = new RHPopupEx;
function RHPopupEx()
{
	this.strPopupID = 'BSSCPopup';
	this.strPopupShadowID = 'BSSCPopupShadow';
	this.strPopupTopicID = 'BSSCPopupTopic';
	this.strPopupIFrameID = 'BSSCPopupIFrame';
	this.strPopupIFrameName = 'BSSCPopupIFrameName';
	this.strPopupURL = '';
	this.strBookmark = '';
	this.width = 0;
	this.height = 0;
	this.clientWidth = 0;
	this.clientHeight = 0;
	this.gHeight = 0;
	this.gWidth = 0;
	this.bCustomHeight = false;

	//scrollbar height and width
	this.scrollbarheight = 20; //can we ask the browser for this info
	this.scrollbarwidth = 20;

	this.init = function()
	{
		this.getVisibilityStyle();
		this.strPopupURL = '';
		this.strBookmark = '';
		this.width = 0;
		this.height = 0;
		this.clientWidth = 0;
		this.clientHeight = 0;
		this.gHeight = 0;
		this.gWidth = 0;
		this.removePopup();
	}

	this.setPopupURL = function(strURL)
	{
		var indx = strURL.indexOf("#");
		if(indx != -1)
		{
			this.strPopupURL = strURL.substring(0, indx);
			this.strBookmark = strURL.substring(indx);
		}
		else
			this.strPopupURL = strURL;
	}
	this.setWidth = function(width)
	{
		this.width = width;
	}
	this.setHeight = function(height)
	{
		this.height = height;
	}
	this.setClickPosition= function(x, y)
	{
		this.clickX = x + getScrollLeft();
		this.clickY = y + getScrollTop();
	}

	this.createPopup= function(strURL, width, height)
	{
		this.init();
		if ("undefined" != typeof(width) && "undefined" != typeof(height)) {
			this.setWidth(width);
			this.setHeight(height);
			this.bCustomHeight = true;
		}
		if(typeof(strURL) == 'undefined' || strURL == '')
			return false;
		this.setPopupURL(strURL);
		this.createPopupContainer();
	}

	this.createPopupContainer = function()
	{
		// DO NOT SET Width and height for the div, otherwize it will make IE4 popup do not work when view the topic alone.
		var strPopupDiv = "<div id='" + this.strPopupID + "' style='position:absolute; top:-100; left:0; z-index:600; visibility:hidden;'>";
		strPopupDiv += "<div id='" + this.strPopupShadowID + "' style=\"position:absolute;top:0; left:0; background-color:#C0C0C0;\"></div>";
		strPopupDiv += "<div id='" + this.strPopupTopicID + "' style=\"position:absolute;top:0; left:0;  background-color:#FFFFFF;border:1px #000000 outset;"; 
		if(gbSafari3 && gbBsIsMobile)
			strPopupDiv += "overflow:auto; -webkit-overflow-scrolling:touch;";
		strPopupDiv += "\">";
		strPopupDiv += "<iframe height=\"10px\" width=\"200px\" title=\"Popup Window\" id='" + this.strPopupIFrameID + "' name='" + this.strPopupIFrameName + "' src='" + this.strPopupURL + "' frameborder=0 scrolling=auto";
		strPopupDiv += " onload=\"rhPopupEx.OnLoadRHPopup();\"";
		strPopupDiv += "></iframe></div>";  
		strPopupDiv += "</div>";

		var oBody = getElementsByTag(document, "body")[0];
		if( typeof(oBody) != "object" )
			return;

		insertAdjacentHTML(oBody, "beforeEnd", strPopupDiv);
	}

	this.removePopup = function()
	{
		var popup = this.getPopupContainer();
		if(popup)
			removeThis(popup);
	}

	this.getPopupContainer = function()
	{
		var elem  = document.getElementById(this.strPopupID);
		if(typeof(elem) != 'undefined' && elem != null)
			return elem;
		return null;
	}
	this.getPopupIFrame = function()
	{
		var elem  = document.getElementById(this.strPopupIFrameID);
		if(typeof(elem) != 'undefined' && elem != null)
			return elem;
		return null;
	}
	this.getPopupShadow = function()
	{
		var elem  = document.getElementById(this.strPopupShadowID);
		if(typeof(elem) != 'undefined' && elem != null)
			return elem;
		return null;
	}
	this.getPopupTopic = function()
	{
		var elem  = document.getElementById(this.strPopupTopicID);
		if(typeof(elem) != 'undefined' && elem != null)
			return elem;
		return null;
	}

	this.hidePopup = function()
	{
		this.getPopupContainer().style.visibility = this.strStyVisHide;
		this.getPopupIFrame().style.visibility = this.strStyVisHide;
	}

	this.showPopup = function()
	{
		this.getPopupContainer().style.visibility = this.strStyVisShow;
		this.getPopupIFrame().style.visibility = this.strStyVisShow;
	}

	this.getVisibilityStyle = function()
	{
		if (gbBsNS4&&!gbBsNS6)
		{
			this.strStyVisShow	= "show";
			this.strStyVisHide	= "hide";
		}
		else
		{
			this.strStyVisShow	= "visible";
			this.strStyVisHide	= "hidden";
		}
	}

	this.getClientWndSize = function () {
	    var viewportwidth;
	    var viewportheight;

	    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
	    if (typeof window.innerWidth != 'undefined') {
	        viewportwidth = window.innerWidth;
	        viewportheight = window.innerHeight;
	    }
	    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
	    else if (typeof document.documentElement != 'undefined'
         && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
	        viewportwidth = document.documentElement.clientWidth;
	        viewportheight = document.documentElement.clientHeight;
	    }
	    // older versions of IE
	    else {
	        viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
	        viewportheight = document.getElementsByTagName('body')[0].clientHeight;
	    }
	    this.clientWidth = viewportwidth;
	    this.clientHeight = viewportheight;
	    //golden ratio
	    this.gHeight = this.clientHeight * 0.8;
	    this.gWidth = this.clientWidth * 0.8;
	    
	    this.clientWidth -= this.scrollbarwidth;
	    this.clientHeight -= this.scrollbarheight; 
	}

	this.resizePopup = function(width, height)
	{
		//set height and width
		this.getPopupContainer().style.width = width + "px" ;
		this.getPopupContainer().style.height = height + "px" ;
	
		this.getPopupShadow().style.width = width + "px" ;
		this.getPopupShadow().style.height = height + "px" ;	
	
    		this.getPopupTopic().style.width = width + "px" ;
		this.getPopupTopic().style.height = height + "px" ;
	
		this.getPopupIFrame().style.width = width + "px" ;
		this.getPopupIFrame().style.height = height + "px" ;
	}

	this.getPopupContentSize = function()
	{
		var wnd = this.getPopupIFrame().contentWindow;
		this.setHeight(getDocHeight(wnd.document));
		this.setWidth(getDocWidth(wnd.document));
	}

	this.canDoBetter = function()
	{
		if(this.width < this.gWidth /*&& this.height > this.gHeight*/)
			return true;
	}

	this.computePopupWndSize = function()
	{
		if(!gbChromeLocal)
		{
			try
			{
				this.getPopupContentSize();

			//try to check if we have available width, increasing the width may decrease the height for reflowable content
			//whenever a change is detected we save that size
			//increasing width by an amount does not always decrease height, but increasing further may decrease it based on the 
			//reflow content
			
			var  	stepSize = 50;
			var	lastWidth = 0;
			var	lastHeight = 0;
			var lastGoodHeight = this.height;
			var lastGoodWidth = this.width;

			while(this.canDoBetter())
			{
				lastWidth = this.width;
				lastHeight = this.height;
				this.resizePopup(this.width+stepSize, 1);
				this.getPopupContentSize();
				//if no change in height detected
				if(this.height < lastHeight) //may be there is no reflow content to reduce height on increasing width
				{
					lastGoodHeight = this.height;
					lastGoodWidth = this.width;
					
				}
				//alert("height = " + this.height + "width=" + this.width)
			}

			//adding extra 20 pixel in height to be sure no scroll bar comes even if content fits in size computed
			lastGoodHeight += 20;
			//adding extra 5 pixel in width
			lastGoodWidth += 5;

			this.setHeight(lastGoodHeight);
			this.setWidth(lastGoodWidth);

			this.resizeMoveAndShowPopup();
			}
			catch(e)
			{
				requestContentSize(this.getPopupIFrame().contentWindow);
			}
		}
		else
			requestContentSize(this.getPopupIFrame().contentWindow);
	}

	this.resizeMoveAndShowPopup = function()
	{
		var bNeedHScroll = false;
		var bNeedVScroll = false;

		if(this.height > this.gHeight)
		{
			this.setHeight(this.gHeight);
			//need vertical scroll bars
			bNeedVScroll = true;
			this.setWidth(this.width+this.scrollbarwidth);
		}		
		if(this.width > this.gWidth)
		{
			this.setWidth(this.gWidth);
			//need horizontal scroll bars
			bNeedHScroll = true;
			this.setHeight(this.height+this.scrollbarheight);
		}

		var nClickX = this.clickX;
		var nClickY = this.clickY;
		var nTop = 0;
		var nLeft = 0;
		var shadowpos = 5; //shadow pos relative to popup frame
	
		var scrollTop = getScrollTop();
		var scrollLeft = getScrollLeft();

		if (nClickY + this.height + shadowpos < this.clientHeight + scrollTop) {
			nTop = nClickY;
		} else {
			nTop = nClickY - this.height - shadowpos;
			if(nTop < scrollTop)
			{
				nTop = (scrollTop + this.clientHeight) - this.height - shadowpos;
				if(nTop < scrollTop)
				{
					nTop = scrollTop;
					this.height = this.clientHeight - shadowpos;
					//need vertical scroll bars
					if(bNeedVScroll == false)
					{
						bNeedVScroll = true;
						this.setWidth(this.width+this.scrollbarwidth);
					}
				}
			}
		}
		if (nClickX + this.width + shadowpos < this.clientWidth + scrollLeft) {
			nLeft = nClickX;
		} else {
			nLeft = nClickX - this.width - shadowpos;
			if(nLeft < scrollLeft)
			{
				nLeft = (scrollLeft + this.clientWidth) - this.width - shadowpos;
				if(nLeft < scrollLeft)
				{
					nLeft = scrollLeft;
					this.width = this.clientWidth - shadowpos;
					//need horizontal scroll bars
					if(bNeedHScroll == false)
					{
						bNeedHScroll = true;
						this.setHeight(this.height+this.scrollbarheight);
					}
				}
			}
		}


		//set height and width
		this.resizePopup(this.width, this.height);

		//set position
		this.getPopupContainer().style.left = nLeft + "px";
		this.getPopupContainer().style.top = nTop + "px";

		// Set the location of the background blocks
		this.getPopupShadow().style.left = shadowpos + "px";
		this.getPopupShadow().style.top = shadowpos + "px";

		if(this.strBookmark != '')
		{
			//alert(this.strBookmark);
			this.getPopupIFrame().contentWindow.location.href = this.strPopupURL + this.strBookmark;
		}

		try{
			BSSCPopup_ChangeTargettoBlank(this.getPopupIFrame().contentWindow.document);
		}catch(e)
		{
			//comes here for chrome local
			requestUpdateLinks(this.getPopupIFrame().contentWindow);
		}
		this.showPopup();
		this.postWork();
	}

	this.postWork = function()
	{
		try{
			if(gbBsIsMobile == false)
			{
				if (window.addEventListener){  
					this.getPopupIFrame().contentWindow.addEventListener('click', onPopupClicked, false);  
				} else if (window.document.attachEvent){  
					this.getPopupIFrame().contentWindow.document.attachEvent('onclick', onPopupClicked);
				}
			}
		}catch(e)
		{
			//alert popup does not close on clicking on it, valid for chrome local
			console.log(e.name, ": ", e.message);
		}

		if(window.addEventListener)
		{
			window.addEventListener("mousedown", onPopupParentClicked, false);
			window.document.addEventListener("touchstart", onPopupParentClicked, false);
		}
		else if(window.document.attachEvent)
			window.document.attachEvent('onmousedown', onPopupParentClicked);

	}

	this.OnLoadRHPopup = function()
	{
		rhPopupEx.hidePopup();

		if(gbBsIE4 && rhPopupEx.getPopupIFrame().contentWindow.document.location.href.indexOf("about:blank") != -1)
		{
			rhPopupEx.getPopupIFrame().contentWindow.document.location.href = rhPopupEx.strPopupURL;
			return;
		}
		
		this.getClientWndSize();
		if (rhPopupEx.width == 0 || rhPopupEx.height == 0) 
		{
			rhPopupEx.computePopupWndSize();
		}
		else
			rhPopupEx.resizeMoveAndShowPopup();

	}
}

function supports_video() {
  return !!document.createElement('video').canPlayType;
}

function supports_mp4_video()
{
	if(!supports_video()) 
		return false;
	var v = document.createElement("video");
  	var playType = v.canPlayType('video/mp4');
	//alert(playType);
	if(playType == "" || playType == "no")
		return false;
	else
		return true;
}

function getUrlParam(paramName, url)
{
  if(url == null || url == 'undefined')
        url = document.location.href;
  paramName = paramName.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+paramName+"=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(url);
  if( results == null )
    return "";
  else
    return results[1];
}

function send_flv_command(strMultimediaFlvName, strMultimediaFlvCommand)
{
	try
	{
		if(strMultimediaFlvName != null && typeof(strMultimediaFlvName) != undefined)
		{
			var flashMediaPlayer = document.getElementById(strMultimediaFlvName);
			if(flashMediaPlayer != null && typeof(flashMediaPlayer) != undefined)
			{
				if(strMultimediaFlvCommand != null && typeof(strMultimediaFlvCommand) != undefined)
				{
					flashMediaPlayer.TakeMultimediaAction(strMultimediaFlvCommand.replace("%20", " "));
				}
			}
		}
	}
	catch(err)
	{
		//alert(strMultimediaFlvName + ' ' + strMultimediaFlvCommand);
		console.log(err.name, ": ", err.message);
	}
}

function onLoad_FLV_Player(strMultimediaFlvName)
{
	if(strMultimediaFlvName != null && typeof(strMultimediaFlvName) != undefined)
	{
		var strMultimediaFlvNameHRef = getUrlParam('flv_name');
		if(strMultimediaFlvNameHRef != null && typeof(strMultimediaFlvNameHRef) != undefined)
		{
			if(strMultimediaFlvNameHRef == strMultimediaFlvName)
			{
				var strMultimediaFlvCommand = getUrlParam('flv_cmd');
				send_flv_command(strMultimediaFlvName, strMultimediaFlvCommand);
			}
		}
	}
}

function requestCpHTML5Size(targetWnd, iframeid)
{
	if(targetWnd && targetWnd.postMessage)
		targetWnd.postMessage("getCpHTML5Size" + gMsgSeparator + ",id:"+ iframeid, getOrigin(targetWnd));
}

function replyCpHTML5Size(targetWnd, msgData)
{
	var obj  = parseMsgData(msgData);
	
	var pc = getProjectContainer();

	
	
	targetWnd.postMessage("setCpHTML5Size" + gMsgSeparator + ",id:" + obj.id + ",height:" + parseFloat(pc.style.height) + ",width:" + parseFloat(pc.style.width), getOrigin(targetWnd));
}

function onGetReplyCpHTML5Size(targetWnd, msgData)
{
	var obj  = parseMsgData(msgData);
	var iframeelem = getElement(obj.id);
	if(typeof iframeelem != 'undefined')
	{
		iframeelem.style.width = obj.width + "px" ;
		iframeelem.style.height = obj.height + "px" ;
	}
}

function onHTML5OutputLoad(id)
{
	var iframeelem = getElement(id);
	if(typeof iframeelem != 'undefined')
	{
		var wnd = iframeelem.contentWindow;
		if(gbBsIE4)
		{
			try{
				var h = getDocHeight(wnd.document);
				var w = getDocWidth(wnd.document);

				iframeelem.style.width = w + "px" ;
				iframeelem.style.height = h + "px" ;
			}
			catch(e) {
				console.log(e.name, ": ", e.message);
			}
		}
		else
		{
			requestCpHTML5Size(wnd, id);
		}
	}
}

function sanitizeURL(url) {
	if (!url) {
		return ''
	}
	try {
		var decodedURI = decodeURI(url)
		return encodeURI(decodedURI)
	} catch (e) {
		return ''
	}
}

//End to collaborate with other event handler settings

/// Section End  - CCSSP DHTM 2 (JavaScript 1.2)

//// Segment End -- (JavaScript 1.2)
