{*
* 2007-2014 PrestAddon
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestaddon.com for more information.
*
*  @author    PrestAddon SA <admin@prestaddon.com>
*  @copyright 2007-2014 PrestAddon
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{if ($page_name == 'index')}
<!-- MODULE VTEM Skitter -->
{if isset($images) AND $images}
    <script type="text/javascript">
   		jQuery(document).ready(function(){ldelim}
        jQuery('#vtemskitter{$modpos}').skitter({ldelim}
		      animation: '{$fx|escape:html:"UTF-8"}',
              interval: {$interval|intval}, 
			  mouseOverButton:false,
			  mouseOutButton:false,
			  width_label: '60%',
			  {if $navstyle == "dots"}
			  numbers: false,
			  thumbs: false,
			  dots: true,
			  preview: false,
			  {elseif $navstyle == "thumbs"}
			  numbers: false,
			  thumbs: true,
			  dots: false,
			  preview: false,
			  {elseif $navstyle == "dots-preview"}
			  numbers: false,
			  thumbs: false,
			  dots: true,
			  preview: true,
			  {elseif $navstyle == "numbers"}
			  numbers: true,
			  thumbs: false,
			  dots: false,
			  preview: false,
			  {else}
			  numbers: false,
			  thumbs: false,
			  dots: false,
			  preview: false,
			  {/if}
			  numbers_align:'{$navposition|escape:html:"UTF-8"}',
			  enable_navigation_keys:{$keyboard|escape:html:'UTF-8'},
			  auto_play:{$autoplay|escape:html:'UTF-8'},
			  stop_over:{$pauseonhover|escape:html:'UTF-8'},
			  progressbar:{$progressbar|escape:html:'UTF-8'},
			  navigation: {$nav|escape:html:'UTF-8'},
			  width:'{$width|escape:html}',
			  height:'{$height|escape:html}'
		{rdelim});
        {rdelim});
     </script>  
   <div class="col-md-8 block"><div id="vtemskitter{$modpos|escape:html:'UTF-8'}" class="vtem_main_slideshow box_skitter vtemskiter-{$navstyle|escape:html:'UTF-8'}" style="margin:{$margin|escape:html:'UTF-8'};">
	<dl class="skitter-data">
	{foreach from=$images item=image key=i}
	  <dd>
		{if isset($image.name) AND $image.name}
		    {if isset($image.link) AND $image.link}
                <a href="{$image.link}" {if $i > 0}style="display:none"{/if}>
                  <img src="{$content_dir}modules/vtemskitter/img/{$image.name}" alt="{$image.name|escape:html:'UTF-8'}" >
                </a>
		    {else}
				<img src="{$content_dir}modules/vtemskitter/img/{$image.name}" alt="{$image.name|escape:html:'UTF-8'}" >
			{/if}
			{if (isset($image.title) AND $image.title) OR (isset($image.decs) AND $image.decs)}
				<div class="label_text"><div class="vtemskiter-content"><h4 class="vtem_skitter_title">{$image.title|escape:html:'UTF-8'}</h4><div class="vtem_skitter_decs">{$image.decs|escape:html:'UTF-8'}</div></div></div>
			{/if}
		{/if}
	   </dd>
	{/foreach}
	</dl>
   </div>
   </div>
{/if}
<!-- /MODULE VTEM Skitter -->
{/if}