var attempts = 0;
var sort = 0;
function get_i()
{
  var to_fix = new Array();
  var img_str = "";
  var item_str = "";
  $.ajax({
    type: "POST",
    url: "/order/customize/get.php",
    data: $('#new_choice_form').formSerialize(),
    success: function(responseText) {
      attempts = 0;
      var response = $.parseJSON(responseText);
      var html_str = '';
      var i;
      for(i = 0; i < response.glamour_items.length; i++)
      {
        if (check_choice('smile' + response.glamour_items[i].ID))
        {
          img_str = '<img style="cursor:pointer" id="smile' + response.glamour_items[i].ID + '_pic_gl" src="' + response.glamour_items[i].pic + '" alt="' + response.glamour_items[i].NAME + '" width="118" height="116" alt="" />';
          item_str = '<span class="smile_tooltip" id="smile' + response.glamour_items[i].ID + '_gl" title="' + response.glamour_items[i].tooltip + '" style="border-bottom:0px; cursor:pointer;color:#666;">' + response.glamour_items[i].NAME + ' ' + response.glamour_items[i].short_text + '</span>';
        }
        else
        {
          img_str = '<img onclick=\'add_to_basket("' + response.glamour_items[i].NAME + ' ' + response.glamour_items[i].short_text + '", "' + response.glamour_items[i].pic + '", "smile' + response.glamour_items[i].ID + '", ' + response.glamour_items[i].price + ');\' id="smile' + response.glamour_items[i].ID + '_pic_gl" src="' + response.glamour_items[i].pic + '" alt="' + response.glamour_items[i].NAME + '" width="118" height="116" style="cursor:pointer" alt="" />';
          item_str = '<span onclick=\'add_to_basket("' + response.glamour_items[i].NAME + ' ' + response.glamour_items[i].short_text + '", "' + response.glamour_items[i].pic + '", "smile' + response.glamour_items[i].ID + '", ' + response.glamour_items[i].price + ');\' class="smile_tooltip" id="smile' + response.glamour_items[i].ID + '_gl" title="' + response.glamour_items[i].tooltip + '" style="border-bottom:1px dashed #FF1700; cursor:pointer;color:#FF1700;">' + response.glamour_items[i].NAME + ' ' + response.glamour_items[i].short_text + '</span>';
        }

        html_str += '<td class="col-items" style="padding-top:10px;">';
        html_str += '<div style="margin-left:0;">' + img_str + '<div>' + item_str + '</div>';
        html_str += '<h4 style="font-weight: normal;padding-top:5px;">' + response.glamour_items[i].price + ' руб.</h4>';
        html_str += '</td>';
        to_fix[i] = 'smile' + response.glamour_items[i].ID + '_pic_gl';
      }
      $('.col-items').remove();
      $('#new_choice_cols').append(html_str);

      for (i = 0; i < to_fix.length; i++) fixPNG(document.getElementById(to_fix[i]));

      var html_str = '';
      var i, ii, cur_ch, item_checked = "", item_str = "";
      for(i = 0; i < response.items.length; i++)
      {
        if (check_choice('smile' + response.items[i].ID)){
          cur_ch = 0;
          for(ii = 1; ii <= 10; ii++)
          {
              if (('smile' + response.items[i].ID) == $("#choice" + ii).children("span.minus").attr("name"))
              {
                  cur_ch = ii;
                  break;
              }
          }
//          item_str = '<input type="hidden" value="' + cur_ch + '" class="remove_choice"><span class="smile_tooltip" id="smile' + response.items[i].ID + '" title="' + response.items[i].tooltip + '" style="border-bottom:0px; cursor:pointer;color:#666;">' + response.items[i].NAME + ' ' + response.items[i].short_text + '</span>';
          item_str = '<input type="hidden" value="' + cur_ch + '" class="remove_choice"><span class="smile_tooltip" onmousemove="show_pop(this);" onmouseout="hide_pop(this);" id="smile' + response.items[i].ID + '" style="border-bottom:0px; cursor:pointer;color:#666;">' + response.items[i].NAME + ' ' + response.items[i].short_text + '</span></p>';
          item_str += '<div class="pop"><div class="pop_t"></div><div class="pop_b"></div><div class="pop_bg"><img src="' + response.items[i].pic + '" /><div class="txt"><h2>' + response.items[i].NAME + '</h2><p>' + response.items[i].tooltip + '</p></div></div></div>';
          item_checked = '<p><input type="checkbox" id="smile' + response.items[i].ID + '_ch" checked onclick=\'check_basket("' + response.items[i].NAME + ' ' + response.items[i].short_text + '", "' + response.items[i].pic + '", "smile' + response.items[i].ID + '", ' + response.items[i].price + ');\'>';
        }
        else {
//          item_str = '<input type="hidden" value="" class="remove_choice"><span onclick=\'add_to_basket("' + response.items[i].NAME + ' ' + response.items[i].short_text + '", "' + response.items[i].pic + '", "smile' + response.items[i].ID + '", ' + response.items[i].price + ');\' class="smile_tooltip" id="smile' + response.items[i].ID + '" title="' + response.items[i].tooltip + '" style="border-bottom:1px dashed #FF1700; cursor:pointer;color:#FF1700;">' + response.items[i].NAME + ' ' + response.items[i].short_text + '</span>';
          item_str = '<input type="hidden" value="" class="remove_choice"><span onclick=\'add_to_basket("' + response.items[i].NAME + ' ' + response.items[i].short_text + '", "' + response.items[i].pic + '", "smile' + response.items[i].ID + '", ' + response.items[i].price + ');\' class="smile_tooltip" onmousemove="show_pop(this);" onmouseout="hide_pop(this);" id="smile' + response.items[i].ID + '" style="border-bottom:1px dashed #FF1700; cursor:pointer;color:#FF1700;">' + response.items[i].NAME + ' ' + response.items[i].short_text + '</span></p>';
          item_str += '<div class="pop"><div class="pop_t"></div><div class="pop_b"></div><div class="pop_bg"><img src="' + response.items[i].pic + '" /><div class="txt"><h2>' + response.items[i].NAME + '</h2><p>' + response.items[i].tooltip + '</p></div></div></div>';
//          item_str += '<div class="pop"><img src="' + response.items[i].pic + '" /><div class="txt"><h2>' + response.items[i].NAME + '</h2><p>' + response.items[i].tooltip + '</p></div></div>';
          item_checked = '<p><input type="checkbox" id="smile' + response.items[i].ID + '_ch" onclick=\'check_basket("' + response.items[i].NAME + ' ' + response.items[i].short_text + '", "' + response.items[i].pic + '", "smile' + response.items[i].ID + '", ' + response.items[i].price + ');\'>';
        }

        html_str += '<tr class="row-items">';
        html_str += '<td class="smile_price_td">' + response.items[i].price + '</td>';
        html_str += '<td>' + response.items[i].categories + '</td>';
        html_str += '<td>' + item_checked + ' ' + item_str + '</td>';
/*
        html_str += '<td style="text-align:right;text-decoration:none; color:#FF1700;padding-right:10px;">' + item_str + '</td>';
        html_str += '<td>' + item_checked + '</td>';
        html_str += '<td class="smile_price_td" style="padding-left:20px;">' + response.items[i].price + '</td>';
        html_str += '<td>' + response.items[i].categories + '</td>';
*/
        html_str += '</tr>';
      }
      $('.row-items').remove();

      $('#new_choice_tbody').append(html_str);

      if (!sort) {
          $('#new_choice').tablesorter({sortList:[[0,0]]});
          sort = 0;
/*
          $('#new_choice').tablesorter({sortList:[[2,0]]});
          sort = 2;
*/
      }
      else {
          $("#new_choice").trigger("update");
//          var sorting = [[2,0]];
          var sorting = [[0,0]];
          $("#new_choice").trigger("sorton",[sorting]);
      }

      var smile_price_td_html;
      $(".smile_price_td").each(function(){
          smile_price_td_html = $(this).html() + " руб.";
          $(this).html(smile_price_td_html);
      });

      $("#choice_item").scrollFollow();

      tooltip.d();
    }//,
    //error: function(obj, error_msg, e) { attempts++; if (attempts < 10) get_i(); }
  });
  return false;
}

