var fairytale_url = 'http:\/\/www.b-fairytale.net\/';
var Img_url = 'http:\/\/www.b-fairytale.net\/images\/';
var tfb={};tfb.allowedLabels=["follow-me","follow-us","follow","my-twitter"];tfb.defaultTop=78;tfb.defaultColor="#35ccff";tfb.isInArray=function(str,ar){if(ar.length<1)return;for(var i=0;i<ar.length;i++){if(ar[i]==str){return true;break;}}
return false;}
tfb.showbadge=function(){if(!window.XMLHttpRequest){return;}
if(document.getElementById('twitterFollowBadge')){document.body.removeChild(document.getElementById('twitterFollowBadge'));}
if(tfb.top<0||tfb.top>1000||isNaN(tfb.top)){tfb.top=tfb.defaultTop;}
if(!tfb.isInArray(tfb.label,tfb.allowedLabels)){tfb.label=tfb.allowedLabels[0];}
var validColorPattern=/^#([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$/;if(!validColorPattern.test(tfb.color)||(tfb.color.length!=4&&tfb.color.length!=7)){tfb.color=tfb.defaultColor;};if(tfb.side!='l'){tfb.side='r';}
tfb.tabStyleCode='position:fixed;'+'top:'+tfb.top+'px;'+'width:30px;'+'height:119px;'+'z-index:8765;'+'cursor:pointer;'+'background:'+tfb.color+' url(http://www.go2web20.net/twitterfollowbadge/1.0/bg-badge/'+tfb.label+'.png);'+'background-repeat:no-repeat;';tfb.aboutStyleCode='position:absolute;'+'top:'+(parseInt(tfb.top)+107)+'px;'+'width:10px;'+'height:11px;'+'z-index:9876;'+'cursor:pointer;'+'background:url(http://www.go2web20.net/twitterfollowbadge/1.0/icon-about.png);'+'background-repeat:no-repeat;';if(tfb.side=='l'){tfb.tabStyleCode+='left:0; background-position:right top;';tfb.aboutStyleCode+='left:0;';}else{tfb.tabStyleCode+='right:0; background-position:left top;';tfb.aboutStyleCode+='right:0;';}
tfbMainDiv=document.createElement('div');tfbMainDiv.setAttribute('id','twitterFollowBadge');document.body.appendChild(tfbMainDiv);tfbMainDiv.innerHTML='<div id="tfbTab" style="'+tfb.tabStyleCode+'"></div><div id="tfbAbout" style="'+tfb.aboutStyleCode+'"></div>'+'<style>#tfbAbout{visibility:hidden;} #twitterFollowBadge:hover #tfbAbout{visibility:visible;}</style>';document.getElementById('tfbTab').onclick=function(){window.open('http://www.go2web20.net/twitterfollowbadge/redir.htm?'+tfb.account);}
document.getElementById('tfbAbout').onclick=function(){window.open('http://www.go2web20.net/twitterFollowBadge/');}}

function externalLinks() {
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute("href") &&
        anchor.getAttribute("rel") == "external")
      anchor.target = "_blank";
    }
}
window.onload = externalLinks;

function search_write() {
	tfb.account = 'b_fairytale'; tfb.label = 'follow-us'; tfb.color = '#b4e4e4'; tfb.side = 'l'; tfb.top = 15; tfb.showbadge();
	document.write(
		'<div id=\"search\">',
			'<form action=\"http:\/\/cgi.geocities.jp\/b_fairytale\/cgi-bin\/searchengine.cgi\" accept-charset=\"utf-8\">',
				'<input type=\"text\" size=\"50\" class=\"textbox\" name=\"query\" value=\"キーワードを入力\" onBlur=\"searchOnBlur(this)\" onFocus=\"searchOnFocus(this)\" \/>',
				'<input type=\"image\" src=\"', Img_url, 'search.gif\" alt=\"検索\" class=\"btn\" name=\"submit\" value=\"検索\" onMouseOver=\"this.src=\'', Img_url, 'search2.gif\'\" onMouseOut=\"this.src=\'', Img_url, 'search.gif\'\" \/>',
				'<input type=\"hidden\" name=\"hint\" value=\"ひらがな\" \/>',
				'<input type=\"hidden\" name=\"index\" value=\"\" \/>',
				'<input type=\"hidden\" name=\"config\" value=\"\" \/>',
			'<\/form>',
		'<\/div>'
	);
}

