var newImgNo = 7;
var imgContents = 'imgContents';
var imgId = 'img';
var imgWidth = 995;
var imgHeight = 320;
var subLength = 7;
var buttonWrap = 'buttonWrap';
var buttonLi = 'buttonli';
var buttonSize = 0;
var buttonPrev = 'buttonPrev';
var buttonNext = 'buttonNext';
var buttonHover = 'buttonHover';
var timeOut = 5000;
var timeOut2 = 5000;	

var t;
var t2;

//関数：画像の切替
function timedCount(thisId){
		
	//自動・前へ次へクリック
	if(thisId==0 || thisId==1 || thisId==2){
		var nowImgUrl = $('#'+imgContents+' img').attr('id').replace(/img/ig, '');
		var nowImgNo = eval(nowImgUrl);
		$('#'+buttonWrap+' li').removeClass(buttonHover);	
	
		//自動・次へクリック
		if(thisId==0 || thisId==1){
			if(nowImgNo==newImgNo){
				nowImgNo = 0;
			}
			nowImgNo++;
		}
	
		//前へクリック		
		if(thisId==2){
			if(nowImgNo==1){
				nowImgNo = newImgNo+1;
			}
			nowImgNo--;
		}
		
		$('#'+buttonLi+nowImgNo).addClass(buttonHover);
		
		if((newImgNo-subLength+1<=nowImgNo)&&(nowImgNo<=newImgNo)){
			$('#'+buttonWrap+' ul').animate({top:-buttonSize*(newImgNo-subLength)+'px'});
		}else{
			$('#'+buttonWrap+' ul').animate({top:-buttonSize*(nowImgNo-1)+'px'});
		}
	}
	
	//マウスオーバー
	if(thisId==3){
		var nowImgUrl = $('.'+buttonHover).attr('id').replace(/buttonli/ig, '');
		var nowImgNo = eval(nowImgUrl);
	}	
	
	//共通
	$('#'+buttonPrev+' , #'+buttonNext).show();
	if(nowImgNo==1){
		$('#'+buttonPrev).hide();
	}else if(nowImgNo==newImgNo){
		$('#'+buttonNext).hide();
	}
	
	var bannerUrl = '';
	var bannerAlt = '';
	var bannerHtml = '';
	switch (nowImgNo){		
		case 1:
			bannerUrl = 'http://www.bayer-ah.jp/';
			break;		
		case 2:
			bannerUrl = 'http://www.bayer-pet.jp/pet/';
			break;		
		case 3:
			bannerUrl = 'http://www.bayer-chikusan.jp/';
			break;		
		case 4:
			bannerUrl = 'http://www.bayer-pet.jp/vet/entrance.html';
			break;		
		case 5:
			bannerUrl = 'http://www.teikikuchu-vet.jp/';
			break;		
		case 6:
			bannerUrl = 'http://www.cvbd.jp/';
			break;		
		case 7:
			bannerUrl = 'http://cocohagu.jp/';
			break;
	}
	bannerHtml += '<a href="'+bannerUrl+'">';
	bannerHtml += '<img src="img/top/'+imgId+nowImgNo+'.jpg" alt="" width="'+imgWidth+'" height="'+imgHeight+'" id="'+imgId+nowImgNo+'" />';
	bannerHtml += '</a>';
	
	$('#'+imgContents).fadeOut(function(){
		$('#'+imgContents).html(bannerHtml).fadeIn();
	});
};

//関数：自動再生のインターバルを呼びだす
function setTimedCount(){
	t=setInterval('timedCount(0)',timeOut);
}

$(function(){

	//画像の先読み
	animeImg = new Array();
	for(var i=1;i<=newImgNo;i++){
		animeImg[i]=new Image();
		animeImg[i].src= 'img/top/'+imgId+i+'.jpg';
	}
	
	//自動
	setTimedCount();
	
	//次へクリック
	$('#'+buttonNext).click(function(){
		timedCount(1)
	});
	
	//前へクリック
	$('#'+buttonPrev).click(function(){
		timedCount(2)
	});
	
	//マウスオーバー
	$('#'+buttonWrap+' li').mouseover(function(){
		$('#'+buttonWrap+' li').removeClass(buttonHover);	
		$(this).addClass(buttonHover);
		timedCount(3)
	});
	
	//マウスオーバー関数の停止・再開
	$('#'+imgContents+' , #'+buttonWrap+' li , #'+buttonPrev+' , #'+buttonNext).mouseover(function(){
		clearInterval(t);//Interval関数停止
		clearTimeout(t2);	//TimeOut関数停止
	});	
	$('#'+imgContents+' , #'+buttonWrap+' li , #'+buttonPrev+' , #'+buttonNext).mouseout(function(){
		clearInterval(t);//Interval関数停止
		clearTimeout(t2);//TimeOut関数停止
		t2=setTimeout('setTimedCount()', timeOut2);//X分後に自動再生のインターバル関数を呼びだす。
	});	

});