function show_pop(obj) {
  $(obj).parent().parent().children(".pop").show();
}
function hide_pop(obj) {
  $(obj).parent().parent().children(".pop").hide();
}


var i = 0, k = 0;

  $.each($('#custAim, #custTopic'), function() {
    this.checked = true;
    $.each($('.filter_' + this.id), function() {
        this.checked = true;
      });
    $('.filter_' + this.id).click(function() {
      var parent_id = this.className.split('_')[1].toString();
      $.each($('.' + this.className), function() {
          if (this.checked) k++;
          i++;
        });
      if (i == k) $('#' + parent_id).attr('checked', true);
      if (k == 0) $('#' + parent_id).attr('checked', false);
      i = 0;
      k = 0;
    });
  });
  $('#custMoney').each(function(){ this.checked = true; });

  var check;

  // set handlers for filters' inputs
  $('#custAim, #custTopic').click(function() {
    if(this.checked) check = true; else check = false;
    $.each($('.filter_' + this.id), function() {
        this.checked = check;
      });
    });
  $('#custMoney').click(function() {
    if(this.checked) $('.filter_' + this.id).val([]);
  });
  $('.filter_custMoney').click(function() {
    $('#custMoney').val([]);
  });

//  $('.filter_cust_one').click(function() {
//    var parent_id = this.id.split('_')[1].toString();
//    $('#' + parent_id).attr('checked', false);
//  });

  preLoadImages();
  get_i();
  $.blockUI.defaults.pageMessage = "<h1>Впечатления выбираются...</h1>";
  $.extend($.blockUI.defaults.pageMessageCSS, { color: '#FF1700', padding: '10px 10px 10px 30px', border: '3px solid #FF1700' });
  $().ajaxStart($.blockUI).ajaxStop($.unblockUI);