function subnav01_write(l_stay) {
	document.write('<ul id=\"subnavi01\">');
		if (l_stay == '01') {
			document.write(
				'<li id=\"snav01\"><a class=\"stay\" title=\"このページです\">インフォメーション<\/a><\/li>',
				'<li id=\"snav02\"><a href=\"', fairytale_url, 'sitemap.html\" title=\"［サイトマップ］へ移動します\">サイトマップ<\/a><\/li>',
				'<li id=\"snav03\"><a href=\"http:\/\/cgi.geocities.jp\/b_fairytale\/cgi-bin\/searchengine.cgi\" title=\"［サイト検索の説明］へ移動します\">サイト検索の説明<\/a><\/li>'
			);
		} else if (l_stay == '02') {
			document.write(
				'<li id=\"snav01\"><a href=\"', fairytale_url, 'information.html\" title=\"［インフォメーション］へ移動します\">インフォメーション<\/a><\/li>',
				'<li id=\"snav02\"><a class=\"stay\" title=\"このページです\">サイトマップ<\/a><\/li>',
				'<li id=\"snav03\"><a href=\"http:\/\/cgi.geocities.jp\/b_fairytale\/cgi-bin\/searchengine.cgi\" title=\"［サイト検索の説明］へ移動します\">サイト検索の説明<\/a><\/li>'
			);
		} else if (l_stay == '03') {
			document.write(
				'<li id=\"snav01\"><a href=\"', fairytale_url, 'information.html\" title=\"［インフォメーション］へ移動します\">インフォメーション<\/a><\/li>',
				'<li id=\"snav02\"><a href=\"', fairytale_url, 'sitemap.html\" title=\"［サイトマップ］へ移動します\">サイトマップ<\/a><\/li>',
				'<li id=\"snav03\"><a class=\"stay\" title=\"このページです\">サイト検索の説明<\/a><\/li>'
			);
		} else {
			document.write(
				'<li id=\"snav01\"><a href=\"', fairytale_url, 'information.html\" title=\"［インフォメーション］へ移動します\">インフォメーション<\/a><\/li>',
				'<li id=\"snav02\"><a href=\"', fairytale_url, 'sitemap.html\" title=\"［サイトマップ］へ移動します\">サイトマップ<\/a><\/li>',
				'<li id=\"snav03\"><a href=\"http:\/\/cgi.geocities.jp\/b_fairytale\/cgi-bin\/searchengine.cgi\" title=\"［サイト検索の説明］へ移動します\">サイト検索の説明<\/a><\/li>'
			);
		}
	document.write('<\/ul>');
}

function subnav02_write(l_stay) {
	document.write('<ul id=\"subnavi02\">');
		if (l_stay == '04') {
			document.write(
				'<li id=\"snav04\"><a class=\"stay\" title=\"このページです\">リンク<\/a><\/li>',
				'<li id=\"snav05\"><a href=\"', fairytale_url, 'site.html\" title=\"［このサイトについて］へ移動します\">このサイトについて<\/a><\/li>'
			);
		} else if (l_stay == '05') {
			document.write(
				'<li id=\"snav04\"><a href=\"', fairytale_url, 'link.html\" title=\"［リンク］へ移動します\">リンク<\/a><\/li>',
				'<li id=\"snav05\"><a class=\"stay\" title=\"このページです\">このサイトについて<\/a><\/li>'
			);
		} else {
			document.write(
				'<li id=\"snav04\"><a href=\"', fairytale_url, 'link.html\"［リンク］へ移動します\">リンク<\/a><\/li>',
				'<li id=\"snav05\"><a href=\"', fairytale_url, 'site.html\" title=\"［このサイトについて］へ移動します\">このサイトについて<\/a><\/li>'
			);
		}
	document.write('<\/ul>');
}

function tab_write(l_stay) {
	if(l_stay == '01') {
		document.write('<div id=\"tab01\"><\/div>');
	} else if(l_stay =='02') {
		document.write('<div id=\"tab02\"><\/div>');
	} else if(l_stay =='03') {
		document.write('<div id=\"tab03\"><\/div>');
	} else if(l_stay =='04') {
		document.write('<div id=\"tab04\"><\/div>');
	} else if(l_stay =='05') {
		document.write('<div id=\"tab05\"><\/div>');
	} else if(l_stay =='06') {
		document.write('<div id=\"tab06\"><\/div>');
	} else if(l_stay =='07') {
		document.write('<div id=\"tab07\"><\/div>');
	}
}

