<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html%%GLOBAL_RTL_HTML%%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=%%GLOBAL_charset%%" />
<title>%%Config.KnowledgebaseName%%</title>

<meta name="pragma" content="no-cache">

<!--[if IE]>
<style type="text/css">
.dynamic-tab-pane-control .tab-page {
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
			progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
}
.tab-page {
	overflow: auto;
	width: expression(document.body.clientWidth-25);
	height: expression(document.body.clientHeight-70);
}

</style>
<![endif]-->
<style type="text/css">
	@import url("%%Config.CurrentTemplatePath%%/Styles/Styles.css");
	@import url("%%Config.CurrentTemplatePath%%/Styles/xtree.css");
	@import url("%%Config.CurrentTemplatePath%%/Styles/tab.css");
	@import url("%%GLOBAL_pathToKB%%/javascript/livesearch.css");
</style>

<script language="javascript" type="text/javascript"  src="%%GLOBAL_pathToKB%%/javascript/jquery.js"></script>
<script type="text/javascript" src="%%GLOBAL_pathToKB%%/javascript/iselector.js"></script>
<script type="text/javascript" src="%%Config.CurrentTemplatePath%%/js/xtree.js"></script>
<script type="text/javascript" src="%%Config.CurrentTemplatePath%%/js/xmlextras.js"></script>
<script type="text/javascript" src="%%Config.CurrentTemplatePath%%/js/xloadtree.js"></script>
<script type="text/javascript" src="%%Config.CurrentTemplatePath%%/js/tabpane.js"></script>
<script type="text/javascript" src="%%GLOBAL_pathToKB%%/javascript/livesearch.js"></script>




<script type="text/javascript" language="javascript">
	var tree;
	var glossaryTree;
	var baseUrl = '%%GLOBAL_pathToKB%%';

	function treeInit()
	{
		webFXTreeConfig.rootIcon		= '%%Config.ImagePath%%/foldericon.png';
		webFXTreeConfig.openRootIcon	= '%%Config.ImagePath%%/openfoldericon.png';
		webFXTreeConfig.folderIcon		= '%%Config.ImagePath%%/foldericon.png';
		webFXTreeConfig.openFolderIcon	= '%%Config.ImagePath%%/openfoldericon.png';
		webFXTreeConfig.fileIcon		= '%%Config.ImagePath%%/file.png';
		webFXTreeConfig.iIcon			= '%%Config.ImagePath%%/I.png';
		webFXTreeConfig.lIcon			= '%%Config.ImagePath%%/L.png';
		webFXTreeConfig.lMinusIcon		= '%%Config.ImagePath%%/Lminus.png';
		webFXTreeConfig.lPlusIcon		= '%%Config.ImagePath%%/Lplus.png';
		webFXTreeConfig.tIcon			= '%%Config.ImagePath%%/T.png';
		webFXTreeConfig.tMinusIcon		= '%%Config.ImagePath%%/Tminus.png';
		webFXTreeConfig.tPlusIcon		= '%%Config.ImagePath%%/Tplus.png';
		webFXTreeConfig.blankIcon		= '%%Config.ImagePath%%/blank.png';

		tree = new WebFXLoadTree (
			"%%GLOBAL_knowledgebaseName%%",
			"%%GLOBAL_pathToKB%%/xmlsearch.php?type=category&q=0",
			"%%GLOBAL_pathToKB%%/loadpanel.php?Panel=Home",
			"explorer"
		);
		tree.target = 'rightFrame';
		document.getElementById('contentDiv').innerHTML = tree;

		glossaryTree = new WebFXLoadTree (
			"%%LNG_hpGlossary%%",
			"%%GLOBAL_pathToKB%%/xmlsearch.php?type=glossary",
			"%%GLOBAL_pathToKB%%/loadpanel.php?Panel=Glossary",
			"explorer"
		);

		glossaryTree.target = 'rightFrame';
		document.getElementById('glossaryDiv').innerHTML = glossaryTree;
	}

	window.onload = function()
	{
		treeInit();
		liveSearchInit();
	}

</script>

</head>
<body>
%%Panel.TreePanel%%

</body>
</html>
