//文字(サイズ+色) 用Script jQuery利用
/*==============================
クッキーの有効期限（7日）
==============================*/
function save(n, v) {
	var key = new Date();
	key.setTime(key.getTime() + 24 * 60 * 60 * 7 * 1000);
	var exp = key.toGMTString();
	document.cookie = n + '=' + v + ';expires=' + exp + ';path=/';
	return null;
}

/*===============クッキーの読み出し===============*/
function read(n) {
	n = n + '=';
	var s = null;
	var x = document.cookie.length;
	var l = n.length;
	for (i = 0; i < x; i++) {
		if (document.cookie.substring(i, i + l) == n) {
			if (document.cookie.indexOf (";", i + l) == -1) {
				s = document.cookie.substring(i + l, document.cookie.length);
			} else {
				s = document.cookie.substring(i + l, document.cookie.indexOf (";", i + l));
			}
		}
	}
	return s;
}

/*===============フォントサイズ変更の設定===============*/
function view(r) {
	var f_size = document.body.style.fontSize;//現在値
	var num = 10;//増減幅
	var s = (f_size.substr(0,f_size.length-1)-0) ;//数値化(％除去)
	if(r == '-'){
		s = s - num;
		if (s < 70) { s = 70; }           //フォントの限界縮小値70%指定
	}else{
		s = s + num;
		if (s > 300) { s = 300; }           //フォントの限界縮大値300%指定
	}
	document.body.style.fontSize = s + '%';
	save('fontsize', s);
	f_adjust();
	return null;
}

/*===============色セットcss変更===============*/
function re_color(){//色切り替えで再実行処理があれば上書き
}
/*色指定css linkタグ書換*/
function active_css(r){
  if(r < 1 || r > 2 ){ /*範囲外設定値ガード*/
	  r = 1;
  }
  if(r == 1){
	css = $("#color1").attr("href");
	$('body').removeClass('color2');
	$('body').addClass('color1');
  }else{
	css = $("#color2").attr("href");
	$('body').removeClass('color1');
	$('body').addClass('color2');
  }
  $("#color1").attr("rel","alternate stylesheet");
  $("#color2").attr("rel","alternate stylesheet");
  if( $("#color_css").size() != 0 ){
	  $("#color_css").attr("href",css);
	  $("#color_css").attr("rel","stylesheet");
  }
  re_color();
  
  return null;
}
/*===============色設定変更===============*/
function colors(r) {
	active_css(r);	//アクティブ切替
	save('colorset', r);	//保存	
	return null;
}

/*========初回ページ読み込み時の設定(初期化)========*/
function init(f) {
	var set1, set2;
	
	set1 = read('fontsize') ;
	if (f == true || set1 == null) {
		set1 = 100; //初期値 100%
		save('fontsize', set1);               
	}
	document.body.style.fontSize = set1 + '%';//フォントサイズを%で指定

	set2 = read('colorset') ;
	if (f == true || set2== null) {
		set2 = 1; //初期値 カラータイプ1
		save('colorset', set2);                 //色セット
	}
	active_css(set2);	//cssセット
	f_adjust();
	return null;
}

/*===============リセットの設定===============*/
function re_set() {
	init(true); //初期化
	return null;
}
function plus(){
	view('+');
}
function minus(){
	view('-');
}	
function white(){
	colors(1);
}
function black(){
	colors(2);
}
var link_s ="";
//ツールボタン書き出し
function f_tools(){
	var tool_code = " <ul id='t_jtools'>" +
              "<li id='t_fsize'><a href='"+link_s+"#size'>文字サイズ</a><ul>" +
                "<li id='t_plus'><a href='#' onclick='plus()' class='btn vtip' title='文字サイズを10%ずつ拡大します'>大</a></li>" +
                "<li id='t_minus'><a href='#' onclick='minus()' class='btn vtip' title='文字サイズを10%ずつ縮小します' >小</a></li>" +
            "</ul></li>" +
            "<li id='t_color'><a href='"+link_s+"#color'>背景色</a><ul>" +
                "<li id='t_white'><a href='#' onclick='white()' class='btn vtip' title='白背景のスタイルに切替えます' >白</a></li>" +
                "<li id='t_black'><a href='#' onclick='black()' class='btn vtip' title='黒背景のスタイルに切替えます' >黒</a></li>" +
            "</ul></li>" +
            "<li id='t_reset'><a href='#' onclick='re_set()' class='btn vtip' title='文字サイズ・スタイルを初期設定にリセットします' >リセット</a></li>" +
          "</ul>" ;
	$("#toolbar").prepend(tool_code);
}

/*文字サイズ変動調整*/
function adjustAdd(){
	return;
}
function f_adjust(){
	$("#tMenu a").height("auto");
	var h = $("#tMenu ul").innerHeight()-18;
	if(h > 0){
		$("#tMenu a").height(h);
	}
	$("#cMenu a").height("auto");
	var h = $("#cMenu ul").innerHeight()-12;
	if(h > 0){
		$("#cMenu a").height(h);
	}

	adjustAdd();
}
/**
Vertigo Tip by www.vertigo-project.com
Requires jQuery
*/
this.vtip=function(){this.xOffset=-10;this.yOffset=10;$(".vtip").unbind().hover(function(a){this.t=this.title;this.title="";this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("body").append('<p id="vtip">'+this.t+"</p>");/*$("p#vtip #vtipArrow").attr("src","images/vtip_arrow.png");*/$("p#vtip").css("top",this.top+"px").css("left",this.left+"px").fadeIn("slow")},function(){this.title=this.t;$("p#vtip").fadeOut("slow").remove()}).mousemove(function(a){this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("p#vtip").css("top",this.top+"px").css("left",this.left+"px")})};
/*===============main===============*/
var ie=false;

function MenuPanels(){
	//イベント
    $("#subMenu > ul > li").hover(function() {
		//Hover over event
			//hover-> active
			$(this).addClass("active");
			$("ul",this).fadeIn();
			
		}, function() { 
		//on hover out...
			//hover-> off
			$(this).removeClass("active");
			$("ul",this).hide();
		}
	);
	
}

$(document).ready(function() {
	init(false); //設定値読み込み/初期化
	f_tools();
	MenuPanels();

	//google カスタム検索
	$.getScript("http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ja");
    //ツールチップ
    vtip();
});