analytics/webapps/p2pd/WEB-INF/fragments/producers/viewers/booklet/view/htabs.xslt

<?xml version="1.0" encoding="UTF-8"?>
<!--
    Licensed Materials - Property of IBM

    IBM Cognos Products: cpscrn


    (C) Copyright IBM Corp. 2005, 2014

    US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
-->
<!--
	Copyright (C) 2008 Cognos ULC, an IBM Company. All rights reserved.
	Cognos (R) is a trademark of Cognos ULC, (formerly Cognos Incorporated).
   -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
xmlns:xts="http://developer.cognos.com/schemas/xts/" 
xmlns:encodingUtils="com.cognos.portal.utils.EncodingUtils" 
xmlns:xtsext="xalan://com.cognos.xts.ext.XTSExt">
	<xsl:output method="html" version="1.0" encoding="UTF-8" indent="no"/>
	<xsl:variable name="customs" select="/root/customs/param"/>
	<xsl:variable name="meta" select="/root/fragment/meta"/>
	<xsl:variable name="pages" select="/root/input[@name='pages']/pages"/>
	<xsl:variable name="header">
		<xsl:call-template name="get-custom">
			<xsl:with-param name="name">header</xsl:with-param>
		</xsl:call-template>
	</xsl:variable>
	<xsl:variable name="footer">
		<xsl:call-template name="get-custom">
			<xsl:with-param name="name">footer</xsl:with-param>
		</xsl:call-template>
	</xsl:variable>
	<xsl:variable name="fixed">
		<xsl:call-template name="get-custom">
			<xsl:with-param name="name">fixed</xsl:with-param>
		</xsl:call-template>
	</xsl:variable>
	<xsl:variable name="showicons">
		<xsl:call-template name="get-custom">
			<xsl:with-param name="name">showicons</xsl:with-param>
		</xsl:call-template>
	</xsl:variable>
	<xsl:variable name="folder">
		<xsl:call-template name="get-custom">
			<xsl:with-param name="name">folder</xsl:with-param>
		</xsl:call-template>
	</xsl:variable>
	<xsl:variable name="include-page-menu">
		<xsl:call-template name="get-custom">
			<xsl:with-param name="name">include-page-menu</xsl:with-param>
		</xsl:call-template>
	</xsl:variable>
	
	<xsl:variable name="refresh" select="string(/root/interactions/param[@name='refresh'])"/>
	<xsl:variable name="updateState" select="string(/root/interactions/param[@name='updateState'])"/>
	
	<xsl:variable name="level1-selected-page" select="($pages/page[@selected='true'] | $pages/page[position() = 1 and not($pages/page[@selected='true'])])"/>
	<xsl:variable name="selected-page" select="($level1-selected-page/page[@selected='true'] | $level1-selected-page/page[position() = 1 and not($level1-selected-page/page[@selected='true'])] | $level1-selected-page[not(page)] )"/>
	<xsl:variable name="first-page" select="$selected-page[not($refresh = 'true' or $updateState = 'true')]"/>

	<xsl:variable name="has-icons" select="$pages//*[@icon != '']"/>
	<xsl:variable name="selected-tabs" select="/root/state/param[@name='selectedTabs']"/>

	<xsl:template match="/">
		<xsl:choose>
			<xsl:when test="$refresh!='true' and $updateState!='true'">
				<div id="_THIS_tabIncompatibilityWarning" class="cogstyle-portlet-error-frame" style="display:none;">
					<table cellpadding="3" role="presentation">
					<tr>
						<td>
							<img src="_THIS?frag-resource=/ps/portal/images/msg_warning.gif/THIS_">
								<xsl:attribute name="alt"><xts:string id="IDS_BV_INCOMPATIBLE_ENVIRONMENT"/></xsl:attribute>
							</img>
						</td>
						<td><xts:string id="IDS_BV_INCOMPATIBLE_ENVIRONMENT"/></td>
						</tr>
					</table>
				</div>		
				<div id="_THIS_bvContainer">
					<xsl:if test="$header != ''">
					   <a href="#_THIS_tabs_control_div" tabindex="0" class="showOnFocus"><xts:string id="IDS_SECTION508_JUMPTOMAIN"/></a>
						<div id="_THIS_headercontent" style="width:100%;overflow:hidden">_THIS?frag-subfragment=header&amp;frag-id=header/THIS_</div>
					</xsl:if>
					<xsl:choose>
						<xsl:when test="$pages/@unavailable = 'true'">
							<xsl:call-template name="render-error">
								<xsl:with-param name="message"><xts:string id="IDS_BV_PAGE_UNAVAILABLE"/></xsl:with-param>
							</xsl:call-template>
						</xsl:when>
						<xsl:when test="$pages/@no-source = 'true'">
							<xsl:call-template name="render-error">
								<xsl:with-param name="message"><xts:string id="IDS_VEW_CUSTOMIZE"/></xsl:with-param>
							</xsl:call-template>
						</xsl:when>
						<xsl:otherwise>
						    <xsl:variable name="htabslab"><xts:string id="IDS_HORIZONTAL_TABS_LABEL"/></xsl:variable>
							<div id="_THIS_tabs_control_div" role="navigation" aria-label="{$htabslab}" tabindex="-1">
								<xsl:apply-templates select="$pages" mode="html"/>
								<script type="text/javascript">
									<xsl:text>&#10;var _THIS_tabs = </xsl:text>
									<xsl:apply-templates select="$pages" mode="script"/>
									<xsl:text>;</xsl:text>
								</script>
							</div>
							<xsl:if test="$first-page">
								<xsl:variable name="tab-id" select="concat($first-page/../@id, $first-page/@id)"/>
								<div id="_THIS_{$tab-id}page" role="tabpanel" aria-labelledby="_THIS_{$tab-id}tab_anchor">
									<xsl:attribute name="style">
										<xsl:text>width:100%;height:100%</xsl:text>
									</xsl:attribute>
									<div id="_THIS_{$tab-id}content">
										<xsl:attribute name="style">
											<xsl:text>width:100%;height:100%;</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="class">
											<xsl:choose>
												<xsl:when test="$fixed = 'true'">cogstyle-htabs-page-content-fixed</xsl:when>
												<xsl:otherwise>cogstyle-htabs-page-content</xsl:otherwise>
											</xsl:choose>
										</xsl:attribute>
										<xsl:text>_THIS?frag-subfragment=firstpage&amp;frag-id=</xsl:text>
										<xsl:value-of select="$tab-id"/>
										<xsl:text>/THIS_</xsl:text>
									</div>
								</div>
							</xsl:if>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:if test="$footer != ''">
						<div id="_THIS_footercontent">_THIS?frag-subfragment=footer&amp;frag-id=footer/THIS_</div>
					</xsl:if>
				</div>
				<script type="text/javascript">
				<xsl:text>

