gistfile1.haml

.nav-mobile.clearfix
  / touching this button shows search bar
  .navbarbutton.searchbtn.left{:onclick => "$('#search-box,#mobile-search').toggle(500);"}
    %img{:src => asset_path("btn-search-mobile.png")}
  %a.navbartitle{:href => "/"}
  #nav-tab-bar
    .tab-bar-left-cap
    .tab-bar-center
      #tab-bar-items
        %a.item{:href => "/"}
          #tab-bar-item-1.tab-bar-item
            %img{:src => asset_path("mobile-tab-bar-icon-my-window.png")}
            .tab-bar-item-label YOUR WINDOW
        %a{:href => "/arrivals"}
          #tab-bar-item-2.tab-bar-item
            %img{:src => asset_path("mobile-tab-bar-icon-new-arrivals.png")}
            .tab-bar-item-label ARRIVALS
        %a.item{:href => "/shops/"}
          #tab-bar-item-3.tab-bar-item
            %img{:src => asset_path("mobile-tab-bar-icon-shops.png")}
            .tab-bar-item-label SHOPS
        %a.item{:href => "#", :onclick => "$('.categories').toggle(1000);$('#tab-bar-item-4,#tab-bar-item-4 div').toggleClass('active')"}
          #tab-bar-item-4.tab-bar-item
            %img{:src => asset_path("mobile-tab-bar-icon-categories.png")}
            .tab-bar-item-label CATEGORIES
        - if user_signed_in?
          %a.item{:href => "users/sign_out", :onclick => "$('#tab-bar-item-5,#tab-bar-item-5 div').toggleClass('active')"}
            #tab-bar-item-5.tab-bar-item
              %img{:src => asset_path("mobile-tab-bar-icon-log-out.png")}
              .tab-bar-item-label LOG OUT
        - else
          %a#login-mobile-link.item{:onclick => "$('#tab-bar-item-5,#tab-bar-item-5 div').toggleClass('active')"}
            #tab-bar-item-5.tab-bar-item
              %img{:src => asset_path("mobile-tab-bar-icon-log-out.png")}
              .tab-bar-item-label LOG IN
    .tab-bar-right-cap