jQuery(function(){
  var intervalTime = 10*1000;
  var CurrentNo = 0;
  var arrBtns = [];
  var arrPhts = [];
  var arrImgs = ["/index/photo/header_i_bg11_3_1.jpg",
                 "/index/photo/header_i_bg11_2_2.jpg",
                 "/index/photo/header_i_bg11_2_3.jpg",
                 "/index/photo/header_i_bg11_1_4.jpg",
                 "/index/photo/header_i_bg11_1_5.jpg"];

  var change_img = function(imgNo){
    jQuery("#hPhotoArea").fadeOut("normal", function(){
      jQuery("img",jQuery("#hPhotoArea")).hide();
      jQuery("#head_photo_switch li a").removeAttr("class");
      jQuery("a", arrBtns[imgNo]).attr("class","c");
      arrPhts[imgNo].show();
      jQuery("#hPhotoArea").fadeIn();
      CurrentNo = imgNo;
    });
  }
  var intervalId;
  var interval_img = function(){
    clearInterval(intervalId);
    intervalId = window.setInterval(function(){
      CurrentNo = (!(CurrentNo<(arrBtns.length-1)) ? 0 : CurrentNo+1);
      change_img(CurrentNo);
    }, intervalTime);
    return false;
  }

  var loading_img = function(loadNo){
    loadNo =  loadNo || 0;

    var btnObj = jQuery('<li><a href="#"><img src="/common/img/sp.gif" /></a></li>');
    btnObj.unbind("click").click((function(i){return function(){
        change_img(i); 
        interval_img();
        return false;
      }})(loadNo));
    arrBtns.push(btnObj);

    jQuery('<img src="'+arrImgs[loadNo]+'" />').load((function(bObj,iNo){return function(){
      jQuery(this).hide();
      arrPhts.push(jQuery(this));
      jQuery(this).appendTo("#hPhotoArea");
      if(iNo==CurrentNo){jQuery("a",bObj).attr("class","c");}
      bObj.appendTo("#head_photo_switch");

      if(iNo<(arrImgs.length-1)){
        loading_img(iNo+1);
      }else{
        interval_img();
      }
      return false;
    }})(btnObj,loadNo));
  }
  loading_img();
});