{link path=$skin_styles href="fotorama.css" id="css-mobile"}
<script type="text/javascript" defer="defer" src="{$skin_javascript}fotorama.js"></script>
{literal}
<script>
   $(document).ready(function(e){
    
    
   
   
   var hidden_sold_status=$('#hidden_sold_status').val();		
   var hidden_is_sold=$('#hidden_is_sold').val();	
   var hidden_free_shipping=$('#hidden_free_shipping').val();	
   
   if(hidden_sold_status!='Sold')
   {
   if(hidden_is_sold == 'Yes'){
   $( ".sp-image-container" ).prepend( "<div id='sold'></div>" );
   
   }	
   else if(hidden_free_shipping=='Yes')
   {	
   $( ".sp-image-container" ).prepend( "<div id='free_shipping'></div>" );
   }	
   }
   
   var img_count=$('#hidden_image_count').val();
   
   if(img_count<=2)
   {
   $( '#example3' ).sliderPro( 'loop', 'false' );
   }
   }); 
</script>
{/literal}
<input type="hidden" id="hidden_sold_status" value="{$product.sold_status}">
<input type="hidden" id="hidden_is_sold" value="{$product.is_sold}">
<input type="hidden" id="hidden_free_shipping" value="{$product.free_shipping}">
<input type="hidden" id="hidden_image_count" value="{$product.secondary_images|@count}">

<!-- New slider(fotorama) START, Changed by Foram 2-8-2016 --> 

      {assign var="imageId" value="image-no-image-small"}
      {assign var="bigimageId" value="image-no-image-big"}
      {assign var="imageId2" value="coming-soon"}
      {assign var="bigimageId2" value="coming-soon-big"} 
       
      <center>
         <div class="secondary-images-with-logos">
   		   <div class="fotorama" data-nav="thumbs" data-autoplay="true">
   			  {foreach from=$product.secondary_images item="secondary_image"}		
   			  <img src="{if $secondary_image.thumb_src}{$secondary_image.img_src}{else} {$designImages.$bigimageId.content}{/if}?v={$smarty.now}"  alt="{$secondary_image.alt_text}"  />
   			  {/foreach}	
   		   </div>
         {if $product.is_hotdeal == "Yes"}
            <div id="before_sold">
            </div>
         {/if}
         {if $product.image}
            {if $product.is_comingsoon == "Yes"}
               <div id="coming_soon" {if $product.is_comingsoon == "Yes"} class = "coming_soon_top" {/if}></div>
            {/if}
         {/if}
         </div>
	</center>
<!-- New slider(fotorama) END-->