spree_showcase 0.5.0 → 0.5.2

data/app/views/spree/admin/showcase_settings/edit.html.erb

@@ -0,0 +1,19 @@
+<%= render :partial => 'spree/admin/shared/configuration_menu' %>
+<%= render :partial=>'spree/admin/shared/showcase_submenu'%>
+<h1><%= t(:edit_showcase_settings) %></h1>
+
+<%= form_tag admin_showcase_settings_path, :method => :put do %>
+  <fieldset id="preferences" data-hook>
+  <% @preferences.each do |key| 
+      type = SpreeShowcase::Config.preference_type(key) %>
+      <%= label_tag(key, t(key) + ': ') + tag(:br) if type != :boolean %>
+      <%= preference_field_tag(key, SpreeShowcase::Config[key], :type => type) %>
+      <%= label_tag(key, t(key)) + tag(:br) if type == :boolean %>
+  <% end %>
+  </fieldset>
+  <p class="form-buttons" data-hook="buttons">
+    <%= button t(:update) %>
+    <%= t(:or) %> <%= link_to t(:cancel), admin_showcase_settings_url %>
+  </p>
+<% end %>
+	<%= render :partial =>"spree/admin/shared/showcase_settings" %>

data/app/views/spree/admin/showcase_settings/show.html.erb

@@ -0,0 +1,16 @@
+<%= render :partial => 'spree/admin/shared/configuration_menu' %>
+<%= render :partial=>'spree/admin/shared/showcase_submenu'%>
+<h1><%= t(:showcase_settings) %></h1>
+
+<table data-hook="preferences">
+  <% @preferences.each do |key| %>
+  <tr>
+    <th scope="row"><%= t(key) %>:</th>
+    <td><%= SpreeShowcase::Config[key] %></td>
+  </tr>
+  <% end %> 
+</table>
+
+<p><%= link_to_with_icon 'edit', t(:edit), edit_admin_showcase_settings_path, :id => 'admin_showcase_settings_link' %></p>
+
+	<%= render :partial =>"spree/admin/shared/showcase_settings" %>

data/app/views/spree/admin/slides/_form.html.erb

@@ -0,0 +1,28 @@
+<%= f.field_container :name do %>
+  <%= f.label :name, t(:name) %><br />
+  <%= f.text_field :name %>
+<% end %>
+<%= f.field_container :body do %>
+  <%= f.label :body, t(:body) %><br />
+  <%= f.text_area :body, {:cols => 60, :rows => 4, :class => 'fullwidth', :id=>:page_body} %>
+<% end %>
+
+<%= f.field_container :target_url do %>
+  <%= f.label :target_url, t(:target_url) %><br />
+  <%= f.text_field :target_url %>
+<% end %>
+
+<%= f.field_container :image do %>
+  <%= f.label :image, t(:image) %><br />
+  <%= f.file_field :image %>
+<% end %>
+
+<%= f.field_container :thumbnail_message do %>
+	<%= f.label "Thumb Message" %>
+	<%= f.text_field :thumbnail_message %>
+<% end %>
+<%= f.field_container :published do %>
+  <%= f.label :is_published, t(:published) %><br />
+  <%= f.check_box :published %>
+<% end %>
+

data/app/views/spree/admin/slides/edit.html.erb

@@ -0,0 +1,10 @@
+<%= render :partial => 'spree/admin/shared/configuration_menu' %>
+<%= render :partial=>'spree/admin/shared/showcase_submenu'%>
+<h1>Editing Slide</h1>
+
+<%= render 'spree/shared/error_messages', :target => @slide %>
+
+<%= form_for [:admin, @slide], :html => { :multipart => true } do |f| %>
+  <%= render :partial => 'form', :locals => { :f => f } %>
+  <%= render :partial => 'spree/admin/shared/edit_resource_links' %>
+<% end %>

data/app/views/spree/admin/slides/index.html.erb

