var LssPT_ChangeCss = Class.create({

initialize : function(inStyleTagId, inDefault){
		if($(inStyleTagId)){
			this.element = $(inStyleTagId);
		}else{
			return false;
		}
		
		if(arguments.length>2){
			for(i=2;i<=arguments.length;i+=3){
				if(arguments[i] && arguments[i+1] && arguments[i+2]){
					this.add($(arguments[i]), arguments[i+1], arguments[i+2]);
				}
			}
		}
		
		this.cookieManager = new CookieJar();
		currentSrc = this.cookieManager.get("ls_style");
		if(currentSrc){
			this.replaceSrc(currentSrc);
		}
		else if(inDefault){
			this.replaceSrc(inDefault);
		}
	},
	
	add : function(inElement, inEvent, inStyleSrc){
		Event.observe($(inElement), inEvent, this.replaceSrc.bind(this, inStyleSrc));
	},
	
	setCookieName : function(inCookieName){
		this.option.cookieName = inCookieName;
	},
	
	setCookiePath : function(inCookiePath){
		this.option.cookiePath = inCookiePath;
	},
	
	replaceSrc : function(inStyleSrc){
		if(this.element){
			this.element.href = inStyleSrc;
		}
		this.cookieManager.put("ls_style", inStyleSrc);
	}
});


Event.observe(window, "load", function(){
	new LssPT_ChangeCss(
					"cssFontSize", "/css/fontsize/default.css"
					, "fontSize01", "click", "/css/fontsize/small.css"
					, "fontSize02", "click", "/css/fontsize/middle.css"
					, "fontSize03", "click", "/css/fontsize/large.css"
					);
});