$(document).ready(function() {

  if ($(window).width() >= 1500) {
    $("#content").css("width", 1500 );
  }

  $(window).bind("resize", function () {
  	var newWidth = $(window).width();
  	if (newWidth >= 1500) {
  	  $("#content").css("width", 1500 );
  	} else {
  	  $("#content").css("width", 1000 );
  	}
  });

  $("#shirts li").hover(
    function() {
      var shirt = $('.hover', this);
      var title = $('.title span', this)
      if ($.browser.msie) {
        shirt.show();
        title.show();
      } else {
        if (shirt.is(':animated')) {
          shirt.stop().fadeTo(500, 1);
        } else {
          shirt.fadeIn(500);
        }
        if (title.is(':animated')) {
          title.stop().fadeTo(500, 1);
        } else {
          title.fadeIn(500);
        }
      }
    },
    function() {
      var shirt = $('.hover', this);
      var title = $('.title span', this)
      if ($.browser.msie) {
        shirt.hide();
        title.hide();
      } else {
        if (shirt.is(':animated')) {
          shirt.stop().fadeTo(700, 0);
        } else {
          shirt.fadeOut(700);
        }
        if (title.is(':animated')) {
          title.stop().stop().fadeTo(700, 0);
        } else {
          title.fadeOut(700);
        }
      }
    }
  );
 });