@@ -0,0 +1,34 @@
+<%= render :partial => 'spree/admin/shared/configuration_menu' %>
+<%= render :partial=>'spree/admin/shared/showcase_submenu'%>
+<div class="toolbar" data-hook="toolbar">
+  <ul class="actions">
+    <li>
+      <p><%= button_link_to 'New Slide', new_object_url, :icon => 'add', :id => 'admin_new_slide_link' %></p>
+    </li>
+  </ul>
+  <br class="clear" />
+</div>
+
+<h1>Showcase </h1>
+
+<table class="index sortable" id="listing_slides" data-hook data-sortable-link="<%= update_positions_admin_slides_url %>">
+  <thead>
+    <tr data-hook="admin_slides_index_headers">
+      <th>Name</th>
+      <th data-hook="admin_slides_index_header_actions"></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @slides.each do |slide|%>
+      <tr id="<%= spree_dom_id slide %>" data-hook="admin_slides_index_rows">
+        <td width="350px" ><span class="handle" style="margin-right:5px"> </span> <%=link_to slide.name, object_url(slide) %></td>
+        <td data-hook="admin_slides_index_row_actions">
+          <%= link_to_edit slide, :class => 'edit' %> &nbsp;
+          <%= link_to_delete slide %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<p>Showcase is done by Damon Aw - @daemonsy</p>

data/app/views/spree/admin/slides/new.html.erb

@@ -0,0 +1,9 @@
+<%= render :partial => 'spree/admin/shared/configuration_menu' %>
+<%= render :partial=>'spree/admin/shared/showcase_submenu'%>
+<h1>New Showcase Slide</h1>
+<%= render 'spree/shared/error_messages', :target => @slide %>
+
+<%= form_for [:admin, @slide] , :html => { :multipart => true } do |f| %>
+  <%= render :partial => 'form', :locals => { :f => f } %>
+  <p class="form-buttons" data-hook="buttons"><%= button t(:create) %></p>
+<% end %>

data/app/views/spree/admin/slides/show.html.erb

@@ -0,0 +1,41 @@
+<%= render :partial => 'spree/admin/shared/configuration_menu' %>
+<%= render :partial=>'spree/admin/shared/showcase_submenu'%>
+<h1><%= t(:slide) %></h1>
+
+<table>
+  <tr data-hook="name">
+    <th><%= t(:name) %></th>
+    <td>
+      <%= @slide.name %>
+    </td>
+  </tr>
+  <tr data-hook="body">
+    <th><%= t(:body) %></th>
+    <td>
+      <%= @slide.body %>
+    </td>
+  </tr>
+  <tr data-hook="link_url">
+    <th><%= t(:target_url) %></th>
+    <td>
+      <%= @slide.target_url %>
+    </td>
+  </tr>
+  <tr data-hook="published">
+    <th><%= t(:published) %></th>
+    <td>
+      <%= @slide.published %>
+    </td>
+  </tr>
+  <tr data-hook="image_file_name">
+    <th><%= t(:image_file_name) %></th>
+    <td>
+      <%= @slide.image_file_name %>
+    </td>
+  </tr>
+</table>
+
+<p>
+  <%= link_to_edit @slide, :class => 'edit_slide' %> <%= t(:or) %>
+  <%= link_to t(:back), collection_url %>
+</p>

data/app/views/spree/slides/_content_insert.html.erb

@@ -0,0 +1,5 @@
+<% if SpreeShowcase::Config.enabled %>
+	<% content_for :spree_showcase do %>
+		  <%= render :partial => 'spree/slides/showcase' %>
+	<% end %>
+<% end %>

data/app/views/spree/slides/_showcase.html.erb

@@ -0,0 +1,28 @@
+<div class="flex-container">
+	<div class="row">
+		<div class="flexslider alpha omega sixteen columns">
+		  <ul class="slides">
+				<% Spree::Slide.published.no_slides(SpreeShowcase::Config.number_of_slides_to_show).each do |slide| %>
+					<li>
+						<%= link_to(slide.target_url.present? ? slide.target_url : "#") do %>
+							<%= slide.image.present? ? image_tag(slide.image) : image_tag("http://www.placehold.it/#{SpreeShowcase::Config.preferences[:showcase_style].match(/\d{2,}x\d{2,}/)}&text=Spree%20Showcase%20by%20@daemonsy") %>
+						<% end %>
+					</li>
+				<% end %>
+		  </ul>
+		</div>
+	</div>
+	<div class="row">
+		<div class="sixteen columns alpha omega">
+			<ul class="custom-controls">
+				<% Spree::Slide.published.no_slides(SpreeShowcase::Config.number_of_slides_to_show).each do |slide| %>
+					<li>
+						<%= link_to "#" do %>
+							<%=slide.image.present? ? image_tag(slide.image.url(:thumb),:class=>"alpha four columns") : image_tag("http://www.placehold.it/#{SpreeShowcase::Config.preferences[:thumbnail_style].match(/\d{2,}x\d{2,}/)}",:class=>"alpha four columns") %>
+						<% end %>
+					</li>
+				<% end %>
+			</ul>
+		</div>
+	</div>
+</div>

