function addPageButton(obj, page, current_page) {
  if (page == current_page) var pageClass = "page_button_current"; else var pageClass = "page_button";
  var span = $("<span class='" + pageClass + "' page='" + page + "'>" + page + "</span>").appendTo(obj);
  span.click(function() {
    window.location.href = "category.php?idcat=" + gup("idcat") + "&page=" + page;
  });
}

function addPageButtonFilter(obj, page, current_page) {
  if (page == current_page) var pageClass = "page_button_current"; else var pageClass = "page_button";
  var span = $("<span class='" + pageClass + "' page='" + page + "'>" + page + "</span>").appendTo(obj);
  span.click(function() {
    window.location.href = "search.php?idcat=" + gup("idcat") + "&search=" + gup("search") + "&page=" + page;
  });
}

function addPagination(obj, current_page, total_items) {
  var current_page = parseInt(current_page);
  var total_items = parseInt(total_items);
  var total_pages = Math.ceil(total_items / 9);
  if (total_pages < 15) {
    for (var page = 1; page <= total_pages; page++) addPageButton(obj, page, current_page);
  } else {
    if ((current_page-3) > 3) for (var page = 1; page <= 2; page++) addPageButton(obj, page, current_page); else for (var page = 1; page <= 7; page++) addPageButton(obj, page, current_page);  
    if (((current_page-3) > 3) && ((current_page+3) < (total_pages-2)))  {
      var span = $("<span>&nbsp;...&nbsp;</span>").appendTo(obj);
      for (var page = current_page-3; page <= current_page+3; page++) addPageButton(obj, page, current_page);
    }
    var span = $("<span>&nbsp;...&nbsp;</span>").appendTo(obj);
    if ((current_page+3) < (total_pages-2)) for (var page = total_pages-1; page <= total_pages; page++) addPageButton(obj, page, current_page); else for (var page = total_pages-6; page <= total_pages; page++) addPageButton(obj, page, current_page);
  }
  
  $('.page_button').hover(function(){
    $(this).css({ "background": "#8a8a8a", "color": "#ffffff" });
  }, function(){
    $(this).css({ "background": "#4a4a4a", "color": "#cdcdcd" });
  });
}

function addPaginationFilter(obj, current_page, total_items) {
  var total_pages = Math.ceil(total_items / 9);
  if (total_pages < 15) {
    for (var page = 1; page <= total_pages; page++) addPageButtonFilter(obj, page, current_page);
  } else {
    if ((current_page-3) > 3) for (var page = 1; page <= 2; page++) addPageButtonFilter(obj, page, current_page); else for (var page = 1; page <= 7; page++) addPageButtonFilter(obj, page, current_page);  
    if (((current_page-3) > 3) && ((current_page+3) < (total_pages-2)))  {
      var span = $("<span>&nbsp;...&nbsp;</span>").appendTo(obj);
      for (var page = current_page-3; page <= current_page+3; page++) addPageButtonFilter(obj, page, current_page);
    }
    var span = $("<span>&nbsp;...&nbsp;</span>").appendTo(obj);
    if ((current_page+3) < (total_pages-2)) for (var page = total_pages-1; page <= total_pages; page++) addPageButtonFilter(obj, page, current_page); else for (var page = total_pages-6; page <= total_pages; page++) addPageButtonFilter(obj, page, current_page);
  }
  
  $('.page_button').hover(function(){
    $(this).css({ "background": "#8a8a8a", "color": "#ffffff" });
  }, function(){
    $(this).css({ "background": "#4a4a4a", "color": "#cdcdcd" });
  });
}

function addTile(parent, class_in_row, data) {
  var top = 0;
  var left = 0;

  var imageFileLink = "";
  switch (data.supplier) {
    case "1": {
      imageFileLink = data.image_middle_link + data.id_distributor + "&d=" + new Date().getTime();
//      
      break;
    }
    case "2": {
      imageFileLink = data.image_middle_link + data.code + ".jpg";
      break;
    }
    case "3": {
      imageFileLink = data.image_middle_link + data.code + ".jpg";
      break;
    }
    case "4": {
      imageFileLink = data.image_middle_link + data.code + ".jpg";
      break;
    }
  }
  var li = $("<li></li>").attr({ 
    "class": ["ajax_block_product", class_in_row].join(' ')            
  }).appendTo(parent);
  var div_wrapper = $("<div></div>").attr({ 
    "class": ["wrapper"].join(' ')            
  }).appendTo(li);
  var a = $("<a href='detail.php?code=" + data.code + "'></a>").attr({
    "title": data.name,                    
    "class": ["product_image"].join(' ')            
  }).appendTo(div_wrapper);                                    

  var img = $("<img>").attr({
    "alt": "Test"
//      "style": ["margin-top: " + top + "px", "margin-left: " + left + "px"].join(';')
  }).appendTo(a);

  img.attr("src", imageFileLink);
  img.hide();
  img.load(function(){
    imgHeight = img.height();
    imgWidth = img.width();

    var ratio = imgWidth / imgHeight;
    
    if (ratio >= (240/220)) {
      var newWidth = 230;
      ratioW = imgWidth / newWidth;
      var newHeight = imgHeight / ratioW;
    } else {
      var newHeight = 210;
      ratioH = imgHeight / newHeight;
      var newWidth = imgWidth / ratioH;
    }

    if (newHeight < 220) {
      top = (220 - newHeight) / 2;
    }

    if (newWidth < 240) {
      left = (240 - newWidth) / 2;
    }

    img.height(newHeight);
    img.width(newWidth);
    img.css("margin-left", left + "px");
    img.css("margin-top", top + "px");
    img.fadeIn();
  });

  var div_indent = $("<div></div>").attr({ 
    "class": ["indent"].join(' ')            
  }).appendTo(div_wrapper);
  var h5 = $("<h5></h5>").appendTo(div_indent);
  var a = $("<a href='detail.php?code=" + data.code + "'>" + data.name + "</a>").attr({
    "title": data.name            
  }).appendTo(h5);
  var p = $("<p></p>").attr({ 
    "class": ["product_desc"].join(' ')            
  }).appendTo(div_indent);
  var a = $("<a href='detail.php?code=" + data.code + "'>" + data.code + "</a>").attr({
    "title": data.name            
  }).appendTo(p);
  var div_wrapper2 = $("<div></div>").attr({ 
    "class": ["wrapper"].join(' ')            
  }).appendTo(div_indent);
  var p = $("<p></p>").attr({ 
    "class": ["price_container"].join(' ')            
  }).appendTo(div_wrapper2);
  var span = $("<span>" + data.price + "&nbsp;Kè</span>").attr({ 
    "class": ["price"].join(' ')            
  }).appendTo(p);
  var a_addtocart = $("<a>Do košíku</a>").attr({ 
    "title": "Test",            
    "class": ["exclusive", "ajax_add_to_cart_button"].join(' ')            
  }).appendTo(div_wrapper2);
  a_addtocart.click(function() {
    img.slideUp(200);
    img.slideDown(200);
    ajaxCart.addItem(data.id, 1);
  });
}