var defVt = $.cookie('defaultViewType');
if(defVt == null){
	$.cookie('defaultViewType','2');
	defVt = '2';
}

$(function(){
	var options={
	linkTitle: 'styleswichter',
	cookieName: 'selected-style'
	};
	$.fn.StyleSwichter(options);
});

$(function() {
// ボタンクリック時の挙動を定義
$('#small a').click(
	function() {
		$.cookie('defaultViewType','1');
		var d = $('#small a');
		var e = $('#medium a');
		var f = $('#large a');
		// bg_bクラスが適用されているか
		if (d.hasClass('on')) {
			// 適用済みの場合は破棄
			d.removeClass('on');
			if (f.hasClass('on')) {
				f.removeClass('on');
			} else if (e.hasClass('on')) {
				e.removeClass('on');
			}
		} else {
			// 未適用の場合は追加
			d.addClass('on');
			if (f.hasClass('on')) {
				f.removeClass('on');
				} else if (e.hasClass('on')) {
				e.removeClass('on');
				}
			}
		}
	);
$('#medium a').click(
	function() {
		$.cookie('defaultViewType','2');
		var d = $('#small a');
		var e = $('#medium a');
		var f = $('#large a');
		// bg_bクラスが適用されているか
		if (e.hasClass('on')) {
			// 適用済みの場合は破棄
				e.removeClass('on');
				if (f.hasClass('on')) {
					f.removeClass('on');
				} else if (d.hasClass('on')) {
					d.removeClass('on');
					}
		} else {
			// 未適用の場合は追加
			e.addClass('on');
			if (f.hasClass('on')) {
				f.removeClass('on');
			} else if (d.hasClass('on')) {
				d.removeClass('on');
			}
		}
	}
);
$('#large a').click(
	function() {
		$.cookie('defaultViewType','3');
		var d = $('#small a');
		var e = $('#medium a');
		var f = $('#large a');
		// bg_bクラスが適用されているか
		if (f.hasClass('on')) {
			// 適用済みの場合は破棄
			f.removeClass('on');
			if (d.hasClass('on')) {
				d.removeClass('on');
			} else if (e.hasClass('on')) {
				e.removeClass('on');
			}
		} else {
			// 未適用の場合は追加
			f.addClass('on');
			if (d.hasClass('on')) {
				d.removeClass('on');
			} else if (e.hasClass('on')) {
				e.removeClass('on');
			}
		}
	}
);
});


$(function() {
	
	var d = $('#small a');
	var e = $('#medium a');
	var f = $('#large a');
	if (defVt == '1'){
		// bg_bクラスが適用されているか
		if (d.hasClass('on')) {
			if (f.hasClass('on')) {
				f.removeClass('on');
			} else if (e.hasClass('on')) {
				e.removeClass('on');
			}
		} else {
			// 未適用の場合は追加
			d.addClass('on');
			if (f.hasClass('on')) {
				f.removeClass('on');
			} else if (e.hasClass('on')) {
				e.removeClass('on');
			}
		}
	} else if (defVt == '2'){
		// bg_bクラスが適用されているか
		if (e.hasClass('on')) {
			if (f.hasClass('on')) {
				f.removeClass('on');
			} else if (d.hasClass('on')) {
				d.removeClass('on');
			}
		} else {
			// 未適用の場合は追加
			e.addClass('on');
			if (f.hasClass('on')) {
				f.removeClass('on');
			} else if (d.hasClass('on')) {
				d.removeClass('on');
			}
		}
	} else {
		// bg_bクラスが適用されているか
		if (f.hasClass('on')) {
			if (d.hasClass('on')) {
				d.removeClass('on');
			} else if (e.hasClass('on')) {
				e.removeClass('on');
			}
		} else {
			// 未適用の場合は追加
			f.addClass('on');
			if (d.hasClass('on')) {
				d.removeClass('on');
			} else if (e.hasClass('on')) {
				e.removeClass('on');
			}
		}
	}
});