.span-9
  %img{:height => "64", :src => "/images/logo.png", :style => "float:left"}/
  %p.body{:style => "padding-top:20px;padding-left:80px"} Hackety Hack
.span-4.prepend-5.last
  - if logged_in?
    %ul
      %li{:style => "display:inline"}
        %a{:href => "/hackers/#{current_user.username.to_slug}"} My Page
      |
      %li{:style => "display:inline"}
        %a{:href => "/logout"} Log out
  - else
    %a{:href => "/login"} Log in
.span-18
  %ul#input_list
    %li{:style => "display:inline"}
      %a#question_button.button{:href => "#"} Ask a question
    %li{:style => "display:inline"}
      %a#link_button.button{:href => "#"} Share a link
    %li{:style => "display:inline"}
      %a#post_button.button{:href => "#"} Tell everyone something
  %form#link_form{:action => "/content", :style => "display:none", :method => "POST"}
    %label{:for => "link"} Share a link
    %a.cancel{:href => "#"} x
    %br/
    %input#link{ :name => "content[body]", :size => "76", :type => "textbox"}/
    %input{ :name => "content[type]", :type => "hidden", :value => "link"}/
    %br/
    %input.button{:type => "submit"}
  %form#post_form{:action => "/content", :style => "display:none", :method => "POST"}
    %label{:for => "post"} Tell everyone something
    %a.cancel{:href => "#"} x
    %br/
    %textarea#post{ :name => "content[body]" }
    %input{ :name => "content[type]", :type => "hidden", :value => "post"}/
    %br/
    %input.button{:type => "submit"}
  %form#question_form{:action => "/content", :style => "display:none", :method => "POST"}
    %label{:for => "question"} Ask a question
    %a.cancel{:href => "#"} x
    %br/
    %textarea#question{:name => "content[body]"}
    %input{ :name => "content[type]", :type => "hidden", :value => "question"}/
    %br/
    %input.button{:type => "submit"}
.span-18
  %h2 Here's what everyone else is up to!
  %ul{:style => "list-style:none"}
    - @content_list.each do |content|
      %li{:style => "height:70px"}
        %img{:height => "64", :src => content.image, :style => "float:left"}/
        %p{:class => "vertical-center-text"}
          %a{:href => "/hackers/#{content.author}"}= content.author
          shared a
          %a{:href => "/content/#{content.id}"}= content.type

- content_for :head do
  :javascript
    $(function() {
      $( ".button").button();

      $("#question_button").click(function() {
        $('form').each(function(idx, elem) {
          if($(elem).is(':visible')) {
            $(elem).hide("blind");
          }
        });
        $("#question_form").show("blind");
      });
      $("#post_button").click(function() {
        $('form').each(function(idx, elem) {
          if($(elem).is(':visible')) {
            $(elem).hide("blind");
          }
        });
        $("#post_form").show("blind");
      });
      $("#link_button").click(function() {
        $('form').each(function(idx, elem) {
          if($(elem).is(':visible')) {
            $(elem).hide("blind");
          }
        });
        $("#link_form").show("blind");
      });

      $("a.cancel").click(function() {
        //$("#input_list").show("blind");
        $('form').each(function(idx, elem) {
          if($(elem).is(':visible')) {
            $(elem).hide("blind");
          }
        });
      });
    });