function subnavtab_write(l_stay) {
	if (l_stay == '01') {
		document.write('<div id=\"tab11\"><\/div>');
	} else if (l_stay == '02') {
		document.write('<div id=\"tab12\"><\/div>');
	} else if (l_stay == '03') {
		document.write('<div id=\"tab13\"><\/div>');
	} else if (l_stay == '04') {
		document.write('<div id=\"tab14\"><\/div>');
	} else if (l_stay == '05') {
		document.write('<div id=\"tab15\"><\/div>');
	}
}

function textsize_write() {
	document.write(
		'<ul id="textsize">',
			'<li id=\"textsize_small\"><a href=\"#\" title=\"文字サイズを小さくします\" onclick=\"setActiveStyleSheet(\'small\'); return false;\">小<\/a><\/li>',
			'<li id=\"textsize_medium\"><a href=\"#\" title=\"文字サイズを標準にします\" onclick=\"setActiveStyleSheet(\'\'); return false;\">中<\/a><\/li>',
			'<li id=\"textsize_large\"><a href=\"#\" title=\"文字サイズを大きくします\" onclick=\"setActiveStyleSheet(\'large\'); return false;\">大<\/a><\/li>',
		'<\/ul>'
	);
}

function pageup_write() {
	document.write(
		'<div id=\"topofthepage\">',
			'<a href=\"#top\" title=\"このページのトップへ移動します\" onClick=\"pageup(event);return false;\">top of the page<\/a>',
		'<\/div>'
	);
}

function header_write(l_stay) {
	document.write(
		/*
		'<p>',
		'<a href=\"http:\/\/validator.w3.org\/check?uri=referer\"><img src=\"http:\/\/www.w3.org\/Icons\/valid-xhtml10\" alt=\"Valid XHTML 1.0 Strict\" height=\"31\" width=\"88\" \/><\/a>',
		'<\/p>',
		*/
		'<div id=\"logo\">',
			'<h1><a href=\"', fairytale_url, '\"><img src=\"', Img_url, 'logo.gif\" alt=\"美容室フェアリーテイル&#13;&#10;http:\/\/www.b-fairytale.net\/\" width=\"360\" height=\"45\" \/><\/a><\/h1>',
		'<\/div>'
	);
	search_write();
	subnav01_write(l_stay);
	subnav02_write(l_stay);
	subnavtab_write(l_stay);
	document.write(
		'<div id=\"twitter\">',
			'<a href=\"http:\/\/twitter.com\/b_fairytale\" rel=\"external\" onclick=\"externalLinks()\" title=\"［Twitter（ツイッター）のサイト］へ移動します\">Twitter（ツイッター）<\/a>',
		'<\/div>',
		'<div id=\"rss\">',
			'<a href=\"', fairytale_url, 'rss10.xml\">RSS<\/a>',
		'<\/div>'
	);
}

function navi_write(l_stay) {
	tab_write(l_stay);
	
	document.write(
		'<div id=\"navispace\">',
			'<ul id=\"globalNav\">'
	);
				if(l_stay == '01') {
					document.write('<li id=\"nav01\"><a class=\"stay\" title=\"このページです\">トップページ<\/a><\/li>');
				} else {
					document.write('<li id=\"nav01\"><a href=\"', fairytale_url, 'index.html\" title=\"［トップページ］へ移動します\">トップページ<\/a><\/li>');
				}
				if(l_stay == '02') {
					document.write('<li id=\"nav02\"><a class=\"stay\" title=\"このページです\">お店のご紹介<\/a><\/li>');
				} else {
					document.write('<li id=\"nav02\"><a href=\"', fairytale_url, 'tennai.html\" title=\"［お店のご紹介］へ移動します\">お店のご紹介<\/a><\/li>');
				}
				if(l_stay == '03') {
					document.write('<li id=\"nav03\"><a class=\"stay\" title=\"このページです\">美容情報<\/a><\/li>');
				} else {
					document.write('<li id=\"nav03\"><a href=\"', fairytale_url, 'beautyinfo.html\" title=\"［美容情報］へ移動します\">美容情報<\/a><\/li>');
				}
				if(l_stay == '04') {
					document.write('<li id=\"nav04\"><a class=\"stay\" title=\"このページです\">メニュー<\/a><\/li>');
				} else {
					document.write('<li id=\"nav04\"><a href=\"', fairytale_url, 'menu.html\" title=\"［メニュー］へ移動します\">メニュー<\/a><\/li>');
				}
				if(l_stay == '05') {
					document.write('<li id=\"nav05\"><a class=\"stay\" title=\"このページです\">カスタマー<\/a><\/li>');
				} else {
					document.write('<li id=\"nav05\"><a href=\"', fairytale_url, 'customers.html\" title=\"［カスタマー］へ移動します\">カスタマー<\/a><\/li>');
				}
				if(l_stay == '06') {
					document.write('<li id=\"nav06\"><a class=\"stay\" title=\"このページです\">店舗概要<\/a><\/li>');
				} else {
					document.write('<li id=\"nav06\"><a href=\"', fairytale_url, 'store.html\" title=\"［店舗概要］へ移動します\">店舗概要<\/a><\/li>');
				}/*
				if(l_stay == '07') {
					document.write('<li id=\"nav07\"><a class=\"stay\" title=\"このページです\">アクアリウム<\/a><\/li>');
				} else {
					document.write('<li id=\"nav07\"><a href=\"', fairytale_url, 'aquarium.html\" title=\"［アクアリウム］へ移動します\">アクアリウム<\/a><\/li>');
				}*/
		document.write(
			'<\/ul>'
		);
		
		textsize_write();
		
	document.write(
		'<\/div>'
	);
}