function _THIS_get_selected_tab() {
	var tab = _THIS_tabs.tabs[_THIS_tabs.activeTabID];
	while (tab &amp;&amp; tab.subtabs) {
		tab = tab.subtabs.tabs[tab.subtabs.activeTabID];
	}
	return tab;
}

function _THIS_refresh(evt) {
	if (evt.eventPhase == evt.AT_TARGET) {
		if (typeof _THIS_tabs != 'undefined') {
			var selectedTabs = _THIS_tabs.activeTabID;
			for (var tabID in _THIS_tabs.tabs) {
				var subTab = _THIS_tabs.tabs[tabID].subtabs;
				if (subTab) {
					selectedTabs += "," + subTab.activeTabID;
				}
			}

			if (_F_getFragmentByID("_THIS_header")) {
				_F_getFragmentByID("_THIS_header").raiseEvent("fragment.refresh",null,null,false,true);
			}
			if (_F_getFragmentByID("_THIS_footer")) {
				_F_getFragmentByID("_THIS_footer").raiseEvent("fragment.refresh",null,null,false,true);
			}

			//Hide the current tab, as it may not exist after the refresh
			var currentTab = _THIS_get_selected_tab();
			if (currentTab) {
				currentTab.deselect();
			}

			evt.preventDefault();
			_THIS_.retrieve("refresh=true&amp;selectedTabs="+selectedTabs,"_THIS_tabs_control_div", false, true);
		}
	}
}

