function changeInputBgc(obj, bgStatus) {
	if(bgStatus == '0') {
		obj.style.backgroundColor = "#ffffff";
	} else if(bgStatus == '1') {
		obj.style.backgroundColor = "#ffffcc";
	}
}

/*
 * font change script ver1.0
 * this need to be executed first
 */

// read cookie data and set css file
var cookieData = readCookie("style");
if(!cookieData) cookieData = "Default";

// set URL where css file exists 
var siteUrl = "";

var thisURL = document.URL;

if (thisURL.match(/http:/)) {
    siteUrl = "http://www.wwf.or.jp";
}else if(thisURL.match(/https:/)){
    siteUrl = "https://www.wwf.or.jp";
}


var cssfile = "";

if(cookieData == "Large") {
	cssfile = siteUrl + "/shared/css/font_large.css";
} else {
	cssfile = siteUrl + "/shared/css/font_default.css";
}
document.write ('<link rel="stylesheet" href="'+cssfile+'" type="text/css" />');


window.self.focus();

/*
 * browser check script ver3.0
 */

var gAgent = navigator.userAgent;
var gAppVer = navigator.appVersion;

var gBrowser = navigator.appName;
var gPlatform = null;
var gVersion = null;

if (gAgent.indexOf('Mac') != -1) {
	gPlatform = "Mac";
} else if (gAgent.indexOf('Win') != -1) {
	gPlatform = "Win";
} else {
	gPlatform = "other";
}

if (gAgent.indexOf('Safari') != -1) {
	gBrowser = "Safari";
} else if (gAgent.indexOf('MSIE') != -1) {
	gVersion = gAgent.substring((gAgent.indexOf('MSIE') + 5), (gAgent.indexOf('MSIE') + 9));
	gBrowser = "MSIE";

} else if (gAgent.indexOf('MSIE') == -1) {
	gVersion = gAppVer.substring(0,4);
	if (gAgent.indexOf('Gecko') != -1) {
		if (gAgent.indexOf('Netscape') != -1) {
			gVersion = gAgent.substring((gAgent.indexOf('Netscape') + 10), (gAgent.indexOf('Netscape') + 14));
		}
	}
	if (gBrowser == "Netscape") {
		gBrowser = "NN";
	}
}

if (gVersion.indexOf(';') != -1) {
	gVersion = gVersion.substring(0, gVersion.indexOf(';'));
}
if (gVersion.indexOf(' ') != -1) {
	gVersion = gVersion.substring(0, gVersion.indexOf(' '));
}

/*
 * window open/close script ver1.0
 */
 
// This script need 'client.js', before execute.
if (!gNewWindow) {
	var gNewWindow = null;
}

