{html_head}

{literal}
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
	#canvas {
		position:absolute;
		width: 100%;
		height: {/literal}{$block.HEIGHT}{literal}px;
		background: {/literal}{$block.BGCOLOR}{literal};
		overflow: hidden;
	}
	#canvas img {
		position: absolute;
		background: #000;
		overflow: hidden;
		cursor: pointer;
		left: 100%;
		border-color: #000;
		border-style: solid;
		border-width: 1px;
		-ms-interpolation-mode:nearest-neighbor;
	}
	#canvas span {
		position: absolute;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0px;
		white-space: nowrap;
		left: -1000px;
		background: {/literal}{$block.BGCOLOR}{literal};
		filter: alpha(opacity=90);
		opacity: 0.9;
	}
</style>

{/literal}
{$OTHERS_SCRIPT}
{/html_head}

<div class ="prometeus_block" style='height:{$block.HEIGHT}px;'>
<div id="canvas" >

 {foreach from=$ImageNode item=ImageNode}
	<img src="{$ImageNode.url}"><span>{$ImageNode.name}</span>
{/foreach}

</div>

{literal}
<!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->
<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#ccc"></span></span></span>
<script type="text/javascript">m00=document.getElementById("canvas").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
<!-- end of images_loading_bar code -->
</div>

{/literal}