function SSS() {
	//-----------------------------------------------------
	// 基本設定
	//-----------------------------------------------------

	// 各シートのファイルパスの規準ディレクトリ

	//SSS.rootPath = 'file:///C:/Users/Satoshi/Desktop/w3/css/'; //home
	SSS.rootPath = 'http://www.w-frontier.com/css/';  //on web
	//SSS.rootPath = 'http://paul-smith.sakura.ne.jp/css/';  //on web


	SSS.sheetsInitialize = function() {
	// シートの設定
		Sheet('Elegant Bordeaux@Normal', 'elegant_bordeaux/main.css');
		Sheet('Marine Aquarium@Normal', 'marine_aquarium/main.css');
		Sheet('Carbon Graphite@Normal', 'carbon_graphite/main.css');
		Sheet('Modern Cafe Style@Normal', 'modern_cafe_style/main.css');
		Sheet('Stylish Silver (old-type)@Normal', 'stylish_silver/main.css');
		Sheet('SAKURA@Season', 'sakura/main.css');
		Sheet('Ferrari@Brand', 'ferrari/main.css');
		Sheet('Paul Smith@Brand', 'paul_smith/main.css');
		Sheet('Super Star Force (1986)@Parody', 'super_star_force/main.css');
	};

	// NN4.x 専用のシートのパス（複数指定可）
	SSS.NN4Sheets = 'none';

	// HTML 3.2/HTML 4 →「0」
	// XHTML 1.0 →「1」
	// XHTML 1.1 →「2」
	SSS.modeXhtml = 2;


	//-----------------------------------------------------

	// 選択されなかったシートを代替シートとして出力する場合は「 true 」
	SSS.modeAlternate = true;

	// 選択シート情報のクッキーの保持期限（日）
	SSS.cookieLimit = 30;

	// シートの選択リスト中で、デフォルトのシート名の後に表示する文字列
	SSS.defaultStr = '';

	// 隠しシート機能を無効にする場合は「false」
	SSS.modeHidden = true;

	// 隠しシートを disabled 状態でリストに表示する場合は「 true 」
	SSS.viewDisabled = false;

	//-----------------------------------------------------



	//-----------------------------------------------------
	// 初期化

	SSS.xhtmlTagClose = (SSS.modeXhtml > 0) ? ' /' : '' ;
	SSS.defaultSheetIndex = 1;

	SSS.counter = 0;
	SSS.NN4Num = 0;

	SSS.param = unescape(location.search);
		SSS.param = SSS.param.substring(1, SSS.param.length);

	//-----------------------------------------------------


	//-----------------------------------------------------
	// スタイルの判別及び link 要素の出力
	SSS.writeHeader = function() {

		Sheet('NON STYLE');
		SSS.sheetsInitialize();
			SSS.NN4Num = SSS.counter;
		Sheet('With-Style', SSS.NN4Sheets);

		// 選択スタイルの情報を取得（ with Cookie ）
		SSS.selectedId = JCookie.data.Selected;
		if (!SSS.selectedId
			|| (!UA.NN4 && SSS.selectedId == sheets[SSS.NN4Num].id))
			SSS.selectedIf = sheets[SSS.defaultSheetIndex].id;
		for (var i = 0; i != SSS.NN4Num; i++) {
			if (SSS.param == sheets[i].id) SSS.selectedId = sheets[i].id;
			if (SSS.param == sheets[i].id+'-FORCE') {
				SSS.selectedId = sheets[i].id;
				JCookie.put('Selected', SSS.selectedId, 30);
			}
		}

		// スタイル判別と link 要素の出力
		if (SSS.selectedId == sheets[0].id) sheets[0].selected = true;
		if (UA.NN4) {
			if (SSS.NN4Sheets != 'none' && !sheets[0].selected) {
				sheets[SSS.NN4Num].selected = true;
				SSS.makeLink(true, sheets[SSS.NN4Num].id, SSS.NN4Sheets);
			}
		} else {
			if (!sheets[0].selected) {
				for (i = 1; SSS.selectedId != sheets[i].id; i++)
					if (i == SSS.NN4Num) {
						i = SSS.defaultSheetIndex;
						break;
					}
				sheets[i].selected = true;
			}
			for (i = 1; i != SSS.NN4Num; i++)
				SSS.makeLink(sheets[i].selected, sheets[i].id, sheets[i].path, sheets[i].media);
		}

	}

	// linking stylesheet
	SSS.makeLink = function(selected, title, paths, media) {
		if (paths == '') return;
		if (!media) media = (UA.NN4) ? 'screen' : 'all' ;
		var titleStr = (title) ? '|title|'+title : '' ,
			alternateStr = (selected) ? '' : 'alternate ' ,
			splitedPaths = new Array();
		splitedPaths = paths.split(',');
		for ( var i = 0; i != splitedPaths.length; i++) {
			if (!(!SSS.modeAlternate && !selected))
				document.write(
					makeNode('link|type|text/css|rel|'+alternateStr+'stylesheet|href|'+SSS.rootPath+splitedPaths[i]+titleStr+'|media|'+media)
				);
		}
	}
	//-----------------------------------------------------

	//-----------------------------------------------------
	// 選択フォームの出力
	SSS.writeForm = function() {
		SSS.styleForm = (UA.NN4 && SSS.NN4Sheets == 'none') ? '' :
			SSS.styleForm = makeNode('div|id|StyleSel',
						    'Design: ' + makeNode('select|id|Styles|name|Styles|onchange|SSS.formApply(this);',SSS.makeOptions()
					)
				);

		var nameStr = (SSS.modeXhtml > 1) ? '' : 'name|StyleSelForm|' ;

		document.write(
			makeNode('form|'+nameStr+'id|StyleSelForm|action|'+location.href,SSS.styleForm)
		);
	}

	// 送信
	SSS.formApply = function(obj) {
		JCookie.put('Selected', sheets[obj.options[obj.selectedIndex].value].id, SSS.cookieLimit);
		location.href = location.href.match(/[^#?]*/);
	}

	SSS.makeOptions = function() {
		var optgroupOpen = false,
			options = '',
			optgroup = '';

		if (UA.NN4) options = SSS.makeOption(SSS.NN4Num);
		else {
			for ( var n = 1; n != SSS.NN4Num; n++) {
				if (sheets[n].group != sheets[n-1].group) {
					options += (optgroupOpen && optgroup != '' && !UA.N6) ?
						makeNode('optgroup|label|'+sheets[n-1].group, optgroup) : optgroup ;
					optgroup = '';
					if (sheets[n].group != '') optgroupOpen = true;
				}
				if (!sheets[n].hidden) optgroup += SSS.makeOption(n);
			}
			options += (optgroupOpen && optgroup != '' && !UA.N6) ?
				makeNode('optgroup|label|'+sheets[n-1].group, optgroup) : optgroup ;
		}

		return(options+SSS.makeOption(0));
	}

	SSS.makeOption = function(num) {
		var selAtt = (sheets[num].selected) ? '|selected|selected' : '' ;
			selAtt += (sheets[num].disabled) ? '|disabled|disabled' : '' ;
		var defValue = (num == SSS.defaultSheetIndex) ? SSS.defaultStr : '' ;
		return(makeNode('option|value|'+num+'|label|'+sheets[num].label+selAtt, sheets[num].label+defValue));
	}
	//-----------------------------------------------------

	// おまけ：スタイルが選択されているか否かを判別する関数（未使用）
	SSS.selected = function(name) { return (SSS.selectedId == name); }

} new SSS();




// シート定義
var sheets = new Array();
function Sheet(label, path, media, Default, hide) {
	var n = SSS.counter;
	if (Default) SSS.defaultSheetIndex = n;

	sheets[n] = new Array();

	sheets[n].id = label;
	sheets[n].label = label;
	sheets[n].path = path;
	sheets[n].group = '';
	sheets[n].media = (media) ? media : false ;
	if (SSS.modeHidden) {
		sheets[n].disabled = (SSS.viewDisabled && hide) ? true : false ;
		sheets[n].hidden = (SSS.viewDisabled) ? false : hide ;
	} else {
		sheets[n].disabled = false;
		sheets[n].hidden = false;
	}

	sheets[n].selected = false;

	var at = label.indexOf('@');
	if (at > -1) {
		sheets[n].group = label.substring(at+1, label.length);
		sheets[n].label = label.substring(0, at);
	}

	SSS.counter++;

}


// UA 判別（汎用）
function UA() {
	UA.strings = navigator.userAgent;

	UA.IE55 = (UA.strings.indexOf('MSIE 5.5') > -1
		|| UA.strings.indexOf('MSIE 6') > -1);
	UA.NN4 = (document.layers);
	UA.N6 = (UA.strings.indexOf('Netscape6/6.0') > -1);


	UA.type = 'others';
	if (UA.strings.indexOf('MSIE 5') > -1) UA.type = 'IE5';
	else if (UA.strings.indexOf('Gecko') > -1) UA.type = 'Mozilla';
	else if (document.all) UA.type = 'IE4';
	else if (UA.NN4) UA.type = 'NN4';

} new UA();


// クッキー関係の処理（汎用）
function JCookie() {

	JCookie.data = new Array();
	JCookie.string = (document.cookie) ? document.cookie.split(';') : new Array() ;

	for (var i = 0; i != JCookie.string.length; i++) {
		JCookie.data[JCookie.string[i].split('=')[0].match(/[^ ].*/)]
			= JCookie.string[i].split('=')[1];
	}

	JCookie.put = function(name ,data ,limit) {
		var date = '';
		if (limit) {
			today = new Date();
			today.setTime(today.getTime()+1000*60*60*24*limit);
			date = ';expires='+today.toGMTString();
		}
		document.cookie = name+'='+data+';path=/'+date;
	}

} new JCookie();


// 要素を生成（汎用）
function makeNode(param, content) {
	if (param == '') return content;
	var element = param,
		attsString = '';
	if (param.indexOf('|') > -1) {
		var atts = param.split('|');
		element = atts[0];
		for (var i = 1; i < atts.length; i+=2)
			attsString += ' '+atts[i]+'="'+atts[i+1]+'"';
	}
	return (!content) ?
		'<'+element+attsString+SSS.xhtmlTagClose+'>\n' :
		'<'+element+attsString+'>'+content+'<\/'+element+'>\n';
}


SSS.writeHeader();