jQuery(function(){
var imgNo = 4;//画像枚数
var currentNo = 0;
var targetNo = 0;
var timerId;
var fspeeds=1500;//切り替え時間

var links = [//画像にリンクを指定（不用な場合は、spaceでOK）
"/index.html",
"/original/order.html",
"/quality/green.html",
"/original/index.html"
];
var alts = [//画像の説明文（不用な場合は、spaceでOK）
"株式会社能率手帳プランナーズとは",
"カスタマイズで貴社だけのオリジナル手帳を",
"CO2削減貢献など、環境対応に取り組んだ環境配慮型手帳",
"手帳は人を成長に導く最適なツール"
];

//initialize
(function(){
for(var i=1; i<=imgNo; i++){
//create element
jQuery('<div id="rImg'+i+'">').appendTo(jQuery('#mainImg'));

//load image
var img = jQuery('<img>').attr('src','img/title_image_top'+i+'.png');
img.attr('alt',alts[i-1]);
img.load(imgLoaded.call(img, i));

}
})();

function imgLoaded(no){
//add image
var obj = jQuery('#rImg'+no);
obj.children('img').remove();
obj.append(jQuery(this));
jQuery('<a href="'+links[no-1]+'" />').append(this).appendTo(obj);

//start animation
if(no==1) loop();
}

//rotation image
function loop(){
//fadeout current image
if(currentNo!=0) jQuery('#rImg'+currentNo).fadeOut(fspeeds);

if(targetNo==0) currentNo = ++currentNo>imgNo?1:currentNo;
else currentNo = targetNo;
targetNo = 0;

//fadein next image
jQuery('#rImg'+currentNo).fadeIn(fspeeds);
timerId = setTimeout(loop, 7000)
}
});