var sticky_ads;
var ads;
var sticky_ads_loaded = 0;
var ads_loaded;

$(function(){
  var all_ads = $("#bottom_ads .views-row");
  sticky_ads = $("#bottom_ads .views-row:has(div.sticky)");
  ads = $("#bottom_ads .views-row:has(div:not(.sticky))");

  load_ads('sticky_ads', 0, 1);
  load_ads('ads', 0, 3);

  $(ads[2]).css("background-image", $(all_ads[3]).css("background-image"));
  $(ads[1]).css("background-image", $(all_ads[2]).css("background-image"));
  $(ads[0]).css("background-image", $(all_ads[1]).css("background-image"));
  $(sticky_ads[0]).css("background-image", $(all_ads[0]).css("background-image"));

  $(sticky_ads[0]).show();
  $(ads[0]).show();
  $(ads[1]).show();
  $(ads[2]).show();

  load_ads('sticky_ads', 1, 1);
  load_ads('ads', 3, 3);

  setTimeout(function(){ rotate_ads('sticky_ads', 0, 1) }, 10000);
  setTimeout(function(){ rotate_ads('ads', 0, 3) }, 10000);
});

function load_ads(ads_name, index, length){
  var new_ads = eval(ads_name);

  for (var i = 0; i < length; i++){
    var current_index = index + i;

    if (current_index < new_ads.length){
      var img_src = $(new_ads[current_index]).find('img').attr('alt');
      $(new_ads[current_index]).find('img').attr('src', img_src);
    }
  }
}

function rotate_ads(ads_name, index, length){
  var new_ads = eval(ads_name);
  var new_ads_loaded = eval(ads_name+'_loaded');

  for (var i = 0; i < length; i++){
    var current_index = index + i;

    if (current_index >= new_ads.length){
      current_index = current_index - new_ads.length;
    } 

    var new_index = current_index + length;

    if (new_index >= new_ads.length){
      new_index = new_index - new_ads.length;
    }

    $(new_ads[new_index]).css("background-image",
      $(new_ads[current_index]).css("background-image"));
    $(new_ads[current_index]).hide(); 
    $(new_ads[new_index]).show(); 
  }

  setTimeout(function(){ rotate_ads(ads_name, current_index+1, length) }, 10000);

  if (!new_ads_loaded){
    load_ads(ads_name, new_index+1, length);
  }
}