function _THIS_onload(evt) {
	if (evt.eventPhase == evt.CAPTURING_PHASE) {
		if (_THIS_.onresize)
			_THIS_.onresize();
	} else if (evt.eventPhase == evt.AT_TARGET) {
			</xsl:text>
			<xsl:if test="$first-page">
				<xsl:text>
		var firstChild = _F_getFragmentByID('</xsl:text><xsl:value-of select="concat('_THIS_',$first-page/../@id,$first-page/@id)"/><xsl:text>');
		if (firstChild != null)
		{
			firstChild.raiseEvent("fragment.load", null, "", false, false);
		}
		if (_F_getFragmentByID("_THIS_header")) {
			_F_getFragmentByID("_THIS_header").raiseEvent("fragment.load", null, "", false, false);
		}
		if (_F_getFragmentByID("_THIS_footer")) {
			_F_getFragmentByID("_THIS_footer").raiseEvent("fragment.load", null, "", false, false);
		}
				</xsl:text>
			</xsl:if>
		if (_THIS_.parent.parent == null)
		{
			<xsl:choose>
				<xsl:when test="$fixed = 'true'">
					<xsl:text>
			if (document.all) {
				document.body.scroll = "no";
				EventUtils.addEventListener(window,"beforeprint",function(event){document.body.style.overflow = "auto";document.body.scroll = "auto";var currentTab=_THIS_get_selected_tab();if(currentTab){var div=document.getElementById(currentTab.uniqueID()+"content");if(div){div.style.overflow="";}}});
				EventUtils.addEventListener(window,"afterprint",function(event){document.body.style.overflow = "";document.body.scroll = "no";var currentTab=_THIS_get_selected_tab();if(currentTab){var div=document.getElementById(currentTab.uniqueID()+"content");if(div){div.style.overflow="auto";}}scroll(0,0);});
			} else {
				document.body.style.overflow = "hidden";
			}
			scroll(0,0);
					</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>
			if (document.all) {
				document.body.scroll = "";
			} else {
				document.body.style.overflow = "auto";
			}
					</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
			<xsl:text>
		}
		_THIS_.onresize = function() {
			if (typeof _THIS_tabs != 'undefined') {
				_THIS_tabs.onresize();
			}
			return true;
		}	

		_THIS_.onresize();
	}
}

function _THIS_modeChange(evt)
{
	if ((evt.eventPhase == evt.AT_TARGET)&amp;&amp;(evt.payload["newMode"] == "edit")) {
		_THIS_.removeEventListener("fragment.retrieve.before", "_THIS_monitor", true);
		_THIS_.removeEventListener("fragment.retrieve.after", "_THIS_monitor", true);
</xsl:text>
<xsl:if test="string(/root/controllerParams/param[@name='frag-portalAgent'])!='cognos'">
<xsl:text>
		_THIS_.removeEventListener("fragment.reload", "_THIS_monitor", true);
</xsl:text>
</xsl:if>
<xsl:text>

		//Clean up child fragments before opening the edit page
		var childFragments = _THIS_.getChildren();
		if (childFragments) {
			for (var i=0; i &lt; childFragments.length; i++) {
				childFragments[i].destroy();
			}
		}
	}
}

function _THIS_windowStateHandler(evt)
{
	if (evt.eventPhase == evt.AT_TARGET) {
		evt.preventDefault();
	}
}

function _THIS_visibilityHandler(evt)
{
	if (evt.eventPhase == evt.AT_TARGET) {
		var currentTab = _THIS_get_selected_tab();
		if (_F_getFragmentByID(currentTab.uniqueID()))
			_F_getFragmentByID(currentTab.uniqueID()).raiseEvent("fragment.visibility.change", 
														{
															"setVisibility":evt.payload.newVisibility 
														}
														, "params", false, false);
	}
}

