$(document).ready(function () {
  $(".item").each(function (i) {
    var e = i;
    $("#" + this.id).click(function () {
      var a = new Array;
      a = $("#" + this.id + "_img").attr('longdesc').split("::");
      var b = "";
      for (var i = 1; i < a.length; i++) {
        b += '<img src="/images/popup/colour_' + a[i].toLowerCase() + '.gif" style="padding-right:5px;" id="' + a[i] + '"  class="shoeColor" border="0"   />'
      }
      var c = a[1];
      var d = '<div>';
      d += '<div style="width:300px;height:15px; cursor: default;"><img src="/images/popup/popup_header.gif" border="0" alt="" /></div>';
      d += '<div style="background-color:#ffffff; cursor: default; width: 300px;text-align:left; background-image: url(/images/popup/popup_bgline.gif);">';
      d += '<div style="margin: 0 20px 10px 20px; cursor: default; color: green; font-size: 18px; border-bottom: 2px solid green; padding-bottom: 10px;">' + $("#" + this.id).attr('title') + '</div>';
      d += '<div><img alt="" width=250 src= "' + $("#" + this.id).attr('rel') + '" style="margin-left:20px; cursor: default;" id="preview"  /></div>';
      d += '<div style="margin-left:20px;margin-bottom:5px;">' + b + '</div>';
      d += '<div style="margin: 0 20px 0 20px; font-size:11px; ">' + a[0] + '<br /><br /> <a href="#" id="close_' + e + '" style="color: #000000;" />close</a></div>';
      d += '</div>';
      d += '<div style="width:300px; cursor: default; "><img src="/images/popup/popup_footer.gif" /></div><div>';
      $.extend($.blockUI.defaults.overlayCSS, {
        backgroundColor: '#000000',
        opacity: '0.8',
        cursor: 'default'
      });
      $.extend($.blockUI.defaults.pageMessageCSS, {
        border: '0',
        height: '300px'
      });
      $.blockUI(d);
      $('#close_' + e).click(function () {
        $.unblockUI()
      });
      return false
    })
  });
  function unblock() {}
});