// JavaScript Document

/* ===============================================
  ROLL OVER
=============================================== */
	function initRollOverImages(){
		var image_cache = new Object();
		$("img.rover,input.rover,a.rover img").each(function(i){
			var imgsrc = this.src;
			var dot = this.src.lastIndexOf('.');
			var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
			image_cache[this.src] = new Image();
			image_cache[this.src].src = imgsrc_ro;
			$(this).hover(
				function() { if(!$(this).hasClass("active")){this.src = imgsrc_ro;} },
				function() {if(!$(this).hasClass("active")){this.src = imgsrc; }})
		});
	}

/* ===============================================
  Menu_active
=============================================== */
	function Menu_active(id){
		if(id != ''){
			var target_img = "img#"+id;
			$(target_img).each(function(i){
				dot = this.src.lastIndexOf('.');
				var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
				this.src = imgsrc_ro;
				//既に割り当てられているロールオーバー関数を上書き
				$(this).hover(function(){
					this.src = imgsrc_ro;
				},function(){
					this.src = imgsrc_ro;
				});
			});
		}
	}


/* ===============================================
  localMenu_active
=============================================== */
	function localMenu_active(id){
		if(id != ''){
			$(id).addClass('on');
			var IdName = id.substr(1,10);
			$('#LocalNavi .'+IdName).css({'display':'block'});
			var ParentId = id.substr(1,13);
			$('#LocalNavi .'+ParentId).css({'display':'block'});
		}
	}


/* ===============================================
  input,textarea focus
=============================================== */
	function InputFocus(){
		$('input[type=text],input[type=password],textarea').addClass('input-usually');
		$('.input-usually').focus(function(){
			$(this).addClass('input-focus');
		});
		$('.input-usually').blur(function(){
			if($(this).find('.input-focus')){
				$(this).removeClass('input-focus');
			}
		});
	}



/* ===============================================
  FONT SIZE
=============================================== */
function fontChanger(){
		var history = $.cookie('fontSize');
		var elm = $('#Container');
		if(history){
			elm.addClass(history);
		}else{
			elm.addClass('fontM');
			history = "fontM";
		}
		var active_btn = "#fontChange li#"+history;
		$(active_btn).find("img").addClass("active");
		$(active_btn).find("img").attr("src",$(active_btn).find("img").attr("src").replace(".gif","_on.gif"));
		$(active_btn).addClass('on');
		
		$('li','#fontChange').click(function(){
											 
			var setFontSize = this.id;
			$.cookie('fontSize', setFontSize,{expires:30,path:'/'});
			elm.removeClass('fontS');
			elm.removeClass('fontM');
			elm.removeClass('fontL');
			elm.addClass(setFontSize);
			
			$('#fontChange li', this.group).each(function(){
				$(this).removeClass('on');
			});
			$("#fontChange li img").each(function(){
				this.src=this.src.replace("_on","");
				if($(this).hasClass("active")){
					$(this).removeClass("active");
				}
			});

			$(this).find("img").addClass("active");
			$(this).find("img").attr("src",$(this).find("img").attr("src").replace(".gif","_on.gif"));
			$(this).addClass('on');
		});
	}



/* ===============================================
  各関数を実行する。
=============================================== */
$(document).ready(function(){
	initRollOverImages();
	InputFocus();
	fontChanger();
});



/* ===============================================
  css
=============================================== */
$(function() {
	$('#Main div.section-idx div.section-row:last').css('margin-bottom','0px');
})
$(function() {
	$('#Main div.section:last').css('margin-bottom','0px');
})
$(function() {
	$('#Main div.section-body:last').css('margin-bottom','0px');
})
$(function() {
	$('#Main #Contactbox').before('<div class="separator"></div>');
})