function merchandiseLeft_write() {
	document.write(
		'<div id=\"merchandise_left\">',
			'<div id=\"merchandise_navi\">',
				'<h4><img src=\"', Img_url, 'merchandise_navi.gif\" width=\"160\" height=\"17\" \/><\/h4>',
				'<ul>',
					'<li id=\"m_navi01\"><a href=\"#\">商品一覧トップ<\/a><\/li>',
					'<li id=\"m_navi02\"><a href=\"#\">ヘアケア剤<\/a><\/li>',
					'<li id=\"m_navi03\"><a href=\"#\">スタイリング剤<\/a><\/li>',
					'<li id=\"m_navi04\"><a href=\"#\">その他<\/a><\/li>',
				'<\/ul>',
			'<\/div>',
			'<div id=\"merchandise_rank\">',
				'<h4><img src=\"', Img_url, 'merchandise_rank.gif\" width=\"160\" height=\"17\" \/><\/h4>',
				'<ul>',
					'<li id=\"best1\"><a href=\"#\">オリジナルアミノ酸系量り売りシャンプー<\/a><\/li>',
					'<li id=\"best2\"><a href=\"#\">ワールド美容オレンジペコシャンプートリートメント<\/a><\/li>',
					'<li id=\"best3\"><a href=\"#\">シュワルツコフアビリタワックス<\/a><\/li>',
					'<li id=\"best4\"><a href=\"#\">モルトベーネアミニークナリシングローション<\/a><\/li>',
					'<li id=\"best5\"><a href=\"#\">中野製薬TANTOシリーズ<\/a><\/li>',
				'<\/ul>',
			'<\/div>',
		'<\/div>'
	);
}

function footer_write(l_stay) {
	if(l_stay == '01') {
		document.write('<h6><img src=\"', Img_url, 'copyright.gif\" alt=\"Copyright 2003-2008 Beauty parlor Fairy tale. All rights reserved.\" width=\"400\" height=\"40\" \/><\/h6>');
	} else {
		document.write('<h6><a href=\"', fairytale_url, 'site.html\"><img src=\"', Img_url, 'copyright.gif\" alt=\"Copyright 2003-2007 Beauty parlor Fairy tale. All rights reserved.\" width=\"400\" height=\"40\" \/><\/a><\/h6>');
	}
	
	pageup_write();
}

function backpage_write() {
	document.write(
		'<div id=\"back\">',
			'<ul>',
				'<li><a href=\"JavaScript:history.back()\">前のページへ戻る<\/a><\/li>',
			'<\/ul>',
		'<\/div>'
	);
}

function searchOnBlur(obj) {
	if( obj.value=='' ) {
		obj.value='キーワードを入力';
		obj.style.backgroundColor='#ffffff';
		obj.style.color='#c0c0c0';
	}
}

function searchOnFocus(obj) {
	if( obj.value=='キーワードを入力' ) { 
		obj.value=''; 
		obj.style.backgroundColor='#ffffe0';
		obj.style.color='#666666';
	}
}

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

function pageup(e) {
UAGENT = navigator.userAgent.toUpperCase();
if (UAGENT.indexOf("MSIE") >=0) { posi = event.y; }
else { posi = e.pageY; }
moveObje(posi);
}

function moveObje(position) {
move = position / 10;
point = parseInt(position - move);
scrollTo(0,point);
if (point > 0) { setTimeout("moveObje(point)",10); }
}