/*index*/
function coox(part){
	var drip=cxcx();
	if(localStorage||window.localStorage){
		localStorage.setItem(drip[part][0],drip[part][2]);
	}
	else{				//fossil
		document.cookie=drip[part][0]+'='+drip[part][2]+'; expires=Fri, 31 Dec 2010 00:00:00 GMT';
	}
}
function pull(){
	var drip=cxcx();
	var note='';
	if(localStorage||window.localStorage){
		for(var i=0; i<drip.length; i++){
			if(!localStorage.getItem(drip[i][0])||!(localStorage.getItem(drip[i][0]).match(drip[i][2]))){
				note+='<p><a href="index.html" onclick="gone('+drip[i][0]+',\''+drip[i][0]+'\'); coox('+i+'); return false" class="intx">';
				note+=drip[i][1]+'</a>を更新しました</p>';
			}
		}
	}
	else{				//fossil
		var cook=document.cookie;
		for(var j=0; j<drip.length; j++){
			var regs=new RegExp(drip[j][0]+'='+drip[j][2]);
			if(!(cook.match(regs))){
				note+='<p><a href="index.html" onclick="gone('+drip[j][0]+',\''+drip[j][0]+'\'); coox('+j+'); return false" class="intx">';
				note+=drip[j][1]+'</a>を更新しました</p>';
			}
		}
	}
	if(note!=''){
		note+='<p><a href="index.html" onclick="document.getElementById(\'mods\').style.display=\'none\'; return false" class="intx">';
		note+='[ 閉じる ]</a></p>';
		document.getElementById('mods').innerHTML=note;
		document.getElementById('mods').style.display='block';
	}
}
var ievs; var evil=false; var hand=false;
function flow(){
	var base=0;
	var topx=0;
	var atop='ASUKA TOPICS : ';
	var mess=[
		'飛鳥連員・篠原良隆が「あわおどりえほんやっとさー」を出版しました。　　　　　　　',
		'今後の出演・活動予定について、詳しくは飛鳥連ニュースをご覧ください。　　　　　　',
		'はっぴマスコットができました。詳しくは飛鳥連ニュースをご覧ください。　　　　　　',
		'飛鳥連は連員を募集しています。詳しくは連員募集要項をご覧ください。　　　　　　　',
		'練習予定がカレンダーで確認できます。詳しくは飛鳥連ニュースをご覧ください。　　　'
	];
	var stop=setInterval(function(){
		topx++;
		document.getElementById('news').innerHTML=atop+mess[base].substring(0,topx);
		if(topx>54){
			base++;
			topx=0;
		}
		if(base>mess.length-1){
			base=0;
		}
	}, 180);
}
function wall(puts,dirs){
	var base=Math.round(Math.random()*3);
	var outs='url(imgs/'+dirs+base+'.jpg)';
	document.getElementById(puts).style.backgroundImage=outs;
}
function wing(){
	var rgbs=230;
	var stop=setInterval(function(){
		rgbs+=5;
		document.getElementById('news').style.backgroundColor='rgb('+rgbs+','+rgbs+','+rgbs+')';
		if(rgbs>=255){
			document.getElementById('news').style.backgroundColor='#fff';
			clearInterval(stop);
			flow();
		}
	}, 100);
}
function east(){
	var stop=setTimeout(function(){
		document.getElementById('brow').style.backgroundColor='#009';
		wing();
		clearTimeout(stop);
	}, 800);
}
function mids(){
	var stop=setTimeout(function(){
		document.getElementById('hair').style.backgroundColor='#ff0';
		east();
		clearTimeout(stop);
	}, 800);
}
function west(){
	var stop=setTimeout(function(){
		document.getElementById('dish').style.backgroundColor='#f00';
		mids();
		clearTimeout(stop);
	}, 400);
}
function fade(){
	var rgbs=0;
	var stop=setInterval(function(){
		rgbs+=20;
		var outs='rgb('+rgbs+','+rgbs+','+rgbs+')';
		document.getElementById('mon').style.color=outs;
		if(rgbs>=240){
			clearInterval(stop);
			document.getElementById('mon').style.color='rgb(244,244,244)';
			west();
		}
	}, 80);
}
function init(){
	deny(); wall('feb','east'); wall('mar','west'); fade(); pull();
}
function deny(){
	var mcie=false;
	if((navigator.userAgent.indexOf('WebKit')==-1)&&(navigator.userAgent.indexOf('Opera')==-1)&&(navigator.userAgent.indexOf('Gecko/')==-1)){
		hand=true;
		if(navigator.userAgent.match(/MSIE ([0-9])/)){
			evil=true;
			ievs=RegExp.$1;
		}
		if((evil)&&(navigator.userAgent.indexOf('Mac')>-1)){
			document.getElementById('mcie').style.display='block';
			mcie=true;
		}
		if((parseInt(ievs)<8)&&(!mcie)){
			document.getElementById('msie').style.display='block';
		}
	}
}
var fats=true;
function line(){				//a lot of temporary codes included. remove them when it's done
	if(fats){
		var april=300;
		var may=660;
		var pray=160;	//temporary
		document.getElementById('feb').style.display='none';
		document.getElementById('mar').style.display='none';
		document.getElementById('news').style.display='none';
		if(document.getElementById('temp')) document.getElementById('temp').style.display='none';	//temporary
		var stop=setInterval(function(){
			april-=26;
			may-=29;
			pray-=15;	//temporary
			document.getElementById('apr').style.top=april+'px';
			document.getElementById('may').style.height=may+'px';
			if(document.getElementById('wall')) document.getElementById('wall').style.top=pray+'px';	//temporary
			if(april<=20){
				clearInterval(stop);
				document.getElementById('apr').style.top='20px';
				document.getElementById('feb').style.display='none';
				document.getElementById('rite').style.marginTop='24px';
				if(document.getElementById('wall')) document.getElementById('wall').style.top='0px';	//temporary
			}
		}, 1);
	}
	fats=false;
}
var trig='%u30C8%u30E9%u30D5%u30B0';
function tips(caps,kind){
	document.getElementById(caps).style.visibility=kind;
}
/*system*/
function come(part){
	if(!hand){
		var opac=0.0;
		document.getElementById(part).style.opacity='0.0';
		var stop=setInterval(function(){
			opac+=0.1;
			document.getElementById(part).style.opacity=opac;
			if(opac>=1.0){
				clearInterval(stop);
			}
		}, 20);
	}
}
function gone(page){
	line();
	var tget=document.getElementById('main');
	if(!hand){
		var opac=1.0;
		tget.style.opacity='1.0';
		var stop=setInterval(function(){
			opac-=0.1;
			tget.style.opacity=opac;
			if(opac<=0.0){
				clearInterval(stop);
				var outs=read(page);
				tget.innerHTML=outs;
				come('main');
			}
		}, 15);
	}
	else{
		var outs=read(page);
		document.getElementById('main').innerHTML=outs;
	}
	document.getElementById('mods').style.display='none';
}
function show(part){
	var tget=document.getElementById(part);
	if(tget.style.display!='block'){
		tget.style.display='block';
	}
	else{
		tget.style.display='none';
	}
}
function read(part){
	var drip=part();
	var outs='';
	for(var i=0; i<drip.length; i++){
		if(drip[i].length==1){
			outs+=drip[i];
		}
		else{
			outs+='<'+drip[i][0];
			if(drip[i][1]){
				outs+=' '+drip[i][1];
			}
			outs+='>'+drip[i][2]+'</'+drip[i][0]+'>';
		}
	}
	return outs;
}
function aut()
{
	var sec=document.getElementById('gutter').value;
	var ret=escape(sec);
	var err=unescape('%u30D1%u30B9%u30EF%u30FC%u30C9%u304C%u6B63%u3057%u304F%u3042%u308A%u307E%u305B%u3093%u3002%u3082%u3046%u4E00%u5EA6%u5165%u529B%u3057%u3066%u304F%u3060%u3055%u3044');
	if(ret!=trig){
		document.getElementById('msg').innerHTML=err;
		document.getElementById('msg').style.display='block';
	}
	else{
		document.getElementById('rwhead').innerHTML=unescape('%u4ECA%u5F8C%u306E%u304A%u3082%u306A%u6D3B%u52D5%u4E88%u5B9A');
		document.getElementById('rwmain').innerHTML=unescape(xtxt());
		document.getElementById('rwmain').innerHTML+=plan('inqs');
	}
}
/*profiles*/
function xpro()
{
	var base=[
		['h1', 0, '飛鳥連について'],
		['h2', 0, '飛鳥連の生い立ちと現在'],
		['p', 0, '飛鳥連は東京都杉並区高円寺で活動する阿波踊りのグループです。昭和45年の夏、東京高円寺阿波おどりの発足に携わった高円寺パル商店街の商店主たちが、今までの黒子から今度は汗を流した分、喜び合える連を作ろうと結成したのが飛鳥連です。当初は子供達を含めて30名に満たないスタートでした。それから30年余り、地域や年齢を超えて集まった約130名の連員を擁し、徳島阿波おどりの最高峰・娯茶平（ごぢゃへい）の姉妹連として、自由で美しい踊りと情緒豊かな鳴り物を目指して活動しています。'],
		['h2', 0, '飛鳥連の構成とみどころ'],
		['p', 0, '真っ赤なハッピを身にまとったちびっこたちによる「赤ハッピ」の真剣なまなざし、水の流れにも似た女踊りの笑顔と指先、男踊りの低い姿勢と足の運び、さくらのきれいにシンクロした組み踊り、そしてそれらを、踊る阿呆の踊り手をより阿呆らしく踊らせる鳴り物ががっちりとまとめ上げます。'],
		['div', 'class=\"trio\"', '<img src=\"imgs/prf01.jpg\" width=\"240\" height=\"180\" alt=\"男踊り\" /><br />男踊り'],
		['div', 'class=\"trio\"', '<img src=\"imgs/prf02.jpg\" width=\"240\" height=\"180\" alt=\"女踊り\" /><br />女踊り'],
		['div', 'class=\"trio\"', '<img src=\"imgs/prf03.jpg\" width=\"240\" height=\"180\" alt=\"鳴り物\" /><br />鳴り物'],
		['h2', 0, '主要メンバー紹介'],
		['div', 'class=\"trio\"', '<img src="imgs/mem01.jpg" width="240" height="180" alt="冨澤" /><br />連長：冨澤<br />担当：鳴り物・鉦'],
		['div', 'class=\"trio\"', '<img src="imgs/mem04.jpg" width="240" height="180" alt="大澤" /><br />連長代理：大澤<br />担当：男踊り'],
		['div', 'class=\"trio\"', '<img src="imgs/mem06.jpg" width="240" height="180" alt="斉藤" /><br />副連長：斉藤<br />担当：鳴り物・大太鼓'],
		['h2', 0, '阿波踊りの出演依頼'],
		['p', 0, '飛鳥連は、各種イベントへの出演を随時受け付けております。結婚式、商店街の行事、自治体の祭り、運動会、施設慰問、スポーツの応援などをにぎやかに盛り上げます。内容、予算など相談に応じますので、お気軽にお問い合わせ下さい。'],
		['p', 0, '飛鳥連についてのお問い合わせは、メール、電話のいずれかで飛鳥連連長・冨澤までご連絡下さい。用紙を飛鳥連本部まで直接ご持参いただいても対応できます。'],
		['p', 0, 'なお、問い合わせ・入連希望用紙は PDF 形式ですので、閲覧環境によっては Adobe Reader が必要になる場合があります。アドビ・ウェブサイトよりダウンロード後、インストールして下さい。'],
		['<ul class="impo">'],
		['li', 0, '<span class="icons">外部リンク</span><a href="http://www.adobe.com/jp/products/reader/" class="exts">Adobe Reader のダウンロード</a>'],
		['li', 0, '<a href="imgs/recruit.pdf" class="exts">問い合わせ・入連希望 PDF 書類を表示</a>'],
		['div', 'id=\"mpro\"', '→<a href="#" onclick="mpro(); return false" onkeypress="mpro(); return false" class="exts">連絡先の表示</a>'],
		['</ul>'],
		['h2', 0, '飛鳥連練習・関連施設'],
		['<div id="mapx" >'],
		['div', 'id="map1" style="position: relative; top: 189px; left: 200px"', '★'],
		['div', 'id="map2" style="position: relative; top: 43px; left: 15px"', '★'],
		['div', 'id="map3" style="position: relative; top: 293px; left: 254px"', '★'],
		['div', 'id="map4" style="position: relative; top: 416px; left: 340px"', '★'],
		['div', 'id="map5" style="position: relative; top: 80px; left: 320px"', '★'],
		['</div>'],
		['<div id="mcap">'],
		['h3', 'class="rarro" onmouseover="lamp(\'map1\',\'red\')" onmouseout="lamp(\'map1\',\'black\')"', '飛鳥連本部'],
		['p', 0, 'JR高円寺駅南口から徒歩2分。pal 商店街に入って左側3件目の建物です。飛鳥連の集合場所は商店街側ではなく、お店の裏口です。'],
		['h3', 'class="rarro" onmouseover="lamp(\'map2\',\'red\')" onmouseout="lamp(\'map2\',\'black\')"', '馬橋小学校・体育館'],
		['p', 0, 'JR高円寺駅北口から徒歩10分。駅前から西に伸びる中通りを経て、馬橋通りに入ってすぐに左折し、3分ほどの場所です。近くに有料駐車場があります。'],
		['h3', 'class="rarro" onmouseover="lamp(\'map3\',\'red\')" onmouseout="lamp(\'map3\',\'black\')"', '杉並第八小学校・体育館'],
		['p', 0, 'JR高円寺駅南口から徒歩10分。駐車場はありません。電車、バス、自転車をご利用ください。'],
		['h3', 'class="rarro" onmouseover="lamp(\'map4\',\'red\')" onmouseout="lamp(\'map4\',\'black\')"', 'セシオン杉並'],
		['p', 0, '丸の内線・新高円寺駅と東高円寺駅の間で、やや東高円寺駅寄り。JR高円寺駅からなら徒歩20分程度です。駐車場がないので電車、バス、自転車をご利用ください。'],
		['h3', 'class="rarro" onmouseover="lamp(\'map5\',\'red\')" onmouseout="lamp(\'map5\',\'black\')"', '座・高円寺'],
		['p', 0, 'JR高円寺駅北口から徒歩5分。駅前から環七に向かって歩くと、左手に見えてきます。'],
		['</div>']
	];
	return base;
}
function lamp(id,colo){
	document.getElementById(id).style.color=colo;
}
function mpro(){
	var first=unescape('%u2192%3Ca%20href%3D%22mai');
	var second=unescape('lto%3A');
	var third='inf';
	var fourth='o%40askar';
	var fifth='en.c';
	var sixth='om" class="exts">';
	var eighth='電話番号は 03-5377-3959 です。'
	var seventh=unescape('%u30E1%u30FC%u30EB%u3067%u9023%u7D61%u3059%u308B%u306B%u306F%u3053%u3053%u3092%u30AF%u30EA%u30C3%u30AF%u3057%u3066%u304F%u3060%u3055%u3044<\/a>');
	document.getElementById('mpro').innerHTML=first+second+third+fourth+fifth+sixth+seventh+'／'+eighth;
}
/*news*/
function plan(page){				//news and contacts
	var play=book();
	var prac=warm();
	for(var i=0; i<play.length; i++){
		if((play[i].indexOf('＊')>-1)&&(page=='news')){
			play.splice(i,1);
			i--;							//without this, doesn't work if continuous
		}
	}
	for(i=0; i<prac.length; i++){
		if((prac[i].indexOf('＊')>-1)&&(page=='news')){
			prac.splice(i,1);
		}
	}
	var outs='<h3>今後の出演予定</h3><ul>';
	for(var i=0; i<play.length; i++){
		outs+='<li>'+play[i]+'</li>';
	}
	outs+='</ul><h3>今後の練習予定</h3><ul>';
	for(var i=0; i<prac.length; i++){
		outs+='<li>'+prac[i]+'</li>';
	}
	outs+='</ul>';
	return outs;
}
function gcal()
{
	var gurl='http://www.google.com/calendar/embed?src=uchiwa123456@gmail.com&ctz=Asia/Tokyo';
	if(hand){
		document.getElementById('ctxt').innerHTML='<iframe src="'+gurl+'" style=" border-width:0" width="640" height="480" frameborder="0" scrolling="no"></iframe><p><a href="index.html" onclick="xcal(); return false" class="intx">閉じる</a></p>';
		document.getElementById('ctxt').style.top=document.documentElement.scrollTop+'px';
	}
	else{
		document.getElementById('ctxt').innerHTML='<object type="text/html" data="'+gurl+'" width="640" height="480"></object><p><a href="index.html" onclick="xcal(); return false" class="intx">閉じる</a></p>';
		document.getElementById('ctxt').style.top=window.pageYOffset+'px';
	}
	document.getElementById('ctxt').style.marginTop='15%';
	document.getElementById('ctxt').style.display='block';
}
function xcal(){
	document.getElementById('ctxt').style.display='none';
}
/*recruits*/
function xrec(){
	var base=[
		['h1', 0, '連員募集要項'],
		['h2', 0, '新連員募集について'],
		['p', 0, '飛鳥連では連員を募集しています。今年の高円寺阿波おどりに飛鳥連の一員として参加しましょう。覚えることはたくさんありますが、練習を積み重ねれば本番で人目を引くほどのパフォーマンスを演じることもできます。阿波踊りに興味がある、阿波踊りに参加してみたいというご希望があれば、早めに始めることをお勧めします。'],
		['p', 0, '応募資格は、前向きで仲間と一緒に阿波踊りを楽しめる方です。飛鳥連は、徳島・娯茶平の姉妹連であるとともに高円寺の阿波踊りをリードして行く連のひとつと自負しています。よって、飛鳥連にご参加いただいた場合、練習会の多くに参加いただくのはもちろん、練習会以外での個人練習もしていただき、技量向上に努めていただきたく思います。練習会は4月末より8月下旬の本番までのほぼ毎週行われ、さらに外部出演があることもあります。'],
		['p', 0, 'メール、電話のいずれかで飛鳥連連長・冨澤までお気軽にご相談ください。用紙を飛鳥連本部まで直接ご持参いただいても対応できます。'],
		['p', 0, 'なお、問い合わせ・入連希望用紙は PDF 形式ですので、閲覧環境によっては Adobe Reader が必要になる場合があります。アドビ・ウェブサイトよりダウンロード後、インストールして下さい。'],
		['<ul class="impo">'],
		['li', 0, '<span class="icons">外部リンク</span><a href="http://www.adobe.com/jp/products/reader/" class="exts">Adobe Reader のダウンロード</a>'],
		['li', 0, '<a href="imgs/recruit.pdf" class="exts">問い合わせ・入連希望用 PDF 書類を表示</a>'],
		['div', 'id="mpro"', '→<a href="#" onclick="mpro(); return false" onkeypress="mpro(); return false" class="exts">連絡先の表示</a>'],
		['</ul>'],
		['<table id="tball" summary="飛鳥連のパート構成と募集人数">'],
		['caption', 'style="background: black; color: white; padding: 0.3em 0.0em"', '飛鳥連のパート構成と募集人数'],
		['tr', 'class="pile"', '<td>パート</td><td>募集対象 *1</td><td>募集人数</td>'],
		['tr', 0, '<td>赤ハッピ（男踊り）*2</td><td>男女小学2年生〜6年生</td><td>10名</td>'],
		['tr', 'class="dark"', '<td>女踊り（女踊り）</td><td>小学校6年生〜30歳くらいまでの女性</td><td>10名</td>'],
		['tr', 0, '<td>さくら（女性の男踊り）</td><td>年齢不問・女性</td><td>若干名</td>'],
		['tr', 'class="dark"', '<td>男踊り（男踊り）</td><td>中学生〜30歳台くらいまでの男性</td><td>5名程度</td>'],
		['tr', 0, '<td>鳴り物（笛・鉦・三味線・締太鼓・大太鼓）</td><td>年齢・性別不問</td><td>若干名</td>'],
		['</table>'],
		['div', 'class="smcap"', '*1：年齢制限以上で、まったくの初心者の方は、まず鳴物を経験していただきます。その間、踊りの練習会にご参加いただくことは自由です。その中で技量が認められれば、男踊りに移籍することも可能です。また阿波踊り経験がある場合、能力を考慮して男踊りにご参加いただくこともありますのでご相談ください。'],
		['div', 'class="smcap"', '*2：赤ハッピは、小学校2年生以下の場合でも体力があればご参加いただける場合があります。是非ご相談ください。'],
		['h2', 0, '参加費用'],
		['h3', 0, '入会金'],
		['p', 0, '入会金は不要です。'],
		['h3', 0, '年会費'],
		['p', 0, '飛鳥連は、メンバーの会費と外部出演でいただく出演料で運営されています。運営費の主なものは、衣裳他備品購入・高円寺本大会におけるメンバーの食費・控室確保・連絡費などです。年会費は以下の通りです。'],
		['<ul class="impo">'],
		['li', 0, '20歳以上の学生・社会人	8,000円'],
		['li', 0, '小学生・中学生・高校生	20歳未満の学生・社会人	3,000円'],
		['</ul>'],
		['p', 0, 'なお、ご家族で3人以上ご参加いただく場合、3人目の方から年会費免除となります。遠隔地勤務・受験など、都合によりその年の活動に参加できない場合は、休連扱いになります。事前に連絡したうえ、運営部会で休連と認められた場合、年会費を免除します。'],
		['h3', 0, '衣裳保証金'],
		['p', 0, '踊り・鳴物衣裳、楽器は貸与します。ハッピ、ゆかた、帯、女踊り衣裳、笠、初回のうちわ、鉢巻が貸与対象です。下着・足袋・下駄・雪駄などの消耗品は個人でご準備いただきます。衣裳保証金として、貸与時に以下の金額を保証金として申し受けます。'],
		['<ul class="impo">'],
		['li', 0, '赤ハッピ：2,000円'],
		['li', 0, '女踊り、さくら、男踊り、男踊り、鳴物：5,000円'],
		['</ul>'],
		['p', 0, '複数の衣裳の貸与を受けた場合は、該当数分の保証金合計額とします。赤ハッピから女踊り・さくら・男踊りへの異動による衣裳変更があった場合は、差額を納入いただきます。休連・退連いただく場合は衣裳を返却いただきます。衣裳保証金は衣裳の返却があった場合に返却します。楽器は基本的に貸与しますが、お持ちこみいただいても結構です。ただし、毀損が激しい場合、補填としてそのまま納付いただくこともございます。']
	];
	return base;
}
/*gallery*/
function xpic(){
	var base=[
		['h1', 0, '写真ギャラリー'],
		['p', 0, '各年のイベントごとにまとめた写真を閲覧できます。年を選ぶと、イベント名が表示されます。'],
		['div', 'id="flip"', ipic()],
		['div', 'id="pics"', '']
	];
	return base;
}
function ipic(part){						//initialize
	var pics=xgal();
	if(part){
		return pics[part-1];			//prevent 0 to be false
	}
	else{
		var outs='';
		var fsys;
		for(var i=0; i<pics.length; i++){
			if(pics[i][0]!=fsys){
				var tens=pics[i][0].substring(2,4);
				if(i!=0){						//if it's not the very start of the list
					outs+='</div>';	//close the year's div
				}
				outs+='<h2 onclick=\"show(\'ev'+tens+'\')\">'+pics[i][0]+'年</h2><div id=\"ev'+tens+'\" class=\"evnt\">';
			}
			outs+='<div onclick=\"pict('+(i+1)+')\" id=\"'+pics[i][4]+'\">'+pics[i][1]+': '+pics[i][2]+'<\/div>';	//prevent 0 to be false
			fsys=pics[i][0];				//put the fullyear for the header
		}
		return outs;
	}
}
var gfes; var gams; var gnow;
function pict(gats){
	gfes=gats;
	var base=ipic(gats);
	gams=parseInt(base[3]);
	gnow=1;
	var gname=base[4];
	var pixx='<div id="gname">'+base[2]+'</div><div id="ctrl"><span id="less" onclick="less()">←前へ</span>';
	pixx+='<span id="shut" onclick="shut()">閉じる</span><span id="more" onclick="more()">次へ→</span>';
	pixx+='<span id="nows">['+gnow+'\/'+gams+']</span></div><div id="pict"></div>';
	document.getElementById('pics').innerHTML=pixx;
	document.getElementById('pict').style.backgroundImage='url(imgs/'+base[4]+gnow+'.jpg)';
	if(hand){
		document.getElementById('pics').style.top=document.documentElement.scrollTop+'px';
		document.getElementById('pics').style.height=document.body.clientHeight+'px';
		document.getElementById('pict').style.marginLeft=(document.body.clientWidth-640)/2+'px';
		document.getElementById('pict').style.marginRight=(document.body.clientWidth-640)/2+'px';
	}
	else{
		document.getElementById('pics').style.top=window.pageYOffset+'px';
		document.getElementById('pict').style.marginLeft=(window.innerWidth-640)/2+'px';
	}
	document.getElementById('pics').style.display='block';
	if(!hand){
		come('pics');
	}
}
function more(){
	gnow++;
	if(gnow>gams){
		gnow=1;
	}
	var base=ipic(gfes);
	document.getElementById('pict').style.backgroundImage='url(imgs/'+base[4]+gnow+'.jpg)';
	document.getElementById('nows').innerHTML='['+gnow+'\/'+gams+']';
}
function less(){
	gnow--;
	if(gnow===0){
		gnow=gams;
	}
	var base=ipic(gfes);
	document.getElementById('pict').style.backgroundImage='url(imgs/'+base[4]+gnow+'.jpg)';
	document.getElementById('nows').innerHTML='['+gnow+'\/'+gams+']';
}
function shut(){
	if(!hand){
		var opac=1.0;
		document.getElementById('pics').style.opacity='1.0';
		peel=setInterval(function(){
			opac-=0.1;
			document.getElementById('pics').style.opacity=opac;
			if(opac<=0.0){
				clearInterval(peel);
				document.getElementById('pics').innerHTML='';
				document.getElementById('pics').style.display='none';
			}
		}, 30);
	}
	else{
		document.getElementById('pics').innerHTML='';
		document.getElementById('pics').style.display='none';
	}
}
/*history*/
function xdid(){
	var base=[
		['h1', 0, '活動・出演記録'],
		['p', 0, '2001年以降の活動・出演記録をまとめています。年号をクリックすると内容の表示・非表示が切り替わります。'],
		['div', 'id="flip"', idid()]	//,
	];
	return base;
}
function idid(){					//initialize
	var base=fest();
	var outs='';
	var fsys=base[0][0];
	var pile='<tr class=\"pile\"><td class=\"west\">日付</td><td class=\"cent\">場所</td><td class=\"east\">備考</td></tr>';
	outs+='<h2 onclick=\"show(\'yy'+fsys.substring(2,4)+'\')\">'+fsys+'年</h2><table id=\"yy'+fsys.substring(2,4)+'\">'+pile;
	for(var i=0; i<base.length; i++){
		if(base[i][0]!=fsys){
			outs+='</table>';
			outs+='<h2 onclick=\"show(\'yy'+base[i][0].substring(2,4)+'\')\">'+base[i][0]+'年</h2>';
			outs+='<table id=\"yy'+base[i][0].substring(2,4)+'\">'+pile;
		}
		fsys=base[i][0];
		if(i%2===0){
			outs+='<tr class=\"dark\"><td class=\"west\">'+base[i][1]+'</td>';
		}
		else if(i%2!==0){
			outs+='<tr class=\"lite\"><td class=\"west\">'+base[i][1]+'</td>';
		}
		outs+='<td class=\"cent\">'+base[i][2]+'</td><td class=\"east\">'+base[i][3]+'</td></tr>';
	}
	outs+='</table>';
	return outs;
}
/*company*/
function xcom(){
	var base=[
		['h1', 0, '姉妹・友好団体'],
		['h2', 0, '娯茶平（ごぢゃへい）'],
		['p', 0, '昭和21年に28人の男踊りメンバーで設立された娯茶平は、4度の天覧の栄を賜る伝統をも持つ、本場徳島の中でも最高峰の阿波踊り連です。'],
		['p', 0, '娯茶平流と呼ばれる踊りはのんき流、阿呆流とともに、3大主流のひとつとして阿波踊りの見本ともなっています。男性踊りはゆっくりしたリズムと低い姿勢の踊りと「網打ち」を取り入れた独特の踊りで、見る者を魅了します。女性踊りは流れるような踊りと指先まで神経の行き届いた艶やかさで、観客の目を楽しませてくれます。また、ちびっこは、大人顔負けの踊りで娯茶平の名をより高めています。'],
		['p', 0, '現在、岡秀昭連長の元に約300人の連員がおり、多くの連員が海外公演の経験があり、年間200回以上の出演回数をこなす日本一の阿波踊り連のひとつです。ちなみに飛鳥連は娯茶平の唯一の姉妹連です。'],
		['p', 0, '<span class="icons">外部リンク</span><a href="http://gojyahei.com/" class="exts">娯茶平ウェブサイト</a>'],
		['h2', 0, '鳴り物も高レベル'],
		['p', 0, '娯茶平の鳴り物は常に他の連から注目される存在であり、先頭に立つ気概で研鑚をつんでいます。徳島阿波おどりの桟敷では、まず三味線を先頭に100名を超える鳴り物が粛々と入場し、桟敷中央で左右に分かれ、踊り手の緊張と興奮を盛り上げ、最高の踊りを引き出しています。'],
		['div', 'class=\"trio\"', '<img src="imgs/frd01_01.jpg" width="240" height="180" alt="娯茶平" />'],
		['div', 'class=\"trio\"', '<img src="imgs/frd01_02.jpg" width="240" height="180" alt="娯茶平" />'],
		['div', 'class=\"trio\"', '<img src="imgs/frd01_03.jpg" width="240" height="180" alt="娯茶平" />']
	];
	return base;
}
/*awaodori*/
function iawa(){
	var road=[
		['昭和32年（1957年）','氷川神社祭礼に合わせた商店街のイベントとして高南盛商会（現・高円寺pal商店街振興組合）の青年部により、『高円寺バカ踊り』として開催。踊り手：38人。観客数：約2千人。'],
		['昭和33年（1958年）','観客数：約5千人。'],
		['昭和34年（1959年）','観客数：約2万人。「高円寺音頭」。'],
		['昭和35年（1960年）','観客数：約4万人。'],
		['昭和36年（1961年）','踊り手：約90人。観客数：約8万人。'],
		['昭和37年（1962年）','&nbsp;'],
		['昭和38年（1963年）','正式に「高円寺阿波おどり」に名称変更。参加連：商盛会連・木場連。大会二日目が大雨で中止。'],
		['昭和39年（1964年）','「新高円寺通り商店会」参加。'],
		['昭和40年（1965年）','参加者（踊り手・お囃子）：約500人。観客数：約12万5千人。青梅街道までコース延長。'],
		['昭和41年（1966年）','参加者（踊り手・お囃子）：約800人。観客数：約28万人。北口銀座商店会有志参加。'],
		['昭和42年（1967年）','中央線高架完成。「高円寺北口銀座商店会」正式参加。独立連の葵新連、天狗連が誕生。'],
		['昭和43年（1968年）','写真コンテスト開始。'],
		['昭和44年（1969年）','高南通り拡張。'],
		['昭和45年（1970年）','東京都商店街阿波おどり振興会を結成。飛鳥連が誕生。'],
		['昭和46年（1971年）','前夜祭始まる。本格的なポスター作成開始。'],
		['昭和47年（1972年）','&nbsp;'],
		['昭和48年（1973年）','&nbsp;'],
		['昭和49年（1974年）','&nbsp;'],
		['昭和50年（1975年）','連長会発足（15連）。'],
		['昭和51年（1976年）','アメリカ建国200年祭に合わせて初の海外遠征をサンフランシスコ、ロスアンゼルス、ホノルルで行う。徳島の娯茶平が飛鳥連と姉妹提携を結ぶ。'],
		['昭和52年（1977年）','東京阿波おどり振興協会が発足。'],
		['昭和53年（1978年）','&nbsp;'],
		['昭和54年（1979年）','都知事によるテープカットが始まる。'],
		['昭和55年（1980年）','&nbsp;'],
		['昭和56年（1981年）','連長会を発展的に解消。高円寺阿波踊り連協会が発足。'],
		['昭和57年（1982年）','&nbsp;'],
		['昭和58年（1983年）','&nbsp;'],
		['昭和59年（1984年）','&nbsp;'],
		['昭和60年（1985年）','&nbsp;'],
		['昭和61年（1986年）','徳島県阿波踊り協会連長会友情出演。イタリアのフィレンツェにおいてジャパン・ウィーク初出演。'],
		['昭和62年（1987年）','オランダのユトレヒトにおいてジャパン・ウィーク初出演。'],
		['昭和63年（1988年）','シドニーで行われたオーストラリア建国200年祭に参加。'],
		['平成元年（1989年）','&nbsp;'],
		['平成02年（1990年）','&nbsp;'],
		['平成03年（1991年）','サンフランシスコで行われたチェリーブロッサム・フェスティバル／平和の祭典に参加。北海道風連町で行われた白樺まつりに初参加。群馬県吾妻町で行われた岩櫃まつりに初参加。第3回陸上競技選手権大会の閉会式に参加。'],
		['平成04年（1992年）','中国の北京で行われた日中国交正常化20周年記念行事に参加。'],
		['平成05年（1993年）','開催前日に台風11号が関東に上陸し、大会1日目は30分遅れで開催。NHK紅白歌合戦に出演。'],
		['平成06年（1994年）','東京都-オーストラリアのニューサウスウェールズ州の友好都市10周年記念／杉並区-ウィロビー市の友好都市4周年記念行事に参加。'],
		['平成07年（1995年）','阪神・淡路大震災義援金街頭募金を行う。'],
		['平成08年（1996年）','&nbsp;'],
		['平成09年（1997年）','&nbsp;'],
		['平成10年（1998年）','&nbsp;'],
		['平成11年（1999年）','&nbsp;'],
		['平成12年（2000年）','&nbsp;'],
		['平成13年（2001年）','&nbsp;'],
		['平成14年（2002年）','&nbsp;']
	];
	var outs='';
	for(var i=0; i<road.length; i++){
		if(i%2===0){
			outs+='<tr class="dark">';
		}
		else if(i%2!==0){
			outs+='<tr>';
		}
		outs+='<td class="tdno">第'+(i+1)+'回</td><td class="tdyy">'+road[i][0]+'</td><td>'+road[i][1]+'</td></tr>';
	}
	return outs;
}
function xawa(){
	var base=[
		['h1', 0, '阿波おどりについて'],
		['h2', 0, '阿波踊り「連」'],
		['p', 0, '阿波踊りでは踊りのグループを「連」と呼びます。「連」には「踊り手」と、三味線・太鼓・鉦・横笛などで構成される「鳴り物連中」と呼ばれる伴奏者が含まれます。'],
		['h2', 0, '踊り方'],
		['p', 0, '踊りには、男性踊りと女性踊りがあります。男性踊りも女性踊りも基本は同じです。右足・右手、左足・左手をそれぞれいっしょに前に出します。右足が出たら右手、左足が出たら左手を出し、二拍子のリズムで踊ります。この基本の動きに加え、男性踊りは膝を開いて腰を低くします。女性踊りは手を高く上げてしなやかに踊ります。とはいえ、阿波踊りはそれぞれの連によって、また、同じ連でもそれぞれの踊り手により踊りが違う、自由な踊りでもあるのが特徴です。'],
		['h2', 0, '影の引き立て役「鳴り物」'],
		['p', 0, '竹製の横笛で主メロディーを奏でる笛、ひとつひとつの音は大きくないが、踊りと鳴り物に情緒を醸し出す三味線、踊り・鳴り物をまとめるコンダクター役の鉦、調べと呼ばれる綱で太鼓の皮を締めて踊りのメリハリを演出する締太鼓、そしてお腹に響く重低音で踊り・鳴り物・観客の気持ちを高揚させる大太鼓。それぞれが役割を持ちながら、組み合わさります。'],
		['h2', 0, '阿波踊りの歴史'],
		['p', 0, '阿波踊りは400年以上の歴史を持っていますが、一段と盛んになったのは蜂須賀家政公が天正14年（1587年）に徳島入りし、藍・塩などで富を蓄積したからだといわれています。小江戸といわれた徳島。藍商人が活躍し、踊りを豪華にしたものです。その後も市民社会に定着し、自由な民衆娯楽とし花開きます。特に戦後の阿波踊りの復興ぶりはめざましく、今では日本を代表する民族舞踊の地位を確立しました。'],
		['<div id="ugly">'],
		['h2', 0, '高円寺阿波おどりの歴史'],
		['table', 'id="kawa" summary="高円寺阿波おどりの歴史', iawa()],
		['div', 'class="smcap"', '* 高円寺阿波踊り40周年記念誌「おどれ高円寺」より抜粋・年表化しました。'],
		['</div>'],
		['h2', 0, '徳島の有名連'],
		['p', 0, '徳島には有名連といわれる阿波踊り連があります。以下は、「阿波踊り 見物ガイド2001」よりの抜粋です。'],
		['h3', 0, '徳島県阿波おどり協会徳島支部所属17連'],
		['<ul>'],
		['li', 0, '娯茶平（ゴヂャヘイ）'],
		['li', 0, '葵連（アオイレン）'],
		['li', 0, '阿波扇（アワオオギ）'],
		['li', 0, 'うきよ連（ウキヨレン）'],
		['li', 0, '菊水連（キクスイレン）'],
		['li', 0, '藝茶楽（ゲヂャラク）'],
		['li', 0, '独楽連（コマレン）'],
		['li', 0, '新のんき連（シンノンキレン）'],
		['li', 0, '酔狂連（スイキョウレン）'],
		['li', 0, '殿様連（トノサマレン）'],
		['li', 0, '蜂須賀連（ハチスカレン）'],
		['li', 0, '平和連（ヘイワレン）'],
		['li', 0, 'ほんま連（ホンマレン）'],
		['li', 0, 'まんじ連（マンジレン）'],
		['li', 0, '都連（ミヤコレン）'],
		['li', 0, 'みやび連（ミヤビレン）'],
		['li', 0, '悠久連（ユウキュウレン）'],
		['</ul>'],
		['h3', 0, '阿波踊り振興協会所属16連'],
		['<ul>'],
		['li', 0, '阿呆連（アホウレン）'],
		['li', 0, '阿波鳴連'],
		['li', 0, '阿波連（アワレン）'],
		['li', 0, '浮助連（ウキスケレン）'],
		['li', 0, 'うずき連（ウズキレン）'],
		['li', 0, 'ゑびす連（エビスレン）'],
		['li', 0, '扇連（オウギレン）'],
		['li', 0, 'ささ連（ササレン）'],
		['li', 0, '新ばし連（シンバシレン）'],
		['li', 0, '天水連（テンスイレン）'],
		['li', 0, '天保連（テンポウレン）'],
		['li', 0, 'のんき連（ノンキレン）'],
		['li', 0, '葉月連（ハヅキレン）'],
		['li', 0, '水玉連（ミズタマレン）'],
		['li', 0, '無双連（ムソウレン）'],
		['li', 0, '若獅子連（ワカジシレン）'],
		['</ul>'],
		['h3', 0, '阿波踊り保存協会所属8連'],
		['<ul>'],
		['li', 0, '本家大名連（ホンケダイミョウレン）'],
		['li', 0, '阿波藍連（アワアイレン）'],
		['li', 0, '隠元連（インゲンレン）'],
		['li', 0, '歌舞伎連（カブキレン）'],
		['li', 0, '武秀連（ブシュウレン）'],
		['li', 0, 'みつ花連（ミツハナレン）'],
		['li', 0, 'よしこの連（ヨシコノレン）'],
		['li', 0, '楽茶連'],
		['</ul>'],
		['h3', 0, '協会加盟の有名連以外の連'],
		['<ul>'],
		['li', 0, '娯座留（ゴザル）'],
		['li', 0, '苔作（コケサク）'],
		['li', 0, '大黒天（ダイコクテン）'],
		['li', 0, 'ほか多数'],
		['</ul>'],
		['h2', 0, '高円寺の主な阿波踊り連'],
		['h3', 0, '高円寺阿波おどり連協会所属連'],
		['<ul>'],
		['li', 0, '飛鳥連（アスカレン）'],
		['li', 0, '葵新連（アオイシンレン）'],
		['li', 0, 'いろは連（イロハレン）'],
		['li', 0, '江戸浮連（エドウキレン）'],
		['li', 0, '江戸歌舞伎連（エドカブキレン）'],
		['li', 0, '江戸っ子連（エドッコレン）'],
		['li', 0, 'えふあいえい連（エフアイエイレン）'],
		['li', 0, '菊水連（キクスイレン）'],
		['li', 0, '苔作連（コケサクレン）'],
		['li', 0, 'しのぶ連（シノブレン）'],
		['li', 0, '写楽連（シャラクレン）'],
		['li', 0, '志留波阿連（シルバアレン）'],
		['li', 0, '新若連（シンワカレン）'],
		['li', 0, '吹鼓連（スイコレン）'],
		['li', 0, '粋輦（スイレン）'],
		['li', 0, '騒連中（ゾメキレンヂュウ）'],
		['li', 0, '天狗連（テングレン）'],
		['li', 0, '天翔蓮（テンショウレン）'],
		['li', 0, '天水連（テンスイレン）'],
		['li', 0, 'のびゆく連（ノビユクレン）'],
		['li', 0, '花菱連（ハナビシレン）'],
		['li', 0, '花道連（ハナミチレン）'],
		['li', 0, 'ひさご連（ヒサゴレン）'],
		['li', 0, 'ひょっとこ連（ヒョットコレン）'],
		['li', 0, '舞蝶連（マイチョウレン）'],
		['li', 0, '美踊連（ミドリレン）'],
		['li', 0, '若駒連（ワカコマレン）'],
		['</ul>'],
		['h3', 0, '連協会所属以外の地元連'],
		['<ul>'],
		['li', 0, '華純連（カスミレン）'],
		['li', 0, '杉並区役所さざんか連（スギナミクヤクショサザンカレン）'],
		['li', 0, '杉の子連（スギノコレン）'],
		['li', 0, '朱雀連（スザクレン）'],
		['li', 0, 'びっくり連（ビックリレン）'],
		['li', 0, '誠連（マコトレン）'],
		['li', 0, '美遊ひよこ連（ミユウヒヨコレン）'],
		['</ul>'],
		['h2', 0, '衣裳・道具について'],
		['h3', 0, '男性踊り'],
		['p', 0, 'ハッピ、または踊りゆかた、はちまき用手拭い、帯、はんだこと呼ばれる白短パン、踊り足袋、印籠、さらし、腰紐などを使います。'],
		['h3', 0, '女性踊り'],
		['p', 0, '着物、お腰、手甲、帯、笠、襦袢、腰紐、白足袋、下駄、小型の印籠、他着付け用小物を身につけます。'],
		['h3', 0, '鳴り物'],
		['p', 0, 'ゆかた、はちまき用手拭い、帯、襦袢、はんだこ、さらし、白足袋、雪駄、印籠など。女性は女踊りと同じ衣裳も選べます。楽器は三味線、笛、鉦、締太鼓、大太鼓を使います。'],
		['h2', 0, 'その他の参考資料'],
		['p', 0, '<span class="icons">外部リンク</span><a href="http://www.awabank.co.jp/kojin/odori_index.php" class="exts">阿波踊りの歴史</a>：阿波銀行ウェブサイト内掲載の、読み応えがある阿波踊りの歴史です。']
	];
	return base;
}
/*board*/
function xbbs(){
	var bull='http://asukaren.1616bbs.com/bbs/';
	//var bull='talk.php';
	line();
	var outs;
	if(hand){
		outs='<iframe src="'+bull+'" style="border-width: 0" width="800" height="3000" frameborder="0" scrolling="yes"></iframe>';
	}
	else{
		outs='<object id="board" data="'+bull+'" type="text/html" width="800" height="3000px">何も表示されない場合、<a href="'+bull+'" class="exts">ここをクリックすると掲示板に直接ジャンプ</a>します。</object>';
	}
	return outs;
}
/*weblinks*/
function xweb(){
	var base=[
		['h1', 0, '関連リンク集'],
		['h2', 0, '阿波踊り関連'],
		['<ul>'],
		['li', 0, '<a href="http://www.koenji-awaodori.com/" class="exts">NPO 法人東京高円寺阿波おどり振興協会</a>'],
		['li', 0, '<a href="http://www.awaodori-renkyoukai.com/" class="exts">高円寺阿波おどり連協会</a>'],
		['</ul>'],
		['h2', 0, '高円寺の仲間たちの連'],
		['<ul>'],
		['li', 0, '<a href="http://iroharen.fc2web.com/" class="exts">いろは連</a>'],
		['li', 0, '<a href="http://www.geocities.jp/edoukiuki/" class="exts">江戸浮連</a>'],
		['li', 0, '<a href="http://www.kabuki.sakura.ne.jp/" class="exts">江戸歌舞伎連</a>'],
		['li', 0, '<a href="http://members.jcom.home.ne.jp/edokko-ren/" class="exts">江戸っ子連</a>'],
		['li', 0, '<a href="http://www7a.biglobe.ne.jp/~kikusui_ren/" class="exts">菊水会菊水連</a>'],
		['li', 0, '<a href="http://www.geocities.jp/shinobu_ren/" class="exts">しのぶ連</a>'],
		['li', 0, '<a href="http://www.sirubaa.jp/" class="exts">志留波阿連</a>'],
		['li', 0, '<a href="http://suicoren.com/" class="exts">吹鼓連</a>'],
		['li', 0, '<a href="http://www.tenguren.jp/" class="exts">天狗連</a>'],
		['li', 0, '<a href="http://tensui-web.hp.infoseek.co.jp/" class="exts">天水連</a>'],
		['li', 0, '<a href="http://www.hanabishiren.com/" class="exts">花菱連</a>'],
		['li', 0, '<a href="http://www.hanamichiren.com/" class="exts">花道連</a>'],
		['li', 0, '<a href="http://www.hyottoko-ren.com/" class="exts">ひょっとこ連</a>'],
		['li', 0, '<a href="http://maityou.main.jp/" class="exts">舞蝶連</a>'],
		['li', 0, '<a href="http://midoriren.com/" class="exts">美踊連</a>'],
		['</ul>'],
		['h2', 0, '連協会所属以外の連'],
		['<ul>'],
		['li', 0, '<a href="http://www6.ocn.ne.jp/%7Ekazura/" class="exts">かずら連</a>'],
		['li', 0, '<a href="http://shinmei.syuriken.jp/" class="exts">神明連</a>'],
		['</ul>'],
		['h2', 0, '高円寺阿波おどり関連・地域情報'],
		['<ul>'],
		['li', 0, '<a href="http://www.koenji-pal.jp/" class="exts">パル商店街</a>'],
		['li', 0, '<a href="http://www.kouenji.or.jp/" class="exts">高円寺純情商店街</a>'],
		['li', 0, '<a href="http://koenjilook.com/modules/xeblog/" class="exts">高円寺ルック商店街</a>'],
		['li', 0, '<a href="http://www.city.suginami.tokyo.jp/" class="exts">杉並区役所</a>'],
		['li', 0, '<a href="http://www.keishicho.metro.tokyo.jp/4/suginami/" class="exts">杉並警察署</a>'],
		['li', 0, '<a href="http://www.otsuki.net/awa/" class="exts">大月阿波踊り</a>'],
		['li', 0, '<a href="http://eboshiren.net/" class="exts">大和阿波おどり・笑星連</a>'],
		['li', 0, '<a href="http://www.johnchee.us" class="exts">ギャラリーに写真を提供していただいたスタジオ・ライトのジョン・チー氏</a>'],
		['li', 0, '<a href="http://www.koenji.info/" class="exts">高円寺のお店紹介、となりのおみせ</a>'],
		['li', 0, '<a href="http://awaodori.hy-system.com/index.html" class="exts">銀座・阿波おどり</a>'],
		['</ul>']
	];
	return base;
}
/*contacts*/
function xinq(){
	var base=[
		['h1', 0, '問い合わせ・業務連絡'],
		['h2', 0, '問い合わせ方法'],
		['p', 0, 'メールによる飛鳥連への意見や感想、連員応募、出演依頼は、以下のリンクをクリックして、表示に従ってご連絡ください。'],
		['div', 'id="mpro"', '→<a href="#" onclick="mpro(); return false" onkeypress="mpro(); return false" class="exts">連絡先の表示</a>'],
		['h2', 'id="rwhead"', '連員への連絡用コーナー'],
		['<div id="rwmain">'],
		['<form action="javascript:aut()">'],
		['p', 0, '<span class="icons">！</span>&nbsp;連員用ページを閲覧するには、パスワードが必要です。'],
		['p', 0, 'パスワードを入力してください：'],
		['<input type="text" id="gutter" value="" tabindex="1" accesskey="t" />'],
		['<input type="button" value="OK" onclick="aut()" onkeypress="aut()" tabindex="2" accesskey="r" />'],
		['div', 'id="msg" class="icons" style="display: none; width: 430px"'],
		['</form>'],
		['</div>']
	];
	return base;
}