$(function() {  
	$("#tabBtn a").click(tabChange);	//ボタンでの操作
	$("#sougouAnnai a").click(tabChange);	//読み上げ対応：総合案内内の操作
	$("#fontsize a").click(fontchange);	//読み上げ対応：総合案内内の操作
	$("#colorChange a").click(colorchange);	//読み上げ対応：総合案内内の操作
	$("#contents").css("font-size",$.cookie('fontsize'));
	if($.cookie('style') == null){
	  $("#changeCss").attr({href:'/www/css/color1.css'});
	}else{
	  $("#changeCss").attr({href:$.cookie('style')});
	}
});      

// 文字色・背景色変更
function colorchange(){
	//hrefを変数へ
	var href = $(this).attr("href").split("#");	//動作が不良でもページ内アンカになるように入れた#を削除
	var val = href[1];
	var cssurl = "/www/css/color" + val + ".css";
	$('#changeCss').attr({href:cssurl});
	$.cookie('style',cssurl,{expires:7,path:'/'});
	return false;
}

//　文字サイズ変更
function fontchange(){
	//hrefを変数へ
	var href = $(this).attr("href").split("#");	//動作が不良でもページ内アンカになるように入れた#を削除
	var val = href[1];
	var size = val + "%";
	$("#contents").css("font-size",size);	//CSSの値変更
	$.cookie("fontsize",size,{expires:7,path:'/'});		//クッキーへ
	return false;
}

//　文字サイズ変更
function tabChange(){
	//hrefを変数へ
	var id = $(this).attr("href");
	//divの表示・非表示
	$(".tabCont").css("display","none");
	$(id).css("display","block");
	
	//選択したボタン以外の背景変更
	$("#tabBtn a").css("background-position","151px 0");
	
	//選択したボタンの背景変更（読み上げ対応版）
	var no = id.charAt(8);		//hrefからタブの番号を抜き取り
	var btn = "#tab0" + no;		//タブのIDに変換
	$(btn).css("background-position","0 0");	//CSSの設定
		
	//href無効
	return false;
}