{contner type="head2"}{/contner}
<script type="text/javascript" src="theme/default/js/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="theme/default/design/highslide.css" />

<script type="text/javascript">
	hs.graphicsDir = 'theme/default/design/highslide/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.outlineType = 'rounded-white';
	hs.wrapperClassName = 'controls-in-heading';
	hs.fadeInOut = true;
	//hs.dimmingOpacity = 0.75;

	// Add the controlbar
	if (hs.addSlideshow) hs.addSlideshow({ldelim}
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: false,
		overlayOptions: {ldelim}
			opacity: 1,
			position: 'top right',
			hideOnMouseOut: false
		{rdelim}
	{rdelim});
</script>
<div style="height:20px;"></div>
<div class="galleris">
	<div class="highslide-gallery">
		{section name=co loop=$galerie}
			<div class="gal">
				<div style="height:7px;"></div>
				<a href="{$galerie[co].image}" class="highslide" onclick="return hs.expand(this)">
						<img src="{$galerie[co].image}" alt="Highslide JS"
							title="Click to enlarge" style="margin-left:7px;width:164px;height:164px;"/></a>

				<div class="highslide-heading">
					{$galerie[co].titre}
				</div>
			</div>
		{/section}
		<div class="clear"></div>
		<div style="height:10px;"></div>
		{section name=co loop=$galerie2}
			<div class="gal">
				<div style="height:7px;"></div>
				<a href="{$galerie2[co].image}" class="highslide" onclick="return hs.expand(this)">
						<img src="{$galerie2[co].image}" alt="Highslide JS"
							title="Click to enlarge" style="margin-left:7px;width:164px;height:164px;"/></a>

				<div class="highslide-heading">
					{$galerie2[co].titre}
				</div>
			</div>
		{/section}
	</div>
</div>
<div class="arbre2">
</div>
<a href="?/galerie/{$prece}" class="precenearch">&nbsp;</a>
<a href="?/galerie/{$suiv}" class="suivnearch">&nbsp;</a>
{contner type="foot"}{/contner}