{if $_vars.content}
<script language="javascript" type="text/javascript" src="scripts/highslide/highslide-full.packed.js"></script>
<script type="text/javascript">    
    hs.graphicsDir = 'scripts/highslide/graphics/';
</script>
<script type="text/javascript">
{literal}
	function scroll_{/literal}{$_module.idlinker}{literal}(sens, id)
	{	
		var heightContainer = parseFloat($(id).style.height);
		var heightContent = parseFloat($(id+'_content').scrollHeight);
		var topContainer = parseFloat($(id+'_content').offsetTop);
	
		if(heightContent>heightContainer)
		{
			var end = topContainer + parseFloat(sens * heightContainer);
			end = (end > 0) ? 0 : end;
			end = (end < heightContainer - heightContent) ? heightContainer - heightContent : end;
			
			var tween = new Fx.Tween($(id+'_content'));
			tween.start('top', $(id+'_content').top, end);
		}
	}
{/literal}
</script>
{if $_config.arrowsDisplay=='up'}
<div class="imagesScroll">
	<a href="javascript:scroll_{$_module.idlinker}(1, 'scroll{$_module.idlinker}')"><img src="{$_module.wwwpath}scrollUp.gif"/></a><br/>
	<a href="javascript:scroll_{$_module.idlinker}(-1, 'scroll{$_module.idlinker}')"><img src="{$_module.wwwpath}scrollDown.gif"/></a>
</div>
{/if}
<table>
	<tr>
		{if $_config.arrowsDisplay=='leftSeparated' || $_config.arrowsDisplay=='leftJoined'}
			<td style="vertical-align: top;">
				<a href="javascript:scroll_{$_module.idlinker}(1, 'scroll{$_module.idlinker}')"><img src="{$_module.wwwpath}scrollUp.gif"/></a>
				{if $_config.arrowsDisplay=='leftJoined'}
				<br/><a href="javascript:scroll_{$_module.idlinker}(-1, 'scroll{$_module.idlinker}')"><img src="{$_module.wwwpath}scrollDown.gif"/></a>
				{/if}
			</td>
		{/if}
			<td style="vertical-align: top;" {if $_config.arrowsDisplay=='leftSeparated' || $_config.arrowsDisplay=='rightSeparated'}rowspan="2"{/if}>
				<div id="scroll{$_module.idlinker}" class="container" style="height: {$_config.containerHeight}px;">
					<div id="scroll{$_module.idlinker}_content" style="top: 0;" class="content">
						{$_vars.content}
					</div>
				</div>
			</td>
		{if $_config.arrowsDisplay=='rightSeparated' || $_config.arrowsDisplay=='rightJoined'}
			<td style="vertical-align: top;">
				<a href="javascript:scroll_{$_module.idlinker}(1, 'scroll{$_module.idlinker}')"><img src="{$_module.wwwpath}scrollUp.gif"/></a>
				{if $_config.arrowsDisplay=='rightJoined'}
				<br/><a href="javascript:scroll_{$_module.idlinker}(-1, 'scroll{$_module.idlinker}')"><img src="{$_module.wwwpath}scrollDown.gif"/></a>
				{/if}
			</td>
		{/if}
	</tr>
	{if $_config.arrowsDisplay=='leftSeparated' || $_config.arrowsDisplay=='rightSeparated'}
	<tr><td style="vertical-align: bottom"><a href="javascript:scroll_{$_module.idlinker}(-1, 'scroll{$_module.idlinker}')"><img src="{$_module.wwwpath}scrollDown.gif"/></td></tr>
	{/if}
</table>
{/if}