jQuery.noConflict();

jQuery(document).ready(function() {
	jQuery('#mycarousel').carousel();
});


Event.observe( window, 'load', function(){
	setFontSize('font_size_selector');
});


// *************************************************
// フォントサイズ切り替えボタン
// *************************************************

var cookiemanager = new CookieManager();

var ChangeFontSize = Class.create();
ChangeFontSize.prototype = {
	initialize: function(){
		this.btn_m = $('font_m');
		this.btn_l = $('font_l');
	},
	change: function(size){
		var body = document.body;
		if(size == 'm'){
			Element.removeClassName(body,'font_size_l');
			Element.addClassName(body,'font_size_m');
			cookiemanager.setCookie('fontSize','m');
		}else if(size == 'l'){
			Element.removeClassName(body,'font_size_m');
			Element.addClassName(body,'font_size_l');
			cookiemanager.setCookie('fontSize','l');
		}
	}
}

var fontsize = new ChangeFontSize();

function setFontSize(targetId){
	var target = targetId;
	var fontSize = cookiemanager.getCookie('fontSize');
	if(fontSize == 'm'){
		fontsize.change('m');
	}else if(fontSize == 'l'){
		fontsize.change('l');
	}else{
		cookiemanager.setCookie('fontSize','m');
		fontsize.change('m');
	}
	
	var btnhtml = document.createElement('div');
	btnhtml.innerHTML = '<ul><li id="font_l"><a href="javascript:fontsize.change(\'l\');">大きく</a></li><li id="font_m"><a href="javascript:fontsize.change(\'m\');">標準</a></li></ul>';
	$(target).appendChild(btnhtml);
}