var anime_flg = false;
var effect = "slide";
var effect_param_right = {
   direction: "right"
};
var effect_param_left = {
   direction: "left"
};
var effect_time = 1500;
var timer_time = 10000;

jQuery.noConflict();
var j$ = jQuery;
j$(document).ready(function(ev) {
  j$("#nx").click(function() {
    var id = j$("div.disp_on").attr("id").replace(/area/, "");
    next = id;
    next++;
    if (j$("#area"+next).length == 0) next = 1;
    animation("area"+next);
  });
  j$("#pr").click(function() {
    var id = j$("div.disp_on").attr("id").replace(/area/, "");
    next = id;
    next--;
    if (next == 0) next = j$(".disp_item").length;
    animation("area"+next);
  });
  setInterval("timer()", timer_time);
});
function animation(strNext) {
  if (anime_flg == true) return;
  anime_flg = true;
  var current = "#" + j$("div.disp_on").attr("id");
  var next    = "#" + j$("#"+strNext).attr("id");
  var x = current.replace(/#area/, "") > next.replace(/#area/, "");
  var max = j$(".disp_item").length;

  if (current.replace(/#area/, "") == max && next.replace(/#area/, "") == 1) x = false;
  if (current.replace(/#area/, "") == 1 && next.replace(/#area/, "") == max) x = true;
  if (!x) {
    j$(current).hide(effect, effect_param_right, effect_time,
      function() {
        j$(next).show(effect, effect_param_left, effect_time,
        function() {
          j$("div.disp_on").toggleClass("disp_on");
          j$(this).toggleClass("disp_on");
          anime_flg = false;
        })
      }
    );
  } else {
    j$(current).hide(effect, effect_param_left, effect_time,
      function() {
        j$(next).show(effect, effect_param_right, effect_time,
        function() {
          j$("div.disp_on").toggleClass("disp_on");
          j$(this).toggleClass("disp_on");
          anime_flg = false;
        })
      }
    );
  }
}
function timer() {
  j$("#nx").click();
}