COOKIE_NAME = "jrc_style";
COOKIE_EXPIRE_DAYS = 30;
CSS_FILENAME_LARGE = "large.css";
CSS_FILENAME_NORMAL = "normal.css";
CSS_FILENAME_SMALL = "small.css";

var selectedCSS = "";
var cssPathLarge = "";
var cssPathNormal = "";
var cssPathsmall = "";

function makeCSSPath(){
	var cssDir = "";
	var defaultPath = document.getElementById( "jrc_stylesheet" ).getAttribute("href");
	var startNum = defaultPath.indexOf( "normal" );
	cssDir = defaultPath.substring(0, startNum);
	cssPathLarge = cssDir + CSS_FILENAME_LARGE;
	cssPathNormal = cssDir + CSS_FILENAME_NORMAL;
	cssPathsmall = cssDir + CSS_FILENAME_SMALL;
}

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 );
}

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 );
}

function setStyle(selectStyle){
	var cssPath = "";
	switch(selectStyle){
		case "large":
			cssPath = cssPathLarge;
			break;
		case "normal":
			cssPath = cssPathNormal;
			break;
		case "small":
			cssPath = cssPathsmall;
			break;
		default:
			cssPath = cssPathNormal;
	}
	document.getElementById("jrc_stylesheet").href = cssPath;
	selectedCSS = selectStyle;
	
	changeCurrentImage(selectStyle);
}

var largeSrc;
var normalSrc;
var smallSrc;
var largePathNum;
var normalPathNum;
var smallPathNum;
var largeFrontPath;
var normalFrontPath;
var smallFrontPath;
var largeStackImage;
var normalStackImage;
var smallStackImage;
var largeCurrentImage;
var normalCurrentImage;
var smallCurrentImage;
var largeRolloverImage;
var normalRolloverImage;
var smallRolloverImage;

function initImage(){
	largeSrc = document.getElementById("largeButton").src;
	normalSrc = document.getElementById("normalButton").src;
	smallSrc = document.getElementById("smallButton").src;
	largePathNum = largeSrc.indexOf(".gif");
	normalPathNum = normalSrc.indexOf(".gif");
	smallPathNum = smallSrc.indexOf(".gif");
	largeFrontPath = largeSrc.substring(0, largePathNum-1);
	normalFrontPath = normalSrc.substring(0, normalPathNum-1);
	smallFrontPath = smallSrc.substring(0, smallPathNum-1);
	largeStackImage = largeFrontPath + "s.gif";
	normalStackImage = normalFrontPath + "s.gif";
	smallStackImage = smallFrontPath + "s.gif";
	largeCurrentImage = largeFrontPath + "c.gif";
	normalCurrentImage = normalFrontPath + "c.gif";
	smallCurrentImage = smallFrontPath + "c.gif";
	largeRolloverImage = largeFrontPath + "v.gif";
	normalRolloverImage = normalFrontPath + "v.gif";
	smallRolloverImage = smallFrontPath + "v.gif";
	
	document.getElementById("largeButton").src = largeStackImage;
	document.getElementById("normalButton").src = normalStackImage;
	document.getElementById("smallButton").src = smallStackImage;
	
	document.getElementById("largeButton").style.cursor = "pointer";
	document.getElementById("normalButton").style.cursor = "pointer";
	document.getElementById("smallButton").style.cursor = "pointer";

	return null;
}

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;
		case "small":
			document.getElementById("smallButton").src = smallCurrentImage;
			document.getElementById("smallButton").style.cursor = "default";
			break;
		default:
	}
}

function changeRolloverImage(rolloverButton){
	if(rolloverButton != selectedCSS){
		switch(rolloverButton){
			case "large":
				document.getElementById("largeButton").src = largeRolloverImage;
				break;
			case "normal":
				document.getElementById("normalButton").src = normalRolloverImage;
				break;
			case "small":
				document.getElementById("smallButton").src = smallRolloverImage;
				break;
			default:
		}
	}
}

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

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

window.onunload = function(e) {
	writeCookie( selectedCSS );
}

makeCSSPath();