//------------------------------------------------------------------------------------------------
//20090911 s.kato

//htmlの<a><img><div>には指定のIDを設定してください
//<a id="banner_href1">
//<img id="banner1">
//<div id="banner_comment1">
//※本スクリプトを同じHTMLで2つ使用する場合（バナーとこのJSを二つ用意して二つ表示する）場合は
//本スクリプト名を変える（banner2.js)にして、IDも変える（<a id="banner_href2"><img id="banner2">
//「function banner(){」 も　function banner2(){　とかに変更（他のJSのメソッド名と被らないように）
//最終行、「月の画像に書き換え。」以降の4行のコードもそれぞれ変える
//document.getElementById("banner2").src = banner[month];
//document.getElementById("banner2").alt = message[month];
//document.getElementById("banner_href2").href = link[month];
//document.getElementById("banner_comment2").innerText = message[month];
//3つ目、4つ目も同様に増やす度にJSをコピーし修正して使ってください。

//head内で本スクリプトを読み込む。
//<script src="js/banner.js" type="text/javascript">
//「<body onload=」にこのスクリプトのfunctionで指定した名前入れる
//<body onload="banner();">
//二つ以上スクリプトがある時は続けて書く。<body onload="banner();banner2();">
//------------------------------------------------------------------------------------------------

function banner4(){
var date = new Date();
var month = date.getMonth() + 1;
banner = new Array();		//バナー画像のアドレス
message = new Array();		//alt属性
link = new Array();			//リンク先アドレス


//画像を追加してください。------------------------------------------------------------------------
//番号は連番で[1]から振ってください。
//banner[x]は画像リンク
//message[x]はコメント＆alt属性
//link[x]はリンク先アドレス


banner[1] = "images/top/img_sabou-yugakan.jpg";
message[1]="砂防を楽しみながら学ぶ日本初の学習館";
link[1] = "kankou_spot/sabou_yugakan.html";

banner[2] = "images/top/img_suisyou_no-yu.jpg";
message[2]="眼科に木曽三川が流れる見晴らし最高の温泉";
link[2] = "kankou_spot/suisyou_no-yu.html";

banner[3] = "images/top/img_tukimi_no-mori.jpg";
message[3]="月と夜景がとてもきれいな森林公園";
link[3] = "kankou_spot/tukimino-mori.html";

banner[4] = "images/top/img_tuyagawa_no-fukei.jpg";
message[4]="ハリヲが生息するきれいな川沿いに彼岸花が咲き誇る";
link[4] = "kankou_spot/tuyagawa_no-fukei.html";


//------------------------------------------------------------------------------------------------

len = banner.length - 1;

if (len<month){
//画像枚数が月より少ない
	i = month%len;
	if (i==0){
		i = len;
	}
}else if (len>month){
//画像枚数が月より多い
	i = len%12;
	if (i==0){
		i = 12;
	}
}else{
//画像が1枚or不具合があれば最初の1枚だけ表示する
	i = 1;
}

//HTML書き換え処理
document.getElementById("banner4").src = banner[i];
document.getElementById("banner4").alt = message[i];
document.getElementById("banner_href4").href = link[i];
document.getElementById("banner_comment4").innerText = message[i];
}