/* 
Mobile:
data-spklw-widget="widget-5b02f2075b246"

Desktop:
data-spklw-widget="widget-5ad471a082b00" 
*/

$(function() {
  var all_items_collection = []
  var active_platform_type
  var active_widget_element
  $("body").on('click', '[data-spklw-widget] a.spklw-load-next', function(e)      {
    /* console.log('strossle click event assigned') */
    active_widget_element = $( $(this).parent().parent().parent().get(0) );
    /* console.log('active_widget_element: ', active_widget_element) */;
    detectPlatform()
    showNextItems()
  })

  function detectPlatform() {
    // Check again active platform
    active_platform_type = $(" [data-spklw-widget$='5ad471a082b00'] ").length > 0 ? 'desktop' : 'mobile'
    // console.log( 'strossle shows ' + active_platform_type + ' widget - ver.32');
  }

  function showNextItems() {
    // Catch next 3 items
    var items = []
    var next_items = active_platform_type == 'desktop' ? '3n+4' : '2n+3'
    var my_item = active_widget_element.find(".spklw-swiper-slide:nth-child("+next_items+")");

    // Push them to new Array
    if ( active_platform_type == 'desktop' ) {
      items.push(my_item.get(0), my_item.nextAll().slice(0, 2)[0], my_item.nextAll().slice(0, 2)[1]);
    } else {
      items.push( my_item.get(0), my_item.nextAll().slice(0, 2)[0] );
    }

    // Prevent swiper moving via CSS
    active_widget_element.find('.spklw-swiper-wrapper').first().css( {transform:'none'} );
    var element_width = active_widget_element.find('.spklw-swiper-slide').first().width();

    active_widget_element.find('.spklw-swiper-wrapper').last().after($('<div />', { class: 'spklw-swiper-wrapper' }));

    // Fix with bug, that move down last element of new row
    $(items).last().css( {width: element_width-1 } )

    // Add Next items to new Row
    active_widget_element.find('.spklw-swiper-wrapper').last().append(items)
    all_items_collection.push(items)

    if ( active_platform_type == 'desktop' ) {
      check_second_row( my_item );
    }
  }

  function check_second_row(my_item) {
    setTimeout(function() {
      // console.log('checking second row')
      // console.log('3rd item: ')
      // console.log( my_item.nextAll().slice(0, 2)[1] );
      if (my_item.nextAll().slice(0, 2)[1] == null) {
        third_item = active_widget_element.find(".spklw-swiper-slide:nth-child(4)");
        third_item.css( {width: third_item.width() - 1 } )
        // console.log( third_item )
        // console.log('trying to replace 3rd item by new that loaded')
        active_widget_element.find('.spklw-swiper-wrapper').last().append(third_item);
      }
    }, 1500);
  }

  $(window).resize(function() {
    if ( active_platform_type == 'desktop' ) {
      var first_element_width = active_widget_element.find('.spklw-swiper-slide').first().width();
      var first_element_height = active_widget_element.find('.spklw-swiper-slide').first().height();
      all_items_collection.forEach(function(row) {
        for (i=0; i<=row.length; i++) {
          var item = row[i];
          $(item).css({width: first_element_width })
          if (i % 3) { $(item).css({width: first_element_width-1 }) }
          $(item).css({height: first_element_height })
        }
      })
    }
  })
});