//　画像を表示する位置をランダムに　　　　　　　■作成　2006.04.03行政運営調整局ＩＴ活用推進課　緑川貴夫■
//　入れ替えるスクリプト　固定も可能　　　　　　■更新　2008.11.20都市整備局　　企画課　　　　　藤谷佳秋■
//　◆使い方◆
//　◆バナー広告の　リンク先　画像の場所・名前　マウスをあわせた時表示する文字　画像の位置　を指定します◆
//　「入れ替え」で[]で指定した登録番号が、自動的に入れ替わります。（修正不可）固定にすると番号はそのまま！
//　◆表の出力設定で、横にいくつ表示するか決めます◆　for(i=1 ; i<7 ; i++) {　左数字＝開始番号　右数字＝終了番号
//　◆二段目以降も表示する場合は、「コードを記載する」の部分をコピーし、数字を調整すればＯＫ
//
//　◆◆◆通常は、■■ 広告表示 ■■の部分だけ変更すれば、プログラムを修正する必要はありません◆◆◆
//　
//　【注意】同じ番号を重複して使わないようにして下さい
//　　　　　番号は、上段が１　中段が２　下段が１　が表示されます。入自動替処理により均等の確立で表示
//　　　　　位置を固定する場合は、固定したい場所の番号を指定してください。横に表示する数を変更した場合は注意




/****■■ 変数宣言（①　一般）ここから ■■****/

url = new Array(); // リンク先のアドレス(数字は画像と対応)
pic = new Array(); // 画像のアドレス(数字はリンク先のアドレスと対応)
alt = new Array(); // 画像の代替文字(数字はリンク先のアドレスと対応)
chg = new Array(); // 画像の入替指定(「"入替"」「"固定"」)
i = new Array(); 　// 表出力の繰り返し　一般用
p = new Array(); 　// 表出力の繰り返し　局ＰＲ用


/****■■ 広告表示（①　一般）ここから ■■****/

url[1] = "http://www.selba-281.jp/";
pic[1] = "js/banner/banner_02.gif";
alt[1] = "任意売却のセルバ・プランニング";
chg[1] = "入替";

url[2] = "http://www.city.yokohama.lg.jp/seisaku/kyoso/ad/hpbanner/tosiseibi-chika.html";
pic[2] = "js/banner/bosyu.jpg";
alt[2] = "広告主募集中";
chg[2] = "固定";

url[3] = "http://www.city.yokohama.lg.jp/seisaku/kyoso/ad/hpbanner/tosiseibi-chika.html";
pic[3] = "js/banner/bosyu.jpg";
alt[3] = "広告主募集中";
chg[3] = "固定";

url[4] = "http://www.city.yokohama.lg.jp/seisaku/kyoso/ad/hpbanner/tosiseibi-chika.html";
pic[4] = "js/banner/bosyu.jpg";
alt[4] = "広告主募集中";
chg[4] = "固定";


/****■■ 広告表示（①　一般）　ここまで ■■****/




/****■■ 変数宣言（②キャラ）ここから ■■****/

jmp = new Array();	// リンク先のアドレス(数字は画像と対応)
img = new Array();	// 画像のアドレス(数字はリンク先のアドレスと対応)
log = new Array();	// 画像の代替文字(数字はリンク先のアドレスと対応)
shi = new Array(); // 画像の入替指定(「"入替"」「"固定"」)


/****■■ 広告表示（②キャラ）ここから ■■****/

// 画像のアドレス・リンク先・代替文字の設定
jmp[1] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[1] = "js/banner/character31.jpg";
log[1] = "地価情報キャラクター「チカちゃん」";
shi[1] = "入替";

jmp[2] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[2] = "js/banner/character32.jpg";
log[2] = "地価情報キャラクター「チカちゃん」";
shi[2] = "入替";

jmp[3] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[3] = "js/banner/character33.jpg";
log[3] = "地価情報キャラクター「チカちゃん」";
shi[3] = "入替";