data/config/locales/en.yml

@@ -0,0 +1,5 @@
+# Sample localization file for English. Add more files in this directory for other locales.
+# See https://github.com/svenfuchs/rails-i18n/tree/master/rails%2Flocale for starting points.
+
+en:
+  hello: "Hello world"

data/config/routes.rb

@@ -0,0 +1,14 @@
+Spree::Core::Engine.routes.draw do
+  # Add your extension routes here
+  namespace :admin do
+    resources :slides do
+      collection do
+        post :update_positions
+      end
+    end
+  end
+  namespace :admin do
+    resource :showcase_settings
+  end
+end
+

data/db/migrate/20120506161852_create_slides.rb

@@ -0,0 +1,17 @@
+class CreateSlides < ActiveRecord::Migration
+  def change
+    create_table :spree_slides do |t|
+      t.string    :name
+      t.text      :body
+      t.string    :thumbnail_message
+      t.string    :target_url
+      t.boolean   :published
+      t.string    :image_file_name
+      t.string    :image_content_type
+      t.integer   :image_file_size
+      t.datetime :image_updated_at
+      
+      t.timestamps
+    end
+  end
+end

data/db/migrate/20120507074922_add_position_to_slide.rb

@@ -0,0 +1,9 @@
+class AddPositionToSlide < ActiveRecord::Migration
+  def self.up
+    add_column :spree_slides, :position, :integer
+  end
+
+  def self.down
+    remove_column :spree_slides, :position
+  end
+end

data/lib/generators/spree_showcase/install/assets/javascripts/store/jquery.flexslider.js

