$(document).ready(function() {
	var bodyClass = 'size';
	var switchClass = 'sizeChange';
	var startClass = "Medium";

	var value = $.cookie('fontSize');

	if(value) {
		$("body").addClass(bodyClass + value);
	} else {
		$("body").addClass(bodyClass + startClass);
	}
	
	if(value=="Small") {
		$("#fontArea dd.sizeChangeSmall img").attr("src",$("#fontArea dd.sizeChangeSmall img").attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
		$("#fontArea dd.sizeChangeSmall img").addClass("imgon");
	}else if(value=="Large") {
		$("#fontArea dd.sizeChangeLarge img").attr("src",$("#fontArea dd.sizeChangeLarge img").attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
		$("#fontArea dd.sizeChangeLarge img").addClass("imgon");
	}else{
		$("#fontArea dd.sizeChangeMedium img").attr("src",$("#fontArea dd.sizeChangeMedium img").attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
		$("#fontArea dd.sizeChangeMedium img").addClass("imgon");
	}
	
	images = $("#fontArea dd img");
	
	images.mouseover(function(){
		if(! $(this).attr("class").match( /^imgon$/i )){
			$(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
		}
	}).mouseout(function(){
		if(! $(this).attr("class").match( /^imgon$/i )){
			$(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
		}
	}).each(function(){
		$("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
	})

	$("#fontArea dd").click( function() {
		var value = $(this).attr("class").replace(switchClass, '');
		var otherImage = $(this).siblings().children();
		
		jQuery.each(otherImage, function() {
			$(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
			$(this).removeClass("imgon");
		});

		$(this).children().addClass("imgon");
		
		$("body").removeClass(bodyClass + "Medium").removeClass(bodyClass + "Small").removeClass(bodyClass + "Large");
		$("body").addClass(bodyClass + value);

		$.cookie('fontSize', value,{path:'/'});
	});
});