/*
jQuery Script for ditt.jp
Date   : 2010.07.28
--------------------------------------*/

(function($) {

jQuery().ready(function() {
  $("#slide").slide();
}); //ready

//plugin slide
$.fn.slide = function() {
  var self = $(this);
  var btn  = $(".slide-btn");
  var crnt = 0;
  var next;
  var timer;
  var btn_off = new Array();
  var btn_on  = new Array();
  var len  = self.find("div").length - 1;
  var flg  = false;

  cssHover(".slide-btn");

  for (var i = 0; i < 5; i++) {
    var num = i + 1;
    btn_off[i] = new Image();
    btn_on[i]  = new Image();
    btn_off[i].src = "images/slide_btn"+ num +".gif";
    btn_on[i].src  = "images/slide_btn"+ num +"_selected.gif";
  }

  if(len > 0){
    timer = setInterval(function () {
      next = (crnt == len)? 0: crnt + 1;
      self.find("div").eq(crnt).fadeOut(250);
      self.find("div").eq(next).fadeIn(250);
      btn.eq(crnt).attr("src", btn_off[crnt].src);
      btn.eq(next).attr("src", btn_on[next].src);
      crnt = next;
    }, 8000);
  }

  btn.each(function(j){
    $(this).bind("click",function(){
      //$(".chk").html(crnt+"-"+j);
      if(!flg){
        clearInterval(timer);
        flg = true;
      }
      if(j != crnt){
        self.find("div").eq(crnt).fadeOut(250);
        self.find("div").eq(j).fadeIn(250,function(){
        });
        btn.eq(crnt).attr("src", btn_off[crnt].src);
        btn.eq(j).attr("src", btn_on[j].src);
        crnt = j;
      }
    });
  });
};

var cssHover = function(value){
  $(value).hover(function(){
    $(this).css("cursor","pointer");
  },function(){
    $(this).css("cursor","default");
  });
}


})(jQuery);