@@ -0,0 +1,563 @@
+/*
+ * jQuery FlexSlider v1.8
+ * http://www.woothemes.com/flexslider/
+ *
+ * Copyright 2012 WooThemes
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * Contributing Author: Tyler Smith
+ */
+
+;(function ($) {
+  
+  //FlexSlider: Object Instance
+  $.flexslider = function(el, options) {
+    var slider = $(el);
+    
+    // slider DOM reference for use outside of the plugin
+    $.data(el, "flexslider", slider);
+
+    slider.init = function() {
+      slider.vars = $.extend({}, $.flexslider.defaults, options);
+      $.data(el, 'flexsliderInit', true);
+	    slider.container = $('.slides', slider).first();
+	    slider.slides = $('.slides:first > li', slider);
+      slider.count = slider.slides.length;
+      slider.animating = false;
+      slider.currentSlide = slider.vars.slideToStart;
+      slider.animatingTo = slider.currentSlide;
+      slider.atEnd = (slider.currentSlide == 0) ? true : false;
+      slider.eventType = ('ontouchstart' in document.documentElement) ? 'touchstart' : 'click';
+      slider.cloneCount = 0;
+      slider.cloneOffset = 0;
+      slider.manualPause = false;
+      slider.vertical = (slider.vars.slideDirection == "vertical");
+      slider.prop = (slider.vertical) ? "top" : "marginLeft";
+      slider.args = {};
+      
+      //Test for webbkit CSS3 Animations
+      slider.transitions = "webkitTransition" in document.body.style;
+      if (slider.transitions) slider.prop = "-webkit-transform";
+      
+      //Test for controlsContainer
+      if (slider.vars.controlsContainer != "") {
+        slider.controlsContainer = $(slider.vars.controlsContainer).eq($('.slides').index(slider.container));
+        slider.containerExists = slider.controlsContainer.length > 0;
+      }
+      //Test for manualControls
+      if (slider.vars.manualControls != "") {
+        slider.manualControls = $(slider.vars.manualControls, ((slider.containerExists) ? slider.controlsContainer : slider));
+        slider.manualExists = slider.manualControls.length > 0;
+      }
+      
+      ///////////////////////////////////////////////////////////////////
+      // FlexSlider: Randomize Slides
+      if (slider.vars.randomize) {
+        slider.slides.sort(function() { return (Math.round(Math.random())-0.5); });
+        slider.container.empty().append(slider.slides);
+      }
+      ///////////////////////////////////////////////////////////////////
+      
+      ///////////////////////////////////////////////////////////////////
+      // FlexSlider: Slider Animation Initialize
+      if (slider.vars.animation.toLowerCase() == "slide") {
+        if (slider.transitions) {
+          slider.setTransition(0);
+        }
+        slider.css({"overflow": "hidden"});
+        if (slider.vars.animationLoop) {
+          slider.cloneCount = 2;
+          slider.cloneOffset = 1;
+          slider.container.append(slider.slides.filter(':first').clone().addClass('clone')).prepend(slider.slides.filter(':last').clone().addClass('clone'));
+        }
+        //create newSlides to capture possible clones
+		slider.newSlides = $('.slides:first > li', slider);
+        var sliderOffset = (-1 * (slider.currentSlide + slider.cloneOffset));
+        if (slider.vertical) {
+          slider.newSlides.css({"display": "block", "width": "100%", "float": "left"});
+          slider.container.height((slider.count + slider.cloneCount) * 200 + "%").css("position", "absolute").width("100%");
+          //Timeout function to give browser enough time to get proper height initially
+          setTimeout(function() {
+            slider.css({"position": "relative"}).height(slider.slides.filter(':first').height());
+            slider.args[slider.prop] = (slider.transitions) ? "translate3d(0," + sliderOffset * slider.height() + "px,0)" : sliderOffset * slider.height() + "px";
+            slider.container.css(slider.args);
+          }, 100);
+
+        } else {
+          slider.args[slider.prop] = (slider.transitions) ? "translate3d(" + sliderOffset * slider.width() + "px,0,0)" : sliderOffset * slider.width() + "px";
+          slider.container.width((slider.count + slider.cloneCount) * 200 + "%").css(slider.args);
+          //Timeout function to give browser enough time to get proper width initially
+          setTimeout(function() {
+            slider.newSlides.width(slider.width()).css({"float": "left", "display": "block"});
+          }, 100);
+        }
+        
+      } else { //Default to fade
+        //Not supporting fade CSS3 transitions right now
+        slider.transitions = false;
+        slider.slides.css({"width": "100%", "float": "left", "marginRight": "-100%"}).eq(slider.currentSlide).fadeIn(slider.vars.animationDuration); 
+      }
+      ///////////////////////////////////////////////////////////////////
+      
+      ///////////////////////////////////////////////////////////////////
+      // FlexSlider: Control Nav
+      if (slider.vars.controlNav) {
+        if (slider.manualExists) {
+          slider.controlNav = slider.manualControls;
+        } else {
+          var controlNavScaffold = $('<ol class="flex-control-nav"></ol>');
+          var j = 1;
+          for (var i = 0; i < slider.count; i++) {
+            controlNavScaffold.append('<li><a>' + j + '</a></li>');
+            j++;
+          }
+
+          if (slider.containerExists) {
+            $(slider.controlsContainer).append(controlNavScaffold);
+            slider.controlNav = $('.flex-control-nav li a', slider.controlsContainer);
+          } else {
+            slider.append(controlNavScaffold);
+            slider.controlNav = $('.flex-control-nav li a', slider);
+          }
+        }
+
+        slider.controlNav.eq(slider.currentSlide).addClass('active');
+
+        slider.controlNav.bind(slider.eventType, function(event) {
+          event.preventDefault();
+          if (!$(this).hasClass('active')) {
+            (slider.controlNav.index($(this)) > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev";
+            slider.flexAnimate(slider.controlNav.index($(this)), slider.vars.pauseOnAction);
+          }
+        });
+      }
+      ///////////////////////////////////////////////////////////////////
+      
+      //////////////////////////////////////////////////////////////////
+      //FlexSlider: Direction Nav
+      if (slider.vars.directionNav) {
+        var directionNavScaffold = $('<ul class="flex-direction-nav"><li><a class="prev" href="#">' + slider.vars.prevText + '</a></li><li><a class="next" href="#">' + slider.vars.nextText + '</a></li></ul>');
+        
+        if (slider.containerExists) {
+          $(slider.controlsContainer).append(directionNavScaffold);
+          slider.directionNav = $('.flex-direction-nav li a', slider.controlsContainer);
+        } else {
+          slider.append(directionNavScaffold);
+          slider.directionNav = $('.flex-direction-nav li a', slider);
+        }
+        
+        //Set initial disable styles if necessary
+        if (!slider.vars.animationLoop) {
+          if (slider.currentSlide == 0) {
+            slider.directionNav.filter('.prev').addClass('disabled');
+          } else if (slider.currentSlide == slider.count - 1) {
+            slider.directionNav.filter('.next').addClass('disabled');
+          }
+        }
+        
+        slider.directionNav.bind(slider.eventType, function(event) {
+          event.preventDefault();
+          var target = ($(this).hasClass('next')) ? slider.getTarget('next') : slider.getTarget('prev');
+          
+          if (slider.canAdvance(target)) {
+            slider.flexAnimate(target, slider.vars.pauseOnAction);
+          }
+        });
+      }
+      //////////////////////////////////////////////////////////////////
+      
+      //////////////////////////////////////////////////////////////////
+      //FlexSlider: Keyboard Nav
+      if (slider.vars.keyboardNav && $('ul.slides').length == 1) {
+        function keyboardMove(event) {
+          if (slider.animating) {
+            return;
+          } else if (event.keyCode != 39 && event.keyCode != 37){
+            return;
+          } else {
+            if (event.keyCode == 39) {
+              var target = slider.getTarget('next');
+            } else if (event.keyCode == 37){
+              var target = slider.getTarget('prev');
+            }
+        
+            if (slider.canAdvance(target)) {
+              slider.flexAnimate(target, slider.vars.pauseOnAction);
+            }
+          }
+        }
+        $(document).bind('keyup', keyboardMove);
+      }
+      //////////////////////////////////////////////////////////////////
+      
+      ///////////////////////////////////////////////////////////////////
+      // FlexSlider: Mousewheel interaction
+      if (slider.vars.mousewheel) {
+        slider.mousewheelEvent = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel";
+        slider.bind(slider.mousewheelEvent, function(e) {
+          e.preventDefault();
+          e = e ? e : window.event;
+          var wheelData = e.detail ? e.detail * -1 : e.originalEvent.wheelDelta / 40,
+              target = (wheelData < 0) ? slider.getTarget('next') : slider.getTarget('prev');
+          
+          if (slider.canAdvance(target)) {
+            slider.flexAnimate(target, slider.vars.pauseOnAction);
+          }
+        });
+      }
+      ///////////////////////////////////////////////////////////////////
+      
+      //////////////////////////////////////////////////////////////////
+      //FlexSlider: Slideshow Setup
+      if (slider.vars.slideshow) {
+        //pauseOnHover
+        if (slider.vars.pauseOnHover && slider.vars.slideshow) {
+          slider.hover(function() {
+            slider.pause();
+          }, function() {
+            if (!slider.manualPause) {
+              slider.resume();
+            }
+          });
+        }
+
+        //Initialize animation
+        slider.animatedSlides = setInterval(slider.animateSlides, slider.vars.slideshowSpeed);
+      }
+      //////////////////////////////////////////////////////////////////
+      
+      //////////////////////////////////////////////////////////////////
+      //FlexSlider: Pause/Play
+      if (slider.vars.pausePlay) {
+        var pausePlayScaffold = $('<div class="flex-pauseplay"><span></span></div>');
+      
+        if (slider.containerExists) {
+          slider.controlsContainer.append(pausePlayScaffold);
+          slider.pausePlay = $('.flex-pauseplay span', slider.controlsContainer);
+        } else {
+          slider.append(pausePlayScaffold);
+          slider.pausePlay = $('.flex-pauseplay span', slider);
+        }
+        
+        var pausePlayState = (slider.vars.slideshow) ? 'pause' : 'play';
+        slider.pausePlay.addClass(pausePlayState).text((pausePlayState == 'pause') ? slider.vars.pauseText : slider.vars.playText);
+        
+        slider.pausePlay.bind(slider.eventType, function(event) {
+          event.preventDefault();
+          if ($(this).hasClass('pause')) {
+            slider.pause();
+            slider.manualPause = true;
+          } else {
+            slider.resume();
+            slider.manualPause = false;
+          }
+        });
+      }
+      //////////////////////////////////////////////////////////////////
+      
+      //////////////////////////////////////////////////////////////////
+      //FlexSlider:Touch Swip Gestures
+      //Some brilliant concepts adapted from the following sources
+      //Source: TouchSwipe - http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
+      //Source: SwipeJS - http://swipejs.com
+      if ('ontouchstart' in document.documentElement) {
+        //For brevity, variables are named for x-axis scrolling
+        //The variables are then swapped if vertical sliding is applied
+        //This reduces redundant code...I think :)
+        //If debugging, recognize variables are named for horizontal scrolling
+        var startX,
+          startY,
+          offset,
+          cwidth,
+          dx,
+          startT,
+          scrolling = false;
+              
+        slider.each(function() {
+          if ('ontouchstart' in document.documentElement) {
+            this.addEventListener('touchstart', onTouchStart, false);
+          }
+        });
+        
+        function onTouchStart(e) {
+          if (slider.animating) {
+            e.preventDefault();
+          } else if (e.touches.length == 1) {
+            slider.pause();
+            cwidth = (slider.vertical) ? slider.height() : slider.width();
+            startT = Number(new Date());
+            offset = (slider.vertical) ? (slider.currentSlide + slider.cloneOffset) * slider.height() : (slider.currentSlide + slider.cloneOffset) * slider.width();
+            startX = (slider.vertical) ? e.touches[0].pageY : e.touches[0].pageX;
+            startY = (slider.vertical) ? e.touches[0].pageX : e.touches[0].pageY;
+            slider.setTransition(0);
+
+            this.addEventListener('touchmove', onTouchMove, false);
+            this.addEventListener('touchend', onTouchEnd, false);
+          }
+        }
+
+        function onTouchMove(e) {
+          dx = (slider.vertical) ? startX - e.touches[0].pageY : startX - e.touches[0].pageX;
+          scrolling = (slider.vertical) ? (Math.abs(dx) < Math.abs(e.touches[0].pageX - startY)) : (Math.abs(dx) < Math.abs(e.touches[0].pageY - startY));
+
+          if (!scrolling) {
+            e.preventDefault();
+            if (slider.vars.animation == "slide" && slider.transitions) {
+              if (!slider.vars.animationLoop) {
+                dx = dx/((slider.currentSlide == 0 && dx < 0 || slider.currentSlide == slider.count - 1 && dx > 0) ? (Math.abs(dx)/cwidth+2) : 1);
+              }
+              slider.args[slider.prop] = (slider.vertical) ? "translate3d(0," + (-offset - dx) + "px,0)": "translate3d(" + (-offset - dx) + "px,0,0)";
+              slider.container.css(slider.args);
+            }
+          }
+        }
+        
+        function onTouchEnd(e) {
+          slider.animating = false;
+          if (slider.animatingTo == slider.currentSlide && !scrolling && !(dx == null)) {
+            var target = (dx > 0) ? slider.getTarget('next') : slider.getTarget('prev');
+            if (slider.canAdvance(target) && Number(new Date()) - startT < 550 && Math.abs(dx) > 20 || Math.abs(dx) > cwidth/2) {
+              slider.flexAnimate(target, slider.vars.pauseOnAction);
+            } else {
+              slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction);
+            }
+          }
+          
+          //Finish the touch by undoing the touch session
+          this.removeEventListener('touchmove', onTouchMove, false);
+          this.removeEventListener('touchend', onTouchEnd, false);
+          startX = null;
+          startY = null;
+          dx = null;
+          offset = null;
+        }
+      }
+      //////////////////////////////////////////////////////////////////
+      
+      //////////////////////////////////////////////////////////////////
+      //FlexSlider: Resize Functions (If necessary)
+      if (slider.vars.animation.toLowerCase() == "slide") {
+        $(window).resize(function(){
+          if (!slider.animating && slider.is(":visible")) {
+            if (slider.vertical) {
+              slider.height(slider.slides.filter(':first').height());
+              slider.args[slider.prop] = (-1 * (slider.currentSlide + slider.cloneOffset))* slider.slides.filter(':first').height() + "px";
+              if (slider.transitions) {
+                slider.setTransition(0);
+                slider.args[slider.prop] = (slider.vertical) ? "translate3d(0," + slider.args[slider.prop] + ",0)" : "translate3d(" + slider.args[slider.prop] + ",0,0)";
+              }
+              slider.container.css(slider.args);
+            } else {
+              slider.newSlides.width(slider.width());
+              slider.args[slider.prop] = (-1 * (slider.currentSlide + slider.cloneOffset))* slider.width() + "px";
+              if (slider.transitions) {
+                slider.setTransition(0);
+                slider.args[slider.prop] = (slider.vertical) ? "translate3d(0," + slider.args[slider.prop] + ",0)" : "translate3d(" + slider.args[slider.prop] + ",0,0)";
+              }
+              slider.container.css(slider.args);
+            }
+          }
+        });
+      }
+      //////////////////////////////////////////////////////////////////
+      
+      //FlexSlider: start() Callback
+      slider.vars.start(slider);
+    }
+    
+    //FlexSlider: Animation Actions
+    slider.flexAnimate = function(target, pause) {
+      if (!slider.animating && slider.is(":visible")) {
+        //Animating flag
+        slider.animating = true;
+        
+        //FlexSlider: before() animation Callback
+        slider.animatingTo = target;
+        slider.vars.before(slider);
+        
+        //Optional paramter to pause slider when making an anmiation call
+        if (pause) {
+          slider.pause();
+        }
+        
+        //Update controlNav   
+        if (slider.vars.controlNav) {
+          slider.controlNav.removeClass('active').eq(target).addClass('active');
+        }
+        
+        //Is the slider at either end
+        slider.atEnd = (target == 0 || target == slider.count - 1) ? true : false;
+        if (!slider.vars.animationLoop && slider.vars.directionNav) {
+          if (target == 0) {
+            slider.directionNav.removeClass('disabled').filter('.prev').addClass('disabled');
+          } else if (target == slider.count - 1) {
+            slider.directionNav.removeClass('disabled').filter('.next').addClass('disabled');
+          } else {
+            slider.directionNav.removeClass('disabled');
+          }
+        }
+        
+        if (!slider.vars.animationLoop && target == slider.count - 1) {
+          slider.pause();
+          //FlexSlider: end() of cycle Callback
+          slider.vars.end(slider);
+        }
+        
+        if (slider.vars.animation.toLowerCase() == "slide") {
+          var dimension = (slider.vertical) ? slider.slides.filter(':first').height() : slider.slides.filter(':first').width();
+          
+          if (slider.currentSlide == 0 && target == slider.count - 1 && slider.vars.animationLoop && slider.direction != "next") {
+            slider.slideString = "0px";
+          } else if (slider.currentSlide == slider.count - 1 && target == 0 && slider.vars.animationLoop && slider.direction != "prev") {
+            slider.slideString = (-1 * (slider.count + 1)) * dimension + "px";
+          } else {
+            slider.slideString = (-1 * (target + slider.cloneOffset)) * dimension + "px";
+          }
+          slider.args[slider.prop] = slider.slideString;
+
+          if (slider.transitions) {
+              slider.setTransition(slider.vars.animationDuration); 
+              slider.args[slider.prop] = (slider.vertical) ? "translate3d(0," + slider.slideString + ",0)" : "translate3d(" + slider.slideString + ",0,0)";
+              slider.container.css(slider.args).one("webkitTransitionEnd transitionend", function(){
+                slider.wrapup(dimension);
+              });   
+          } else {
+            slider.container.animate(slider.args, slider.vars.animationDuration, function(){
+              slider.wrapup(dimension);
+            });
+          }
+        } else { //Default to Fade
+          slider.slides.eq(slider.currentSlide).fadeOut(slider.vars.animationDuration);
+          slider.slides.eq(target).fadeIn(slider.vars.animationDuration, function() {
+            slider.wrapup();
+          });
+        }
+      }
+    }
+    
+    //FlexSlider: Function to minify redundant animation actions
+    slider.wrapup = function(dimension) {
+      if (slider.vars.animation == "slide") {
+        //Jump the slider if necessary
+        if (slider.currentSlide == 0 && slider.animatingTo == slider.count - 1 && slider.vars.animationLoop) {
+          slider.args[slider.prop] = (-1 * slider.count) * dimension + "px";
+          if (slider.transitions) {
+            slider.setTransition(0);
+            slider.args[slider.prop] = (slider.vertical) ? "translate3d(0," + slider.args[slider.prop] + ",0)" : "translate3d(" + slider.args[slider.prop] + ",0,0)";
+          }
+          slider.container.css(slider.args);
+        } else if (slider.currentSlide == slider.count - 1 && slider.animatingTo == 0 && slider.vars.animationLoop) {
+          slider.args[slider.prop] = -1 * dimension + "px";
+          if (slider.transitions) {
+            slider.setTransition(0);
+            slider.args[slider.prop] = (slider.vertical) ? "translate3d(0," + slider.args[slider.prop] + ",0)" : "translate3d(" + slider.args[slider.prop] + ",0,0)";
+          }
+          slider.container.css(slider.args);
+        }
+      }
+      slider.animating = false;
+      slider.currentSlide = slider.animatingTo;
+      //FlexSlider: after() animation Callback
+      slider.vars.after(slider);
+    }
+    
+    //FlexSlider: Automatic Slideshow
+    slider.animateSlides = function() {
+      if (!slider.animating) {
+        slider.flexAnimate(slider.getTarget("next"));
+      }
+    }
+    
+    //FlexSlider: Automatic Slideshow Pause
+    slider.pause = function() {
+      clearInterval(slider.animatedSlides);
+      if (slider.vars.pausePlay) {
+        slider.pausePlay.removeClass('pause').addClass('play').text(slider.vars.playText);
+      }
+    }
+    
+    //FlexSlider: Automatic Slideshow Start/Resume
+    slider.resume = function() {
+      slider.animatedSlides = setInterval(slider.animateSlides, slider.vars.slideshowSpeed);
+      if (slider.vars.pausePlay) {
+        slider.pausePlay.removeClass('play').addClass('pause').text(slider.vars.pauseText);
+      }
+    }
+    
+    //FlexSlider: Helper function for non-looping sliders
+    slider.canAdvance = function(target) {
+      if (!slider.vars.animationLoop && slider.atEnd) {
+        if (slider.currentSlide == 0 && target == slider.count - 1 && slider.direction != "next") {
+          return false;
+        } else if (slider.currentSlide == slider.count - 1 && target == 0 && slider.direction == "next") {
+          return false;
+        } else {
+          return true;
+        }
+      } else {
+        return true;
+      }  
+    }
+    
+    //FlexSlider: Helper function to determine animation target
+    slider.getTarget = function(dir) {
+      slider.direction = dir;
+      if (dir == "next") {
+        return (slider.currentSlide == slider.count - 1) ? 0 : slider.currentSlide + 1;
+      } else {
+        return (slider.currentSlide == 0) ? slider.count - 1 : slider.currentSlide - 1;
+      }
+    }
+    
+    //FlexSlider: Helper function to set CSS3 transitions
+    slider.setTransition = function(dur) {
+      slider.container.css({'-webkit-transition-duration': (dur/1000) + "s"});
+    }
+
+    //FlexSlider: Initialize
+    slider.init();
+  }
+  
+  //FlexSlider: Default Settings
+  $.flexslider.defaults = {
+    animation: "fade",              //String: Select your animation type, "fade" or "slide"
+    slideDirection: "horizontal",   //String: Select the sliding direction, "horizontal" or "vertical"
+    slideshow: true,                //Boolean: Animate slider automatically
+    slideshowSpeed: 7000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
+    animationDuration: 600,         //Integer: Set the speed of animations, in milliseconds
+    directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
+    controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
+    keyboardNav: true,              //Boolean: Allow slider navigating via keyboard left/right keys
+    mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
+    prevText: "Previous",           //String: Set the text for the "previous" directionNav item
+    nextText: "Next",               //String: Set the text for the "next" directionNav item
+    pausePlay: false,               //Boolean: Create pause/play dynamic element
+    pauseText: 'Pause',             //String: Set the text for the "pause" pausePlay item
+    playText: 'Play',               //String: Set the text for the "play" pausePlay item
+    randomize: false,               //Boolean: Randomize slide order
+    slideToStart: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
+    animationLoop: true,            //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
+    pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
+    pauseOnHover: false,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
+    controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken.
+    manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
+    start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
+    before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
+    after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
+    end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
+  }
+  
+  //FlexSlider: Plugin Function
+  $.fn.flexslider = function(options) {
+    return this.each(function() {
+      if ($(this).find('.slides > li').length == 1) {
+        $(this).find('.slides > li').fadeIn(400);
+      }
+      else if ($(this).data('flexsliderInit') != true) {
+        new $.flexslider(this, options);
+      }
+    });
+  }  
+
+})(jQuery);