if (typeof _THIS_tabs != 'undefined') {
	_THIS_tabs.attach(null);
}
_THIS_.addEventListener("fragment.visibility.change", "_THIS_visibilityHandler", false);
_THIS_.addEventListener("fragment.windowstate.change", "_THIS_windowStateHandler", false);
_THIS_.addEventListener("fragment.refresh", "_THIS_refresh", false);
_THIS_.addEventListener("fragment.load", "_THIS_onload", true);
_THIS_.addEventListener("fragment.mode.change", "_THIS_modeChange", false);
</xsl:text>
var _THIS_currentSelection = '<xsl:value-of select="encodingUtils:javascriptencode(string($selected-tabs))"/>';		
<xsl:choose>
<xsl:when test="/root/controllerParams/param[@name='frag-portalAgent']='cognos'">
<xsl:text>
function _THIS_saveState(){
	if (typeof _THIS_tabs != 'undefined') { 
		var selectedTabs = _THIS_tabs.activeTabID;
		for (var tabID in _THIS_tabs.tabs) {
			var subTab = _THIS_tabs.tabs[tabID].subtabs;
			if (subTab) {
				selectedTabs += "," + subTab.activeTabID;
			}
		}
		if (_THIS_currentSelection != selectedTabs){
			_THIS_currentSelection = selectedTabs;
			var fragRequest = new _F_Ajax.Request(_THIS_.interactionURI("refresh=true&amp;selectedTabs="+selectedTabs),
			{
				requestHeaders:
				{
					"Connection": "keep-alive",
					"Accept": "text/xml,application/xml"
				},
				asynchronous : false
			});			
		}
	}			
}

_F_Document.addEventListener(window, "beforeunload", _THIS_saveState);

</xsl:text>
</xsl:when>
<xsl:otherwise>
<xsl:text>
function _THIS_saveStateEvt(evt)
{
	if (evt.eventPhase == evt.AT_TARGET) {
		if (typeof _THIS_tabs != 'undefined') { 
			var selectedTabs = _THIS_tabs.activeTabID;
			for (var tabID in _THIS_tabs.tabs) {
				var subTab = _THIS_tabs.tabs[tabID].subtabs;
				if (subTab) {
					selectedTabs += "," + subTab.activeTabID;
				}
			}
			if (_THIS_currentSelection != selectedTabs){
				_THIS_currentSelection = selectedTabs;
				_THIS_.retrieve("updateState=true&amp;selectedTabs="+selectedTabs,"_THIS_tabs_control_div",true,true);
			}
		}
	}
}

_THIS_.addEventListener("fragment.reload", "_THIS_saveStateEvt", false);
</xsl:text>
</xsl:otherwise>
</xsl:choose>
<xsl:text>
//- Activity Indicators
var _THIS_indicators = null;

function _THIS_monitor(evt)
{
	if (evt.eventPhase == evt.AT_TARGET) //only want to execute this on downstream events
		return;
	if (_THIS_indicators == null)
		_THIS_indicators = new ui_throbbers("_THIS_", "_THIS?frag-resource=/ps/portal/images/icon_loading.gif/THIS_");
	_THIS_indicators.handler(evt);
}


_THIS_.addEventListener("fragment.retrieve.before", "_THIS_monitor", true);
_THIS_.addEventListener("fragment.retrieve.after", "_THIS_monitor", true);


</xsl:text>
				</script>
			</xsl:when>
			<xsl:otherwise>
				<xsl:apply-templates select="$pages" mode="html"/>
				<script type="text/javascript">
					<xsl:text>&#10;var _THIS_tabs = </xsl:text>
					<xsl:apply-templates select="$pages" mode="script"/>
					<xsl:text>;
