// JavaScript Document
/*font size chnager*/

/*valiable*/
COOKIE_NAME = "jrc_style";
COOKIE_EXPIRE_DAYS = 30;
CSS_FILENAME_LARGE = "large.css";
CSS_FILENAME_NORMAL = "normal.css";

/*global varialble*/
var selectedCSS = "";
var cssPathLarge = "";
var cssPathNormal = "";


/*CSS file path*/
function makeCSSPath(){
	//default path
	var cssDir = "";
	var defaultPath = document.getElementById( "jrc_stylesheet" ).getAttribute("href");
	//get file name 
	var startNum = defaultPath.indexOf( "normal" );
	//get directry path
	cssDir = defaultPath.substring(0, startNum);
	//大中小のパスを生成
	cssPathLarge = cssDir + CSS_FILENAME_LARGE;
	cssPathNormal = cssDir + CSS_FILENAME_NORMAL;
}

/*cookie*/
function confirmCookie(){
	if( document.cookie ){
		var nameEQ = COOKIE_NAME + "=";
		var ca = document.cookie.split( ';' );
		for( var i=0; i<ca.length; i++ ){
			var c = ca[i];
			while( c.charAt(0) == ' ' ){
				c = c.substring( 1, c.length );
			}
			if( c.indexOf( nameEQ ) == 0 ){
				selectedCSS = c.substring( nameEQ.length, c.length );
			}
		}
	} else {
		writeCookie( "normal" );
	}
	setStyle( selectedCSS );
}

/*create cookie*/
function writeCookie( styleValue ) {
	if (COOKIE_EXPIRE_DAYS) {
		var date = new Date();
		date.setTime(date.getTime()+(COOKIE_EXPIRE_DAYS*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	} else {
		expires = "";
	}
	document.cookie = COOKIE_NAME + "=" + styleValue + expires + "; path=/";
	setStyle( styleValue );
}

/*change style based on cookie*/
function setStyle(selectStyle){
	var cssPath = "";
	switch(selectStyle){
		case "large":
			cssPath = cssPathLarge;
			break;
		case "normal":
			cssPath = cssPathNormal;
			break;
		default:
			cssPath = cssPathNormal;
	}
	document.getElementById("jrc_stylesheet").href = cssPath;
	selectedCSS = selectStyle;
	
	//change font size BT
	changeCurrentImage(selectStyle);
}

/*global font size BT valiable*/
//font size BT image src
var largeSrc;
var normalSrc;
//*.gif
var largePathNum;
var normalPathNum;
var largeFrontPath;
var normalFrontPath;
//image valiable
var largeStackImage;
var normalStackImage;
var largeCurrentImage;
var normalCurrentImage;
var largeRolloverImage;
var normalRolloverImage;

/*page load */
function initImage(){
	//BT image src
	largeSrc = document.getElementById("largeButton").src;
	normalSrc = document.getElementById("normalButton").src;
	//src before gif
	largePathNum = largeSrc.indexOf(".gif");
	normalPathNum = normalSrc.indexOf(".gif");
	largeFrontPath = largeSrc.substring(0, largePathNum-1);
	normalFrontPath = normalSrc.substring(0, normalPathNum-1);
	//for rollover
	largeStackImage = largeFrontPath + "s.gif";
	normalStackImage = normalFrontPath + "s.gif";
	largeCurrentImage = largeFrontPath + "c.gif";
	normalCurrentImage = normalFrontPath + "c.gif";
	largeRolloverImage = largeFrontPath + "v.gif";
	normalRolloverImage = normalFrontPath + "v.gif";
	
	
	document.getElementById("largeButton").src = largeStackImage;
	document.getElementById("normalButton").src = normalStackImage;
	
	document.getElementById("largeButton").style.cursor = "pointer";
	document.getElementById("normalButton").style.cursor = "pointer";

	return null;
}

/*current font size*/
function changeCurrentImage(selectStyle){
	initImage();
	
	
	switch(selectStyle){
		case "large":
			document.getElementById("largeButton").src = largeCurrentImage;
			document.getElementById("largeButton").style.cursor = "default";
			break;
		case "normal":
			document.getElementById("normalButton").src = normalCurrentImage;
			document.getElementById("normalButton").style.cursor = "default";
			break;
		default:
	}
}

/*roll over function*/
function changeRolloverImage(rolloverButton){
	//roll over if not chosen
	if(rolloverButton != selectedCSS){
		switch(rolloverButton){
			case "large":
				document.getElementById("largeButton").src = largeRolloverImage;
				break;
			case "normal":
				document.getElementById("normalButton").src = normalRolloverImage;
				break;
			default:
		}
	}
}

/*front font*/
function changeRolloutImage(rolloutButton){
	//
	if(rolloutButton != selectedCSS){
		switch(rolloutButton){
			case "large":
				document.getElementById("largeButton").src = largeStackImage;
				break;
			case "normal":
				document.getElementById("normalButton").src = normalStackImage;
				break;
			default:
		}
	}
}

/*reload*/
window.onload = function(e) {
	confirmCookie();
}

/*out page*/
window.onunload = function(e) {
	writeCookie( selectedCSS );
}

makeCSSPath();