function openWin(url, n, w, h, st){
	var width = parseInt(w);
	var height = parseInt(h);
	var toolbar;
	var location;
	var directories;
	var status;
	var menubar;
	var resizable;
	var scrollbars;
	var dependent;

	st.charAt(0) == '1'	?  toolbar = 'yes' 		: toolbar = 'no';
	st.charAt(1) == '1'	?  location = 'yes' 	: location = 'no';
	st.charAt(2) == '1'	?  directories = 'yes' 	: directories = 'no';
	st.charAt(3) == '1'	?  status = 'yes' 		: status = 'no';
	st.charAt(4) == '1'	?  menubar = 'yes' 		: menubar = 'no';
	st.charAt(5) == '1'	?  resizable = 'yes' 	: resizable = 'no';
	st.charAt(6) == '1'	?  scrollbars = 'yes' 	: scrollbars = 'no';
	st.charAt(7) == '1'	?  dependent = 'yes' 	: dependent = 'no';

	if (location == 'yes') {
		// NN5 over
		if (gBrowser == "NN" && gVersion >= 5) {
			width += 0;
			height += 0;

		// NN4 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "NN" && gVersion >= 4) {
			width += 15;
			height += 15;

		// NN4(for Win)
		} else if (gBrowser == "NN" && gVersion >= 4) {
			width += 0;
			height += 0;

		// IE5 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "MSIE" && gVersion >= 5) {
			width += 0;
			height += 19;

		// IE4 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "MSIE" && gVersion >= 4) {
			width += 2;
			height += 6;

		// IE6(for Win)
		} else if (gBrowser == "MSIE" && gVersion >= 6) {
			width += 0;
			height -= 19;

		// IE5(for Win)
		} else if (gBrowser == "MSIE" && gVersion >= 5) {
			width += 0;
			height -= 19;

		// IE4(for Win)
		} else if (gBrowser == "MSIE" && gVersion >= 4) {
			width += 0;
			height -= 19;

		// safari for Mac
		} else if (gPlatform == "Mac" && gBrowser == "Safari" && gVersion >= 0) {
			width += -2;
			height += 50;

		// other
		} else {
			width += 0;
			height += 0;
		}
	}

	if (scrollbars == 'yes') {
		// NN5 over
		if (gBrowser == "NN" && gVersion >= 5) {
			width += 15;
			height += 1;

		// NN4 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "NN" && gVersion >= 4) {
			width += 15;
			height -= 0;

		// NN4(for Win)
		} else if (gBrowser == "NN" && gVersion >= 4) {
			width += 16;
			height -= 0;

		// IE5 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "MSIE" && gVersion >= 5) {
			width -= 0;
			height -= 16;

		// IE4 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "MSIE" && gVersion >= 4) {
			width -= 0;
			height -= 14;

		// IE5(for Win)
		} else if (gBrowser == "MSIE" && gVersion >= 5) {
			width += 16;
			height += 0;

		// IE4(for Win)
		} else if (gBrowser == "MSIE" && gVersion >= 4) {
			width += 16;
			height += 0;

		// other
		} else {
			width += 15;
			height += 3;
		}
	} else {
		// NN5 over
		if (gBrowser == "NN" && gVersion >= 5) {
			width += 1;
			height += 1;

		// NN4 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "NN" && gVersion >= 4) {
			width -= 0;
			height -= 0;

		// NN4(for Win)
		} else if (gBrowser == "NN" && gVersion >= 4) {
			width -= 0;
			height -= 0;

		// IE5 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "MSIE" && gVersion >= 5) {
			width -= 0;
			height -= 0;

		// IE4 for Mac
		} else if (gPlatform == "Mac" && gBrowser == "MSIE" && gVersion >= 4) {
			width -= 0;
			height += 2;

		// IE5(for Win)
		} else if (gBrowser == "MSIE" && gVersion >= 5) {
			width += 0;
			height += 0;

		// IE4(for Win)
		} else if (gBrowser == "MSIE" && gVersion >= 4) {
			width += 0;
			height += 0;

		// other
		} else {
			width += 0;
			height += 0;
		}
	}


	if (status == 'yes') {
		// NN4 for Mac
		if (gPlatform == "Mac" && gBrowser == "NN" && gVersion >= 4 && gVersion < 5) {
			width -= 15;
			height -= 15;

		// IE4 for Mac
		}else if(gPlatform == "Mac" && gBrowser == "MSIE" && gVersion >= 4 && gVersion < 5){
			width -= 0;
			height += 16;

		}
	}


	if (status == 'no') {
		// NN4
		if (gBrowser == "NN" && gVersion >= 4 && gVersion < 5) {
			width -= 0;
			height -= 0;

		// NN5 over
		}else if (gPlatform == "Mac" && gBrowser == "NN") {
			width += 0;
			height += 80;

		// NN5 over
		}else if (gPlatform == "Win" && gBrowser == "NN") {
			width += 0;
			height += 20;

		// safari for Mac
		} else if (gPlatform == "Mac" && gBrowser == "Safari" && gVersion >= 0) {
			width += 0;
			height += 20;

		}
	}


	var win_size = 'width=' + width + ',height=' + height;
	var win_attr = 'toolbar=' + toolbar + ',location=' + location + ',directories=' + directories + ',status=' + status + ',menubar=' + menubar + ',resizable=' + resizable + ',scrollbars=' + scrollbars + ',dependent=' + dependent;

	var w = window.open(url, n, win_attr + ',' + win_size);
	return false;
}


/*
 * font change script ver1.0
 */
// change idName.backgrounds
function defaultFontSize(sl, idName) {
	position = "/shared/images/font_btn_normal_on.gif";
	basePosition = "/shared/images/font_btn_large.gif";

	// change background
	var li3 = document.getElementById("largeImg");
	li3.src = basePosition;

	// change focused size background
	var li = document.getElementById("normalImg");
	li.src = position;
	setDocumentSize(sl, idName);
	createCookie("style", sl, 365);
}

function zoomFontSize(sl, idName) {
	position = "/shared/images/font_btn_large_on.gif";
	basePosition = "/shared/images/font_btn_normal.gif";

	// change background
	var li2 = document.getElementById("normalImg");
	li2.src = basePosition;

	// change focused size background
	var li = document.getElementById("largeImg");
	li.src = position;
	setDocumentSize(sl, idName);
	createCookie("style", sl, 365);
}

// change idName.fontSize by sl
function setDocumentSize(sl, idName) {
	if(sl == 'Default') {
		size = "100%";
	} else if(sl == 'Large') {
		size = "120%";
	} else {
		size = "100%";
	}

	// change font size
	obj = document.getElementById(idName);
	obj.style.fontSize = size;
}

// create cookie
function createCookie(name,value,days) {
	var expires = "";
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	document.cookie = name + "=" + value + expires + "; path=/";
}

// read cookie
function readCookie(name) {
	var nameEqual = 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(nameEqual) == 0 ){
			var result = c.substring(nameEqual.length,c.length);
			return result;
		}
	}
	return null;
}

// init --onload function
function init() {
	var cookieData = readCookie("style");
	if(!cookieData) cookieData = "Default";
	var position = "";

// change focused size background
	if(cookieData == "Default"){
		position = "/shared/images/font_btn_normal_on.gif";
		document.getElementById("normalImg").src = position;
	}else if(cookieData == "Large"){
		position = "/shared/images/font_btn_large_on.gif";
		document.getElementById("largeImg").src = position;
		shokika = "/shared/images/font_btn_normal.gif";
		document.getElementById("normalImg").src = shokika;
	}
}