realtime preview is working. but save to object when preview

app/views/admin/ad_banners/_ad_banner_tab.html.erb

@@ -13,7 +13,9 @@
 			<%= render :partial => "ad_image_update", :collection => ad_banner_tab.ad_images,:as => :ad_image,:locals=>{:ad_banner => ad_banner_tab}  %>
 		<%#= render :partial => 'new_add_banner_file', :object => ad_banner_tab.ad_images.build, :locals => { :field_name => "new_ad_images[]", :f => f, :classes => "r_destroy" } %>
 			<%= link_to 'Add AdImage',new_admin_ad_banner_ad_image_path(ad_banner_tab) %>
+			<%= link_to "NewPreview", realtime_preview_admin_ad_banner_path(ad_banner_tab) , :class=>'preview_trigger'%>
+			
 	</div>
 	<% end -%>
-	<%= render :partial => 'preview_block',:locals=> {:ad_banner =>ad_banner_tab} %> 
+	<%#= render :partial => 'preview_block',:locals=> {:ad_banner =>ad_banner_tab} %> 
 </div>

app/views/admin/ad_banners/_modal_preview.html.erb

@@ -0,0 +1,35 @@
+<% 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>

app/views/admin/ad_banners/index.html.erb

@@ -1,4 +1,10 @@
-<%= stylesheet_link_tag "admin/ad_banner_preview" %>
+<% content_for :page_specific_css do -%>
+	<%#= stylesheet_link_tag "admin/ad_banner_preview" %>
+<% end -%>
+<% content_for :page_specific_css do -%>
+	<%= javascript_include_tag "inc/modal-preview" %>
+<% end -%>
+
 
 <div id="post-body-content" class="clear">
 	<ul class="nav nav-tabs">

app/views/admin/ad_banners/realtime_preview.js.erb

@@ -0,0 +1,2 @@
+$('#show_preview').html("<%= escape_javascript(render(:partial => 'modal_preview',:locals => {:ad_banner => @ad_banner})) %>");
+var start_modal_with_id = "slideshow-<%=@ad_banner.title.dehumanize%>"