jmp[4] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[4] = "js/banner/character34.jpg";
log[4] = "地価情報キャラクター「チカちゃん」";
shi[4] = "入替";

jmp[5] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[5] = "js/banner/character35.jpg";
log[5] = "地価情報キャラクター「チカちゃん」";
shi[5] = "入替";

jmp[6] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[6] = "js/banner/character11.jpg";
log[6] = "地価情報キャラクター「トッチー」";
shi[6] = "入替";

jmp[7] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[7] = "js/banner/character12.jpg";
log[7] = "地価情報キャラクター「トッチー」";
shi[7] = "入替";

jmp[8] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[8] = "js/banner/character15.jpg";
log[8] = "地価情報キャラクター「トッチー」";
shi[8] = "入替";

jmp[9] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[9] = "js/banner/character25.jpg";
log[9] = "地価情報キャラクター「マックロウ」";
shi[9] = "入替";

jmp[10] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[10] = "js/banner/character45.jpg";
log[10] = "地価情報キャラクター「チカちゃんのお父さん」";
shi[10] = "入替";

jmp[11] = "http://www.city.yokohama.jp/me/toshi/kikaku/chika/tochi_info/contents.html";
img[11] = "js/banner/character55.jpg";
log[11] = "地価情報キャラクター「チカちゃんのお母さん」";
shi[11] = "入替";

jmp[12] = "http://www.city.yokohama.jp/me/keiei/kyoso/ad/hpbanner/tosiseibi_top.html";
img[12] = "js/banner/character31.jpg";
log[12] = "広告主様募集中";
shi[12] = "入替";

jmp[13] = "http://www.city.yokohama.jp/me/keiei/kyoso/ad/hpbanner/tosiseibi_top.html";
img[13] = "js/banner/character31.jpg";
log[13] = "広告主様募集中";
shi[13] = "入替";

jmp[14] = "http://www.city.yokohama.jp/me/keiei/kyoso/ad/hpbanner/tosiseibi_top.html";
img[14] = "js/banner/character31.jpg";
log[14] = "広告主様募集中";
shi[14] = "入替";

jmp[15] = "http://www.city.yokohama.jp/me/keiei/kyoso/ad/hpbanner/tosiseibi_top.html";
img[15] = "js/banner/character34.jpg";
log[15] = "広告主様募集中";
shi[15] = "入替";

jmp[16] = "http://www.city.yokohama.jp/me/keiei/kyoso/ad/hpbanner/tosiseibi_top.html";
img[16] = "js/banner/character35.jpg";
log[16] = "広告主様募集中";
shi[16] = "入替";

/****■■ 広告表示（②キャラ）　ここまで ■■****/




