/*
 * class版
 */

var fontProperty = {
	"Font-Small" : '70%',
	"Font-Medium" : '83%',
	"Font-Large" : '100%'
};

var activeFontSize = "Font-Medium";

var buttonTagName = 'IMG';


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

function readCookie(name) {
	var nameEQ = 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) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function setFontSize( size ){
	var el = document.getElementsByTagName('BODY')[0];
	setStyle( el, { fontSize : fontProperty[size] } );
	activeFontSize = size;
	createCookie("fontSize", size, 365);
}


function setStyle( element, styles ){
	if(!element) return;
	for( var key in styles ){
		element.style[key] = styles[key];
	}
}


function isFontProperty( p ){
	for( var fp in fontProperty ){
		if(fp==p) return true;
	}
	return false;
}



var buttons = [];
function registButton( element ){
	var btn = new Object();
	btn.src = element.src;
	btn.filetype = btn.src.substring(btn.src.lastIndexOf('.'));
	btn.basename = btn.src.substring(0, btn.src.length-btn.filetype.length);
	btn.onsrc = btn.basename + "_on" + btn.filetype;
	
	element.offsrc = btn.src;
	element.onsrc  = btn.onsrc;
	//buttons.push( element );
	buttons[buttons.length] = element;
}
function buttonOff(){
	var className = ( document.all && !window.opera  )? 'className' : 'class';
	for( var i=0; i<buttons.length; i++ ){
		if( buttons[i].getAttribute(className) != activeFontSize )
			buttons[i].src = buttons[i].offsrc;
	}
}
function setActiveButton( size ){
	var className = ( document.all && !window.opera  )? 'className' : 'class';
	for( var i=0; i<buttons.length; i++ ){
		if( buttons[i].getAttribute(className) == size ){
			buttons[i].src = buttons[i].onsrc;
		}
	}
}
function preloadImages(){
	if(!document.images) return;
	var ret = [];
	for( var i=0; i<buttons.length; i++ ){
		(new Image()).src = buttons[i].onsrc;
		ret[ret.length] = buttons[i].onsrc;
	}
}
function swapImage( obj, status ){
	if( !obj || !obj[status+"src"] ) return;
	obj.src = obj[status+"src"];
}



function init(){
	if(!document.getElementById) return;
	
	var fs = readCookie("fontSize");
	if(fs) setFontSize(fs);
	else setFontSize(activeFontSize);
	
	var className = ( document.all && !window.opera  )? 'className' : 'class';
	var sw = document.getElementsByTagName(buttonTagName);
	for( var i=0; i<sw.length; i++ ){
		if(!sw[i].getAttribute(className)) continue;
		var cns = sw[i].getAttribute(className).split(/ /);
		for(var j=0; j<cns.length; j++){
			if( isFontProperty(cns[j]) ){
				
				registButton( sw[i] );
				
				var num = j;
				sw[i].onclick = function(){
					var fs = this.getAttribute(className).split(/ /)[num];
					setFontSize( fs );
					setActiveButton( fs );
					buttonOff();
				};
				sw[i].onmouseover = function(){
					swapImage( this, "on" );
				};
				sw[i].onmouseout = function(){
					//swapImage( this, "off" );
					buttonOff();
					if( this.getAttribute(className) != activeFontSize ){
						// 他のボタンも一旦全てoffにする
						this.src = this.offsrc;
					}
				};
			}
		}
	}
	preloadImages();
	setActiveButton( activeFontSize );
}




evt.addEvent( window, 'load', init, false );
evt.addEvent( window, 'unload', function(){
	createCookie("fontSize", activeFontSize, 365);
}, false );