<% if ad_banner -%>

<div class="modal hide fade in banner-preview" id='slideshow-<%=ad_banner.title.dehumanize%>'>
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3><%= t("modal.preview") %></h3>
  </div>
  <div class="modal-body">
    <p class="ad_banner_slideshow">
			<% preview_block_ad_images_helper(ad_banner).each do |ad_image| -%>
				<%= image_tag ad_image.file,:alt => (ad_image.title[locale] || ' '),:time_to_next => ad_banner.transition_sec,:link_open=> ad_image.link_open, :link_url =>((ad_image.out_link || ad_banner.context || ' ')) %>
			<% end -%>
    </p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal"><%= t("modal.close") %></a>
  </div>
</div>

<% end -%>

<script type='text/javascript' src='/static/kernel.js'></script>
<script type='text/javascript'>
	$(document).ready(function() {
	
	$('#slideshow-<%=ad_banner.title.dehumanize%>').on('show', function () {
  	$('#slideshow-banner_1').find(".ad_banner_slideshow").cycle({delay: -1000, fx: '<%= ad_banner.ad_fx.nil?? 'fade': ad_banner.ad_fx %>', timeoutFn: getTimeout });
	});
	$(".modal").on('hidden', function () {
	  $("#show_preview").remove();
	});
	//$('#slideshow-<%=ad_banner.title.dehumanize%>').show();
	
	});
</script>