//charset:shift_jis
//必要ライブラリ：jQuery.js, jquery.cookie,js
jQuery(function() {

//説明	javascriptがonのとき#pageallに背景画像を表示します（ページ更新ごとに画像を順に変更）
//注意　背景画像名は表示順にbackimage1.jpg、backimage2.jpg・・・とすること(別の画像名使用不可)
//注意　背景画像の形式はjpgのみ可
//注意　背景画像はこのjsファイルと同じフォルダに保存すること
//上記ルール通りに画像を配置し、下記picLENGTHに画像総数を設定するだけで使用できます
//前回どの画像を表示したかをcookieで記憶しており、このcookieはブラウザ終了時にクリアされます

//パラメータ部分
	var picLENGTH = 10 //切り替える画像の総数（前ゼロ不要）
	var randomdisplay = 1 //画像表示順をランダムにする場合は1、画像番号順で表示の場合は0とする



//処理部分
	var topbackcookie = jQuery.cookie("topback");
	//cookie"topback"は前回表示した背景画像を表す

	if(randomdisplay != 1){		
	//画像を1から順に表示させる場合
		if(!topbackcookie){
			//cookie"topback"がないときは画像1を表示しcookieに1を書き込む
			jQuery.cookie("topback","1",{path:'/'});
			topbackcookie = 1;
			}else if(topbackcookie<picLENGTH){
			//cookieの値が画像の総数未満のときはcookie+1の画像を表示しcookieにその番号を書き込む
			topbackcookie = Number(topbackcookie);//値を数値に変換
			topbackcookie = topbackcookie + 1
			jQuery.cookie("topback",null,{path:'/'});//既存のcookieを削除
			jQuery.cookie("topback", topbackcookie,{path:'/'});
			}else {
			//cookieの値が画像の総数と同じときは画像1を表示しcookieに1を書き込む
			jQuery.cookie("topback",null,{path:'/'});//既存のcookieを削除
			jQuery.cookie("topback","1",{path:'/'});
			topbackcookie = 1;
		}
		
	}else{
	//画像表示順をランダムにする場合
		var rand = Math.floor( Math.random() * picLENGTH) + 1;//１〜総画像数のランダムな整数を発生
		topbackcookie = Number(rand);//値を数値に変換
		jQuery.cookie("topback",null,{path:'/'});//既存のcookieを削除
		jQuery.cookie("topback", topbackcookie,{path:'/'});//cookieに番号を書き込み
	}

	//指定した要素に画像を表示
	jQuery('#pageall').css({//<div id="pageall">に背景画像を指定するCSSを追加
		"background-image":"url(home-js_css/backimage_js/backimage"+topbackcookie+".jpg)",//画像urlはindex.htmlからの相対パス
		"background-repeat":"no-repeat",
		"background-color":"#000000"
									});
	
	

//javascriptが使用できるときは、javascript ON時専用のコンテンツを表示する。
//	jQuery('#head').css({
//		"color":"#FFFFFF"
//									});
//	jQuery('#head a').css({
//		"color":"#FFFFFF"
//									});
	jQuery('#head h1').css({//ヘッダの「別府市ウェブサイト」テキストを隠す（画像で表示するため）
		"visibility":"hidden"
									});
	jQuery('#backimage_gallery').css({//背景画像ギャラリー初期非表示（display:none）を表示にする
		"display":"block"
									});
});