var ImageBlock = $.inherit({

   __constructor	: function(data, menuBlock, destBlock){
    this.data = data;
    this.menuBlock = menuBlock;
    this.destBlock = destBlock;
    this.createBlocks();
    this.handleMenuItems();
  },

  createBlocks: function(){
    var destBlockEl =  $(this.destBlock);

    var first = true;
    for(var i in this['data']){
    	var item = this.data[i];
      var block = $('<div/>');
      if(!first){
        block.hide();
      }
      first = false;
      block.attr('id', 'contentBlock_'+item['catalog_iid']);
      block.attr('class', 'itemBlock');

      var titleBlock = $('<div></div>');
      titleBlock.addClass('hCaption');
      block.append(titleBlock);

      var title = $('<div></div>');
      title.addClass('pageCaption');
      titleBlock.append(title);
      var h2 = $('<h2></h2>');
      h2.addClass('pageCaption');
      h2.text(item['title']);
      title.append(h2);

      var box = $('<div class="imgBox"></div>');
      block.append(box);
      var img = $('<img />');
      if(item['pic']){
      	img.attr('src', item['pic']);
			}else{
				img.attr('src', '');
			}
      img.addClass('blockImg');
      box.append(img);
      if(item['p_price'] > 0){
        var span = $('\
          <div class="important font14 p_descr">\n\
          <b>“<span>'+item['p_name']+'\
          </span>” '+item['p_price']+' '+Lang.currency.grivna.shortUnit+'. ('+item['p_weight']+(item['unionType'] ? ' '+item['unionType']+'.':'')+')</b></div>');
      }else{
        var span = $('\
          <div class="important font14 p_descr"><b>“<span>'+item['p_name']+'</span>”</b></div>');
      }
      block.append(span);

      var textBlock = $('<div></div>');
      textBlock.attr('class', 'row');
      var table = $('<table/>');
      var tr = $('<tr/>');
      table.append(tr);
      var td = $('<td width="330"></td>');
      td.attr('class', 'important');
      td.html(item['p_description']);
      tr.append(td);
      var td = $('<td/>');
      td.attr('style', 'padding-right: 10px;');
      var id = item.p_oid;
      var ot_id = item.p_ot_id;
      td.append($('<div/>',{'class':"cart-adder promo-block"})
      	.append($('<input/>', {'type':'hidden', 'name':'prod-id','class':'product-id'})
      		.val(id)
      	)
      	.append($('<input/>', {'type':'hidden', 'name':'prod-ot_id','class':'product-ot_id'})
      		.val(ot_id)
      	)
      	.append($('<div/>',{'class':'quantity-selector', 'style':'float:left'})
      		.append($('<div/>',{'class':'minus', 'title':''})
      			.bind('click', {'id':id}, function(ev){
							minus(ev.data.id,'quantity');
      			})
      		)
      		.append($('<div/>',{'class':'plus', 'title':''})
      			.bind('click', {'id':id}, function(ev){
							plus(ev.data.id,'quantity');
      			})
      		)
      		.append($('<input/>', {'type':'text', 'id':'quantity_'+id, 'name':'quantity_'+id,'class':'qtyInput'})
      			.val(1)
      		)
      	)
      	.append($('<div/>',{'class':"product add-to-cart", 'style':'float:right'})
      		.html(Lang.cart.order)
      	)
      	.append($('<div/>',{'class':'clear'}))
      );
  		tr.append(td);
      block.append(textBlock);
      textBlock.append(table);
      destBlockEl.append(block);
    }
  },

  handleMenuItems: function(){
    var items = $(this.menuBlock).find('a.mainLinks');
    items.each(function(){
      var id = this.id.substring(this.id.lastIndexOf("_") + 1);
      $(this).bind('mouseover', false, function(){$('div.itemBlock').hide();$('#contentBlock_'+id).show()});
    });
    return true;
  }

});