//css write
if((navigator.appVersion.indexOf('Mac') != -1) && (/*@cc_on!@*/false)){
	document.write('<link rel="alternate stylesheet" href="/english/css/font_s.css" type="text/css" title="fs" />');
} else {
	document.write('<link rel="alternate stylesheet" href="/english/css/font_s.css" type="text/css" title="fs" />');
	document.write('<link rel="alternate stylesheet" href="/english/css/font_m.css" type="text/css" title="fm" />');
	document.write('<link rel="alternate stylesheet" href="/english/css/font_l.css" type="text/css" title="fl" />');
}

//font size change
var fChange = {
	init: function() {
		//setting event
		var links = $('fontChanger').getElementsByTagName('a');
		var preload = new Array();
		for(i=0; i<links.length; i++){
			var images = links[i].childNodes[0];
			if(images.className == 'fchange'){
				preload[i] = new Array()
				for(j=0; j<3; j++){
					preload[i][j] = new Image();
					var path = images.src;
					var point = path.slice(path.length-6, path.length-3);
					switch(j){
						case 0: preload[i][j].src = path.replace(point, oimg); break;
						case 1: preload[i][j].src = path.replace(point, nimg); break;
						case 2: preload[i][j].src = path.replace(point, aimg); break;
					}
				}
				images.onmouseover = function(){
					if(this.src.indexOf(nimg) != -1) changeImage(this, oimg);
				};
				images.onmouseout = function(){
					if(this.src.indexOf(oimg) != -1) changeImage(this, nimg);
				};
				images.onclick = function(){
					fChange.reset(this);
					switch(this){
						case links[0].childNodes[0]: setActiveCss('fs'); break;
						case links[1].childNodes[0]: setActiveCss('fm'); break;
						case links[2].childNodes[0]: setActiveCss('fl'); break;
					}
					return false;
				};
				if(cookie){
					(links[i].parentNode.className == cookie) ? changeImage(images, aimg) : changeImage(images, nimg);
				}
			}
		}
	},

	reset: function(obj) {
		//change the Active image
		var links = $('fontChanger').getElementsByTagName('img');
		for(i=0; i<links.length; i++){
			(links[i] == obj) ?	changeImage(links[i], aimg) : changeImage(links[i], nimg);
		}
	},

	addEvent: function(){
		try {
			window.addEventListener('load', fChange.init, false);
		} catch (e) {
			window.attachEvent('onload', fChange.init);
		}
	}
};
fChange.addEvent();

//read and write the Cookie
var myCookie = {
	set: function(myCookie,myValue,myDay) {
		myExp = new Date();
		myExp.setTime(myExp.getTime()+(myDay*24*60*60*1000));
		myItem = '@' + myCookie + '=' + escape(myValue) + ';';
		myExpires = 'expires='+myExp.toGMTString();
		document.cookie = myItem + myExpires + '; path=/';
	},

	get: function(myCookie) {
		myCookie = '@' + myCookie + '=';
		myValue = null;
		myStr = document.cookie + ';' ;
		myOfst = myStr.indexOf(myCookie);
		if (myOfst != -1){
			myStart = myOfst + myCookie.length;
			myEnd   = myStr.indexOf(';' , myStart);
			myValue = unescape(myStr.substring(myStart,myEnd));
		}
		return myValue;
	}
};

//switch the Image
function changeImage(img, chgStat) {
	var states;
	(img.src.indexOf(nimg) != -1) ? states = nimg :
	(img.src.indexOf(oimg) != -1) ? states = oimg :
	(img.src.indexOf(aimg) != -1) ? states = aimg : states = '';
	if(states){ img.setAttribute('src', img.src.replace(states, chgStat)); }
}

//set the Active css(font)
function setActiveCss(title) {
	var files = document.getElementsByTagName('link');
	for(i=0; i<files.length; i++) {
		if(files[i].getAttribute('rel').indexOf('style') != -1
		&& files[i].getAttribute('title')) {
			files[i].disabled = true;
			if(files[i].getAttribute('title') == title) files[i].disabled = false;
		}
	}
}

//get the Active css(font)
function getActiveCss() {
	var files = document.getElementsByTagName('link');
	for(i=0; i<files.length; i++) {
		if(files[i].getAttribute("rel").indexOf("style") != -1
		&& files[i].getAttribute("title")
		&& !files[i].disabled)
			 return files[i].getAttribute("title");
	}
	return null;
}

//get object by Id
function $(id) { return document.getElementById(id); }

//set first css(font) by Cookie
var sDays = 30;
var nimg = '_n.';
var oimg = '_o.';
var aimg = '_a.';
var cookie = myCookie.get('fontsize');
cookie ? setActiveCss(cookie) : setActiveCss('fs');

//save the Cookie
window.onunload = function(e) {
	myCookie.set('fontsize', getActiveCss(), sDays);
}