<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xslc="http://xslcomponents.org/TR/WD-xslc">
<xsl:import href="../../xslc.xsl"/>
<xsl:import href="../../Common.xsl"/>
<xsl:template match="/">
<xsl:apply-templates select="document"/>
</xsl:template>
<xsl:template match="document">
<xsl:call-template name="xslc:Page">
<xsl:with-param name="Head">
<script language="javascript">var vMenuWidth = '';

function splitterOnClick() {
  var objButton;
  var objMenu;
  if (!(objButton = document.getElementById('SplitterButton')))
    return false;
  if (!(objMenu = parent.frames['Default']))
    return false;
  if (objButton.status == 'EXPANDED') {
    vMenuWidth = objMenu.cols;
    objButton.src  = XMLC_SkinPath + 'splitter/expand.gif';
    objButton.status = 'REDUCED';
    objMenu.cols = '0,10,*';
  }
  else {
    objButton.src  = XMLC_SkinPath + 'splitter/reduce.gif';
    objButton.status = 'EXPANDED';
    objMenu.cols = vMenuWidth;
  }
}

function splitterOnMouseOver(obj) {
  obj.style.backgroundImage = 'url('+XMLC_SkinPath+'splitter/splitter_bg_over.gif)';
  if (objButton = document.getElementById('SplitterButton')) {
    if (objButton.status == 'EXPANDED')
      objButton.src = XMLC_SkinPath + 'splitter/reduce_over.gif';
    else
      objButton.src = XMLC_SkinPath + 'splitter/expand_over.gif';
  }
}

function splitterOnMouseOut(obj) {
  obj.style.backgroundImage = 'url('+XMLC_SkinPath+'splitter/splitter_bg.gif)';
  if (objButton = document.getElementById('SplitterButton')) {
    if (objButton.status == 'EXPANDED')
      objButton.src = XMLC_SkinPath + 'splitter/reduce.gif';
    else
      objButton.src = XMLC_SkinPath + 'splitter/expand.gif';
  }
}</script>
</xsl:with-param>
<xsl:with-param name="Title">
<xsl:value-of select="/document/Locales/SplitterTitle"/>
</xsl:with-param>
<xsl:with-param name="PageMargin">0</xsl:with-param>
<xsl:with-param name="BodyAttributes">
<Attributes bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0"/>
</xsl:with-param>
<xsl:with-param name="Body">
<table cellpadding="0" cellspacing="0" height="100%" title="{/document/Locales/ExpandReduceCaption}">
<tr>
<td onclick="splitterOnClick();" onmouseover="splitterOnMouseOver(this);" onmouseout="splitterOnMouseOut(this);" style="background-image: url({$XMLC_SkinPath}splitter/splitter_bg.gif); cursor: pointer; height: 100%; width: 10px;" valign="middle" width="10">
<img border="0" id="SplitterButton" status="EXPANDED" src="{$XMLC_SkinPath}splitter/reduce.gif"/>
</td>
</tr>
</table>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
</xsl:stylesheet>
