Restyle header and incorporate ugallery plugin

- resize gallery images to 550x200px
  - remove padding above logo image
  - add 2px right padding to gallery images

app/controllers/pages_controller.rb

@@ -3,5 +3,6 @@ class PagesController < ApplicationController
     render :layout => 'soon'
   end
   def home
+    @stylesheets = %w{reset grids layout ugallery}
   end
 end

app/views/layouts/application.html.haml

@@ -13,7 +13,12 @@
     #container
       #header
         %img.left#badge(src='images/logo.png' alt='Air-one Logo')
-        %img.right#gallery(src='images/sprinter.png' alt='Gallery')
+        #gallery.ugallery
+          %a(href="images/sprinter.1.png")
+          %a(href="images/vans.png")
+          %a(href="images/sprinter.2.png")
+          %a(href="images/office.png")
+          %a(href="images/sprinter.3.png")
       #menu
         %ul#nav
           %li

app/views/pages/home.html.haml

@@ -1,5 +1,18 @@
 - content_for :head do
-  %script(src='javascripts/jquery.color.min.js')
+  %script(src='javascripts/jquery.ugallery-min.js')
+  %script
+    :plain
+      $(document).ready(function() {
+        $("#gallery").ugallery({
+          play_btn : "images/play.png",
+          stop_btn : "images/stop.png",
+          forward_btn : "images/right.gif",
+          backward_btn : "images/left.gif",
+          controls_vpos : 100,
+          fade_duration : 300,
+          autostart : true
+        });
+      });
 
 #main
   :customtextile

public/stylesheets/layout.css

@@ -36,9 +36,6 @@ blockquote p {
 #header img {
   display: block;
 }
-#header > #badge {
-  margin-top: 0.231em;
-}
 #header ul li {
   list-style: none;
 }
@@ -98,6 +95,13 @@ blockquote p {
   display: none;
 }
 
+#gallery {
+  width: 42.308em;
+  height: 15.385em;
+  float: right;
+  padding-right: 0.154em;
+}
+
 .caps {
   font-size: 123%;
   font-variant: small-caps;

public/stylesheets/ugallery.css

@@ -0,0 +1,22 @@
+div.ugallery {
+    position: relative;
+}
+div.ugallery img.aniview {
+    z-index: 1;
+}
+div.ugallery div.collection {
+    display: none;
+}
+div.ugallery div.thumbs div.thumb_panel {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+}
+div.ugallery div.thumbs div.thumb_panel img {
+    position: absolute;
+    cursor: pointer;
+    z-index: 2;
+}