$(document).ready(function () {
      
      var theme_url = "http://www.metrolic.com/wp-content/themes/metrolic";
      var site_url  = "http://www.metrolic.com";

      var upprev_closed = false;
      var upprev_hidden = true;

      function getScrollY() {
            scrOfY = 0;
            if( typeof( window.pageYOffset ) == "number" ) {
                  scrOfY = window.pageYOffset;
            } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
                  scrOfY = document.body.scrollTop;
            } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
                  scrOfY = document.documentElement.scrollTop;
            }
            return scrOfY;
      }

      // Make all external links to open in a new window
      $('a[href^="http://"]').each(function(){
            if(this.hostname !== location.hostname)
            {
                  $(this).attr({
                        target: "_blank",
                        title: this.href + " (external link)"
                  });
            }
      });
      
      // Floating box / upPrev
      $(window).scroll(function() {

            /*
            var box    = $("#floating-share-box-wrapper");
            var maxTop = 160;
            var scroll = $(window).scrollTop();

            if(scroll + 40 > maxTop && box.css("position")!== "fixed")
            {
                  box.css("position", "fixed");
                  box.css("top", "40px");
            }

            if(scroll + 40 <= maxTop && box.css("position")!== "absolute")
            {
                  box.css("position", "absolute");
                  box.css("top", maxTop + "px");
            }
            */
            
            var lastScreen;
            if ($("#comments").length > 0)
                lastScreen = getScrollY() + $(window).height() < $("#comments").offset().top * 1 ? false : true;
            else
                lastScreen = getScrollY() + $(window).height() < $(document).height() * 1 ? false : true;
            if (lastScreen && !upprev_closed) {
                $("#upprev_box").stop().animate({right:"0px"});
                upprev_hidden = false;
            }
            else if (upprev_closed && getScrollY() == 0) {
                upprev_closed = false;
            }
            else if (!upprev_hidden) {
                upprev_hidden = true;
                $("#upprev_box").stop().animate({right:"-400px"});
            }
      });
      
      $("#upprev_close").click(function() {
            $("#upprev_box").stop().animate({right:"-400px"});
            upprev_closed = true;
            upprev_hidden = true;
      });

      // Filmstrip
      var filmStrip_text = $('.filmStrip').text();
      if(filmStrip_text.indexOf('no data') == -1)
      {
            // Initialize filmstrip
            $('.filmStrip').filmStrip();
      }

      $('.picksCategories').find('> li').each(function(){
            var $categoryTab = $(this),
                selectedTab = $categoryTab.attr('id');

            $categoryTab.click(function(){
                  $(this).removeClass().addClass('current');

                  // unselect the others
                  $(".picksCategories > li[id !='" + selectedTab + "']").each(function(){
                        $(this).removeClass('current');
                  });

                  // filter results
                  $('.filmStrip').empty().append('<div id="loadingBox" />');
                  $('div[id="loadingBox"]').show();

                  var categ_id = selectedTab.split('-');
                      categ_id = categ_id[categ_id.length - 1];

                  $.ajax({
                        url      : 'http://www.metrolic.com/filmstrip.php',
                        type     : 'POST',
                        data     : 'cid=' + categ_id,
                        dataType : 'html',
                        success  : function(output)
                        {
                              $('.filmStrip').remove();
                              $('#picks > div').after('<div class="filmStrip"><div class="wrapper">' + output + '</div></div>');

                              if(output != "no data")
                              {
                                    // Reinitialize filmstrip
                                    $('.filmStrip').filmStrip();
                              }
                        }
                  });
                  return false;
            });
      });
});