_THIS_tabs.attach(null);
</xsl:text>
<xsl:if test="$refresh='true'">
<xsl:text>
var _THIS_visibleTab = _THIS_get_selected_tab();
if (_THIS_visibleTab) {
	_THIS_visibleTab.select();
}
</xsl:text>
</xsl:if>
				</script>
			</xsl:otherwise>
		</xsl:choose>
	</xsl:template>
	
	<xsl:template match="pages | page" mode="html">
		<xsl:variable name="tabs-id" select="@id"/>
		<xsl:variable name="alt">
			<!-- <xsl:if test="local-name()='page'">-alt</xsl:if> -->
		</xsl:variable>
		<table id="_THIS_{$tabs-id}tabs" class="cogstyle-htabs{$alt}-bar" role="presentation" style="table-layout:fixed;" cellpadding="0" cellspacing="0" width="100%">
			<tr>
				<xsl:if test="count(ancestor::page) = 0 and count(ancestor::pages) = 0 and string($include-page-menu)='true'">
					<td width="24" align="center" valign="middle">
						<script language="javascript">
function ccModalCallBack(){}
function _THIS_page_action(cmd) {
	var currentTab = _THIS_get_selected_tab();
	var pageId = (currentTab != null) ? currentTab.target.id : null;
	var objectClass = (currentTab != null) ? currentTab.target.type : null;
	var sBackURL = encodeURIComponent(_F_Config.gateway + "?b_action=xts.run&amp;m=/portal/modal.xts&amp;m_reload=");
	switch (cmd) { 
		case "create":
			ccModalCallBack = function() {
				ui_modal_dialog.close();
				var currentTab = _THIS_get_selected_tab();
				if (currentTab) {
					currentTab.deselect();
				}
				_THIS_.raiseEvent("fragment.refresh",null,null,false,true);
			}
			var url = _F_Config.gateway + "?b_action=xts.run" +
				"&amp;m=portal/new_general.xts" +
				"&amp;m_new_class=pagelet" +
				"&amp;showViewPage=false" +
				"&amp;backURL=" + sBackURL;
			<xsl:variable name="cmFolder">
				<xsl:choose>
					<xsl:when test="starts-with($folder, 'path:')">
						<xsl:value-of select="substring-after($folder,'path:')"/>
					</xsl:when>
					<xsl:when test="starts-with($folder, 'storeID(')">
						<xsl:value-of select="$folder"/>
					</xsl:when>
					<xsl:when test="string($folder) != ''">
						<xsl:text>storeID('</xsl:text>
						<xsl:value-of select="$folder"/>
						<xsl:text>')</xsl:text>
					</xsl:when>
				</xsl:choose>
			</xsl:variable>
			var path = "<xsl:value-of select="xtsext:urlencode(string($cmFolder))"/>";
			url += "&amp;m_path=" + path;
			ui_modal_dialog.open(url,null,null,null,true,_THIS_.div);
		break;

		case "edit":
			ccModalCallBack = function() {
				ui_modal_dialog.close();
				var currentTab = _THIS_get_selected_tab();
				if (currentTab) {
					//Delete and re-create current edited page
					currentTab.loaded=false;
					currentTab.refreshRequired=false;
					_F_getFragmentByID(currentTab.uniqueID()).destroy();

					var tabContainer = $(currentTab.parent.frag.id + "bvContainer");
					var pageDiv = $(currentTab.pageID);
					tabContainer.removeChild(pageDiv);

					currentTab.select();
				}
			}
			var url = _F_Config.gateway + "?b_action=xts.run" +
				"&amp;m=portal/properties_pagelet_layout.xts" +
				"&amp;m_class=pagelet" +
				"&amp;m_obj=" + "storeID('" + pageId + "')" +
				"&amp;backURL=" + sBackURL;
			ui_modal_dialog.open(url,null,null,null,true,_THIS_.div);
		break;
	}
}

function _THIS_page_menu_item_getItemState(menudef, item) {
	var currentTab = _THIS_get_selected_tab();

	if (menudef.items[item].actionname == 'create') {
		return "show";
	} else if (currentTab) {
		var objectClass = currentTab.target.type;
		var permissions = currentTab.target.permissions;

		var isPagelet = (objectClass == 'pagelet');
		var canEditPage = (permissions.indexOf("write") != -1 &amp;&amp; permissions.indexOf("read") != -1 &amp;&amp; permissions.indexOf("traverse") != -1);
		if ((!isPagelet || (isPagelet &amp;&amp; !canEditPage)) &amp;&amp; menudef.items[item].actionname == 'edit') {
			return "hide";
		}

		return "show";
	} else
		return "hide";
}

_THIS_menu_page_manager=new ui_menu({id: "tools", items: [
	{actionname: 'create', title: '<xts:string id="IDS_BV_PAGE_MENU_CREATE_PAGE" encode="javascript"/>', action: function(evt) { _THIS_page_action('create'); }, getItemState: function(menudef, i) {return _THIS_page_menu_item_getItemState(menudef, i); } }
	,{actionname: 'edit', title: '<xts:string id="IDS_BV_PAGE_MENU_EDIT_PAGE" encode="javascript"/>', action: function(evt) { _THIS_page_action('edit'); }, getItemState: function(menudef, i) {return _THIS_page_menu_item_getItemState(menudef, i); } }
	]
});
</script>
						<div class="_THIS_pageMenu">
							<div onclick="if(_THIS_menu_page_manager) ui_menuUpdate(_THIS_menu_page_manager); ui_menuShow(event,_THIS_menu_page_manager);">
								<img class="frag-btn-normal"
									onmouseover="toolbarButtonMouseOver(this)" 
									onmouseout="toolbarButtonMouseOut(this)" src="_THIS?frag-resource=/fragments/common/images/menu.gif/THIS_" style="align:center"/>
							</div>
						</div>
					</td>
				</xsl:if>
				<td id="_THIS_{$tabs-id}tabscell" nowrap="nowrap" valign="bottom">
					<div class="cogstyle-htabs-end" role="tablist">
						<table id="_THIS_{$tabs-id}table" class="cogstyle-htabs{$alt}-table" cellpadding="0" cellspacing="0" role="presentation" >
							<tr role="presentation" >
								<xsl:for-each select="page">
									<xsl:variable name="tab-id" select="@id"/>
									<xsl:variable name="active">
										<xsl:if test="(position() = 1 and not(../page[@selected='true'])) or @selected='true'">-active</xsl:if>
									</xsl:variable>
									<xsl:variable name="ariaSelected" select="$active = '-active'"/>
									
									<td id="_THIS_{$tabs-id}{$tab-id}tab" valign="bottom" nowrap="nowrap"  >
									    <div class="cogstyle-htabs{$alt}{$active}-left-edge" role="presentation">
											<div class="cogstyle-htabs{$alt}{$active}-right-edge" role="presentation" >
												<div class="cogstyle-htabs{ $alt }{ $active }" role="presentation" >
													<xsl:variable name="spacer">_THIS?frag-resource=/ps/images/space.gif/THIS_</xsl:variable>
													<xsl:variable name="icon">
														<xsl:choose>
															<xsl:when test="$showicons = 'true' and starts-with(@icon, 'http://')">
																<xsl:value-of select="@icon"/>
															</xsl:when>
															<xsl:when test="$showicons = 'true' and @icon != ''">
																<xsl:text>_THIS?frag-resource=</xsl:text>
																<xsl:value-of select="@icon"/>
																<xsl:text>/THIS_</xsl:text>
															</xsl:when>
															<xsl:otherwise>
																<xsl:value-of select="$spacer"/>
															</xsl:otherwise>
														</xsl:choose>
													</xsl:variable>
													<img id="_THIS_{ $tabs-id }{ $tab-id }_throbber" src="{ $icon }" border="0" role="presentation" >
														<xsl:if test="parent::page">
															<xsl:attribute name="parent"><xsl:value-of select="concat('_THIS_', ancestor::*[2]/@id, ancestor::*[1]/@id, '_throbber')"/></xsl:attribute>
														</xsl:if>
														<xsl:if test="contains($icon,'/space.gif/')" >
															<xsl:attribute name="alt"></xsl:attribute>
														</xsl:if>
														<xsl:attribute name="class">
															<xsl:text>cogstyle-vtabs-icon</xsl:text>															
															<xsl:if test="@hidden = 'true'"> cogstyle-img-faded</xsl:if>
														</xsl:attribute>
													</img>
													<a href="javascript:noop()" onclick="return false" role="tab" aria-selected="{$ariaSelected}" id="_THIS_{$tabs-id}{$tab-id}tab_anchor">
														<xsl:if test="position() = 1">
														    <xsl:attribute name="aria-controls">_THIS_<xsl:value-of select="$tabs-id"/><xsl:value-of select="$tab-id"/>page</xsl:attribute>
														</xsl:if>
														<xsl:value-of select="@title"/>
													</a>
													<img style="height:16px; width:16px; vertical-align:text-bottom;" alt="" src="{ $spacer }" border="0" role="presentation" />
												</div>
											</div>
										</div>
										<td valign="bottom">
											<div class="cogstyle-htabs-spacer"></div>
										</td>
									</td>
								</xsl:for-each>
								<td class="cogstyle-htabs-tabTail">&#160;</td>
							</tr>
						</table>
					</div>
				</td>
				<td class="cogstyle-htabs-scroll-button-container" nowrap="nowrap" align="right" valign="bottom">
					<table cellpadding="0" cellspacing="1" role="presentation">
						<tr>
							<td valign="bottom" id="_THIS_{$tabs-id}leftbutton" class="cogstyle-htabs-scroll-button-disabled cogstyle-htabs-scroll-button-left-disabled" role="button" tabindex="0" accesskey="1">
								<div class="cogstyle-htabs-scroll-button-imageplaceholder">
									<img id="_THIS_{$tabs-id}leftbuttonimg" class="cogstyle-img-faded">
										<xsl:attribute name="src">
											<xsl:text>_THIS?frag-resource=/skins/</xsl:text>
											<xsl:value-of select="/root/preferences/param[@name='skin']"/>
											<xsl:text>/shared/images/action_scroll_left.gif/THIS_</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="alt"><xts:string id="IDS_PROP_MULTIPAGE_SCROLL_LEFT"/></xsl:attribute>
										<xsl:attribute name="title"><xts:string id="IDS_PROP_MULTIPAGE_SCROLL_LEFT"/></xsl:attribute>
									</img>
								</div>
							</td>
							<td valign="bottom" id="_THIS_{$tabs-id}rightbutton" class="cogstyle-htabs-scroll-button-disabled cogstyle-htabs-scroll-button-right-disabled" role="button" tabindex="0" accesskey="2">
								<div class="cogstyle-htabs-scroll-button-imageplaceholder">
									<img id="_THIS_{$tabs-id}rightbuttonimg" class="cogstyle-img-faded">
										<xsl:attribute name="src">
											<xsl:text>_THIS?frag-resource=/skins/</xsl:text>
											<xsl:value-of select="/root/preferences/param[@name='skin']"/>
											<xsl:text>/shared/images/action_scroll_right.gif/THIS_</xsl:text>
										</xsl:attribute>
										<xsl:attribute name="alt"><xts:string id="IDS_PROP_MULTIPAGE_SCROLL_RIGHT"/></xsl:attribute>
										<xsl:attribute name="title"><xts:string id="IDS_PROP_MULTIPAGE_SCROLL_RIGHT"/></xsl:attribute>
									</img>
								</div>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<xsl:for-each select="page">
			<xsl:variable name="tab-id" select="concat($tabs-id, @id)"/>
			<xsl:if test="page">
				<div id="_THIS_{$tab-id}page">
					<xsl:if test="not((position() = 1 and not(../page[@selected='true'])) or @selected='true')">
						<xsl:attribute name="style">display:none</xsl:attribute>
					</xsl:if>
					<xsl:apply-templates select="self::page" mode="html"/>
				</div>
			</xsl:if>
		</xsl:for-each>
	</xsl:template>

	<xsl:template match="pages|page" mode="script">
		<xsl:text>new ui_htabs({frag: _THIS_, id: "</xsl:text>
		<xsl:value-of select="@id"/>
		<xsl:text>", activeTabID: "</xsl:text>
		<xsl:choose>
			<xsl:when test="page[@selected='true']">
				<xsl:value-of select="page[@selected='true']/@id"/>
			</xsl:when>
			<xsl:otherwise>
				<xsl:value-of select="page[1]/@id"/>
			</xsl:otherwise>
		</xsl:choose>
		<xsl:text>", fixed: </xsl:text>
		<xsl:value-of select="$fixed"/>
		<xsl:text>, tabs: {&#10;</xsl:text>
		<xsl:for-each select="page">
			<xsl:variable name="tab-id" select="@id"/>
			<xsl:value-of select="substring('&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;',1,count(ancestor-or-self::page))"/>
			<xsl:text>"</xsl:text>
			<xsl:value-of select="$tab-id"/>
			<xsl:text>": new ui_htab({id: "</xsl:text>
			<xsl:value-of select="$tab-id"/>
			<xsl:text>", </xsl:text>
			<xsl:choose>
				<xsl:when test="page">
					<xsl:text>subtabs: </xsl:text>
					<xsl:apply-templates select="self::page" mode="script"/>
				</xsl:when>
				<xsl:when test="@href">
					<xsl:text>href: "</xsl:text>
					<xsl:value-of select="@href"/>
					<xsl:text>"</xsl:text>
				</xsl:when>
			</xsl:choose>
			<xsl:if test ="custom/param">
				<xsl:text>, customProperties:{</xsl:text>
				<xsl:for-each select="custom/param">
					<xsl:value-of select="@name"/>
					<xsl:text>:"</xsl:text>
					<xsl:value-of select="encodingUtils:javascriptencode(string(.))"/>
					<xsl:text>"</xsl:text>					
					<xsl:if test="position() &lt; last()">,&#10;</xsl:if>
				</xsl:for-each>
				<xsl:text>}</xsl:text>
			</xsl:if>
			<xsl:if test="@id = $first-page/@id and string($selected-tabs)=''">
				<xsl:text>, loaded: true</xsl:text>
			</xsl:if>
			<xsl:text>, target: { id: "</xsl:text>
			<xsl:value-of select="@id"/>			
			<xsl:text>", type: "</xsl:text>			
			<xsl:value-of select="@type"/>
			<xsl:if test="@target != ''">
				<xsl:text>", targetType: "</xsl:text>			
				<xsl:value-of select="@target"/>			
			</xsl:if>
			<xsl:text>", permissions: "</xsl:text>
			<xsl:value-of select="@permissions"/>
			<xsl:text>"}</xsl:text>
			<xsl:if test="(string(/root/customs/param[@name='reportSavedOutputHeight']) != '')">
				<xsl:text>, height: </xsl:text><xsl:value-of select="/root/customs/param[@name='reportSavedOutputHeight']"/>										
			</xsl:if>			
			<xsl:text>})</xsl:text>
			<xsl:if test="position() &lt; last()">,&#10;</xsl:if>
		</xsl:for-each>
		<xsl:text>} })</xsl:text>
	</xsl:template>

	<xsl:template name="get-custom">
		<xsl:param name="name"/>
		<xsl:choose>
			<xsl:when test="$customs[@name=$name]">
				<xsl:value-of select="$customs[@name=$name]"/>
			</xsl:when>
			<xsl:otherwise>
				<xsl:value-of select="$meta/customProperties[@name=$name]/default/value"/>
			</xsl:otherwise>
		</xsl:choose>
	</xsl:template>
	
	<xsl:template name="render-error">
		<xsl:param name="message" select="''"/>
		<table id="_THIS_default" border="0" cellspacing="0" cellpadding="0" width="100%" role="presentation">
			<tr>
				<td class="portlet-font" align="center" valign="middle" height="100">
					<xsl:value-of select="$message"/>
				</td>
			</tr>
		</table>
	</xsl:template>
</xsl:stylesheet>