function buckets () {
  if (parseInt(jQuery("#Buckets .Nav").css("height")) === 0) {
    if (!jQuery.browser.msie || jQuery.browser.version > 8) {
      jQuery("#Banners").animate({
        top: -190,
        opacity: 1
      }, {
        duration: 250
      });
    } else {
      jQuery("#Banners").css({
        display: "block"
      });
    }
    jQuery("#Buckets .Nav").animate({
      height: 42,
      top: -41
    }, {
      duration: 250,
      complete: function () {
        var left = jQuery("#Buckets .Nav .Left");
        left.css({
          opacity: 0
        });
        left.animate({
          left: 0,
          opacity: 1
        }, {
          duration: 500
        });
        var right = jQuery("#Buckets .Nav .Social");
        right.css({
          opacity: 0
        });
        right.animate({
          left: 0,
          opacity: 1
        }, {
          duration: 500
        });
      }
    });
  } else {
    if (!jQuery.browser.msie || jQuery.browser.version > 8) {
      jQuery("#Banners").animate({
        top: -166,
        opacity: 0
      }, {
        duration: 250
      });
    } else {
      jQuery("#Banners").css({
        display: "none"
      });
    }
    var right = jQuery("#Buckets .Nav .Social");
    right.css({
      opacity: 1
    });
    right.animate({
      left: 15,
      opacity: 0
    }, {
      duration: 500
    });
    var left = jQuery("#Buckets .Nav .Left");
    left.css({
      opacity: 1
    });
    left.animate({
      left: -15,
      opacity: 0
    }, {
      duration: 500,
      complete: function () {
        jQuery("#Buckets .Nav").animate({
          height: 0,
          top: 0
        }, {
          duration: 250
        });
      }
    });
  }
}

function banners () {
  if(jQuery.browser.msie && jQuery.browser.version=="6.0") {
    var els = jQuery("#Banners li.Bucket");
  } else {
    var els = jQuery("#Banners a.Bucket");
  }
  jQuery(els).each(function (i, item) {
    item = jQuery(item);
    item.mouseenter(function () {
      var me = jQuery(this),
          cls = this.className.split(" ")[1];
      jQuery("#Banners ." + cls).each(function (q, banner) {
        banner = jQuery(banner);
        var fleft = parseInt(banner.css("left")),
            ftop = parseInt(banner.css("top")),
            fwidth = parseInt(banner.css("width")),
            fheight = parseInt(banner.css("height")),
            fiwidth = parseInt(banner.find("img").css("width"));
        if (typeof banner.attr("fLeft") === 'undefined') {
          banner.attr("fLeft", fleft);
          banner.attr("fTop", ftop);
          banner.attr("fWidth", fwidth);
          banner.attr("fHeight", fheight);
          banner.attr("fIWidth", fiwidth);
        }
        banner.addClass(cls + "On");
        var tleft = parseInt(banner.attr("tLeft")) || parseInt(banner.css("left")),
            ttop = parseInt(banner.attr("tTop")) || parseInt(banner.css("top")),
            twidth = parseInt(banner.attr("tWidth")) || parseInt(banner.css("width")),
            theight = parseInt(banner.attr("tHeight")) || parseInt(banner.css("height")),
            tzindex = parseInt(banner.find("img").css("z-index")),
            tiwidth = parseInt(banner.attr("tIWidth")) || parseInt(banner.find("img").css("width"));
        if (typeof banner.attr("tLeft") === 'undefined') {
          banner.attr("tLeft", tleft);
          banner.attr("tTop", ttop);
          banner.attr("tWidth", twidth);
          banner.attr("tHeight", theight);
          banner.attr("tIWidth", tiwidth);
        }
        banner.removeClass(cls + "On");
        if (banner.find("img").length === 0) {
          banner.animate({
            width: twidth,
            height: theight,
            left: tleft,
            top: ttop
          }, {
            duration: 250
          });
        } else {
          banner.animate({
            left: tleft,
            top: ttop
          }, {
            duration: 250
          });
          banner.find("img").css({
            zIndex: tzindex
          });
          banner.find("img").animate({
            width: tiwidth
          }, {
            duration: 250
          });
        }
      });
    });
    item.mouseleave(function () {
      var cls = this.className.split(" ")[1];
      jQuery("#Banners ." + cls).each(function (q, banner) {
        // timeout in case the fadein is still on
        setTimeout(function () {
          banner = jQuery(banner);
          var fleft = banner.attr("fLeft"),
              ftop = banner.attr("fTop"),
              fwidth = banner.attr("fWidth"),
              fheight = banner.attr("fHeight"),
              fzindex = banner.attr("fZIndex"),
              fiwidth = banner.attr("fIWidth");
          if (banner.find("img").length === 0) {
            banner.animate({
              left: fleft,
              top: ftop,
              width: fwidth,
              height: fheight
            }, {
              duration: 250
            });
          } else {
            banner.animate({
              left: fleft,
              top: ftop
            }, {
              duration: 250
            });
            banner.find("img").animate({
              width: fiwidth
            }, {
              duration: 250,
              complete: function () {
                banner.find("img").css({
                  width: fiwidth,
                  zIndex: ""
                });
              }
            });
          }
        }, 125);
      });
    });
  });
}

jQuery(document).ready(function() {
  banners();
});