$(function() {
 $('.loadranknext').click(function(){
  var param = decodeURI($(this).attr('href').split('#')[1]);
  var box = param.split('&')[0].split('=')[1];
  var total = parseInt($("#"+box+"_total").attr('value'));
  var offset = parseInt($("#"+box+"_offset").attr('value')) + 5;
  
  if(total <= offset)
  {
    alert('これより先はありません');
    return false;
  }
  
  jQuery().ajaxStart(function() {
    $("#"+box+"_box").html('<div style="width:566px;height:246px;">&nbsp;</div>');
    $("#"+box+"_box").css('background', 'transparent url(/images/lightbox_loading.gif) 50% 50% no-repeat');
  });
  jQuery().ajaxStop(function() {
    $("#"+box+"_box").css('background', '');
  });
  $.ajax({
    url: "/top/loadRanking?" + param + offset,
    cache: false,
    success: function(html){
      $("#"+box+"_box").html(html);
    }
  });
  return false;
 });

 $('.loadrankprev').click(function(){
  var param = decodeURI($(this).attr('href').split('#')[1]);
  var box = param.split('&')[0].split('=')[1];
  var offset = parseInt($("#"+box+"_offset").attr('value')) - 5;
  if(offset < 0)
  {
    alert('これより前はありません');
    return false;
  }

  jQuery().ajaxStart(function() {
    $("#"+box+"_box").html('<div style="width:566px;height:246px;">&nbsp;</div>');
    $("#"+box+"_box").css('background', 'transparent url(/images/lightbox_loading.gif) 50% 50% no-repeat');
  });
  jQuery().ajaxStop(function() {
    $("#"+box+"_box").css('background', '');
  });
  $.ajax({
    url: "/top/loadRanking?" + param + offset,
    cache: false,
    success: function(html){
      $("#"+box+"_box").html(html);
    }
  });
  return false;
 });


});