/*　■■■◆画像変更◆　画面更新時の分岐処理■■■　*/
function banner(){

	/****■■ 入れ替え（①　一般）　ここから ■■****/
	// １　入れ替え数のカウント
	irekaetaishou = new Array();
	for(i=1 ; i<chg.length ; i++){
		if("入替"==chg[i])
			irekaetaishou.push(i);
	}


	/// ２　入れ替え先の決定
	var chgtemp;
	var chgnum;
	for(i=0 ; i<irekaetaishou.length ; i++){
		chgnum = Math.floor(Math.random() * irekaetaishou.length);
		chgtemp = irekaetaishou[i];
		irekaetaishou[i] = irekaetaishou[chgnum];
		irekaetaishou[chgnum] = chgtemp;
	}


	/// ３　入れ替え実行　確立は均等
	url_write = new Array();
	pic_write = new Array();
	alt_write = new Array();

	chgnum = 0;
	for(i=1 ; i<chg.length ; i++){
		if("入替"==chg[i]){
			url_write[i] = url[irekaetaishou[chgnum]];
			pic_write[i] = pic[irekaetaishou[chgnum]];
			alt_write[i] = alt[irekaetaishou[chgnum]];
			chgnum++;
		} else {
			url_write[i] = url[i];
			pic_write[i] = pic[i];
			alt_write[i] = alt[i];
		}
	}

	/****■■ 入れ替え（①　一般）　ここまで ■■****/




	/****■■ 入れ替え（②局ＰＲ）　ここから ■■****/
	// １　入れ替え数のカウント
	shifttaishou = new Array();
	for(p=1 ; p<shi.length ; p++){
		if("入替"==shi[p])
			shifttaishou.push(p);
	}


	/// ２　入れ替え先の決定
	var shitemp;
	var shinum;
	for(p=0 ; p<shifttaishou.length ; p++){
		shinum = Math.floor(Math.random() * shifttaishou.length);
		shitemp = shifttaishou[p];
		shifttaishou[p] = shifttaishou[shinum];
		shifttaishou[shinum] = shitemp;
	}


	/// ３　入れ替え実行　確立は均等
	jmp_write = new Array();
	img_write = new Array();
	log_write = new Array();

	shinum = 0;
	for(p=1 ; p<chg.length ; p++){
		if("入替"==chg[p]){
			jmp_write[p] = jmp[shifttaishou[shinum]];
			img_write[p] = img[shifttaishou[shinum]];
			log_write[p] = log[shifttaishou[shinum]];
			chgnum++;
		} else {
			jmp_write[p] = jmp[p];
			img_write[p] = img[p];
			log_write[p] = log[p];
		}
	}

	/****■■ 入れ替え（②局ＰＲ）　ここまで ■■****/


	// コードを記載する①　【上】ランダム表示　　広告表示（①一般）で「入替」を指定したもののうち、「1」となったものを表示
	for(i=1 ; i<2 ; i++) { //　◆◆◆繰り返し処理　開始；範囲；加算
		var banner1 = "<a href=" + url_write[i] + " target=\"_blank\">" + "<img src=" + pic_write[i] + " alt=" + alt_write[i] + " width=\"120\" height=\"60\" border=\"1\">" + "</a>";
	}
	document.getElementById("banner1").innerHTML=banner1;


	// コードを記載する②　【中】ランダム表示　　広告表示（①一般）で「入替」を指定したもののうち、「2」となったものを表示
	for(i=2 ; i<3 ; i++) { //　◆◆◆繰り返し処理　開始；範囲；加算
		var banner2 = "<a href=" + url_write[i] + " target=\"_blank\">" + "<img src=" + pic_write[i] + " alt=" + alt_write[i] + " width=\"120\" height=\"60\" border=\"1\">" + "</a>";
	}
	document.getElementById("banner2").innerHTML=banner2;

	// コードを記載する②　【中】ランダム表示　　広告表示（①一般）で「入替」を指定したもののうち、「3」となったものを表示
	for(i=3 ; i<4 ; i++) { //　◆◆◆繰り返し処理　開始；範囲；加算
		var banner3 = "<a href=" + url_write[i] + " target=\"_blank\">" + "<img src=" + pic_write[i] + " alt=" + alt_write[i] + " width=\"120\" height=\"60\" border=\"1\">" + "</a>";
	}
	document.getElementById("banner3").innerHTML=banner3;

	// コードを記載する②　【中】ランダム表示　　広告表示（①一般）で「入替」を指定したもののうち、「4」となったものを表示
	for(i=4 ; i<5 ; i++) { //　◆◆◆繰り返し処理　開始；範囲；加算
		var banner4 = "<a href=" + url_write[i] + " target=\"_blank\">" + "<img src=" + pic_write[i] + " alt=" + alt_write[i] + " width=\"120\" height=\"60\" border=\"1\">" + "</a>";
	}
	document.getElementById("banner4").innerHTML=banner4;

	// コードを記載する③　【左】ランダム表示
	for(p=1 ; p<2 ; p++) { //　◆◆◆繰り返し処理　開始；範囲；加算
		var character = "<a href=" + jmp_write[p] + " target=\"_blank\">" + "<img src=" + img_write[p] + " alt=" + log_write[p] + " width=\"120\" height=\"120\" border=\"0\">" + "</a>";
	}
	document.getElementById("character").innerHTML=character;

} // function banner　ここまで

