document.onload=stt();

// Defining the global arguments
n1=0;
n2=0;
glno=1;
piccount=0;

// Determing Browser Type and Version with JavaScript
// (C) Netscape Communications 1999-2001.  Permission granted to reuse and distribute.
// http://www.mozilla.org/docs/web-developer/sniffer/browser_type_oo.html

function Is (){

	var agt=navigator.userAgent.toLowerCase();

	// Browser
	this.major=parseInt(navigator.appVersion);

	this.nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
		&& (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
		&& (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
	this.nav4up = (this.nav && (this.major >= 4));

	this.gecko = (agt.indexOf('gecko') != -1);

	this.ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
	this.ie3 = (this.ie && (this.major < 4));
	this.ie4 = (this.ie && (this.major == 4) && (agt.indexOf("msie 4")!=-1) );
	this.ie4up = (this.ie && (this.major >= 4));
	this.ie5up = (this.ie && !this.ie3 && !this.ie4);
	this.ie5_5up = (this.ie && !this.ie3 && !this.ie4 && !this.ie5);
	this.ie6 = (this.ie && (this.major == 4) && (agt.indexOf("msie 6.")!=-1) );
	this.ie6up = (this.ie && !this.ie3 && !this.ie4 && !this.ie5 && !this.ie5_5);

	this.opera = (agt.indexOf("opera") != -1);

	// OS
	this.win = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
	this.mac = (agt.indexOf("mac")!=-1);

	this.linux = (agt.indexOf("inux")!=-1);
}

var is;
is=new Is();

// END of Determing Browser Type and Version with JavaScript

function stt(){

	skyc100=new Image();
	skyc100.src="images/c100.gif";

	skyc110=new Image();
	skyc110.src="images/c110.gif";

	skyc120=new Image();
	skyc120.src="images/c120.gif";

	skyc130=new Image();
	skyc130.src="images/c130.gif";

	skyc140=new Image();
	skyc140.src="images/c140.gif";

	skyc150=new Image();
	skyc150.src="images/c150.gif";

	skyc160=new Image();
	skyc160.src="images/c160.gif";

	skyc170=new Image();
	skyc170.src="images/c170.gif";

	skyc180=new Image();
	skyc180.src="images/c180.gif";

	skyd100=new Image();
	skyd100.src="images/d100.gif";

	skyd110=new Image();
	skyd110.src="images/d110.gif";

	skyd120=new Image();
	skyd120.src="images/d120.gif";

	skyd130=new Image();
	skyd130.src="images/d130.gif";

	skyd140=new Image();
	skyd140.src="images/d140.gif";

	skyd150=new Image();
	skyd150.src="images/d150.gif";

	skyd160=new Image();
	skyd160.src="images/d160.gif";

	skyd170=new Image();
	skyd170.src="images/d170.gif";

	skyd180=new Image();
	skyd180.src="images/d180.gif";

	skyc111=new Image();
	skyc111.src="images/c111.gif";

	skyc112=new Image();
	skyc112.src="images/c112.gif";

	skyc113=new Image();
	skyc113.src="images/c113.gif";

	skyc114=new Image();
	skyc114.src="images/c114.gif";

	skyd111=new Image();
	skyd111.src="images/d111.gif";

	skyd112=new Image();
	skyd112.src="images/d112.gif";

	skyd113=new Image();
	skyd113.src="images/d113.gif";

	skyd114=new Image();
	skyd114.src="images/d114.gif";

	skye111=new Image();
	skye111.src="images/e111.gif";

	skye112=new Image();
	skye112.src="images/e112.gif";

	skye113=new Image();
	skye113.src="images/e113.gif";

	skye114=new Image();
	skye114.src="images/e114.gif";

	skyc121=new Image();
	skyc121.src="images/c121.gif";

	skyc122=new Image();
	skyc122.src="images/c122.gif";

	skyd121=new Image();
	skyd121.src="images/d121.gif";

	skyd122=new Image();
	skyd122.src="images/d122.gif";

	skye121=new Image();
	skye121.src="images/e121.gif";

	skye122=new Image();
	skye122.src="images/e122.gif";

}

function outputLAYER(layName,html){
	if(document.getElementById){
		document.getElementById(layName).innerHTML=html;
		return 1;
	}else if(document.all){
		document.all(layName).innerHTML;
		return 1;
	}else{
		return 0;
	}
}

function picTIMELAG(picCODE, picCNT){

	if(picCODE==11){

		if(picCNT==1 && n1){
			document.s111.src="images/c111.gif";
		}else if(picCNT==2 && n1){
			document.s112.src="images/c112.gif";
		}else if(picCNT==3 && n1){
			document.s113.src="images/c113.gif";
		}else if(picCNT==4 && n1){
			document.s114.src="images/c114.gif";
		}else{
			pcom11=1;
		}

	}else if(picCODE==12){

		if(picCNT==1 && n2){
			document.s121.src="images/c121.gif";
		}else if(picCNT==2 && n2){
			document.s122.src="images/c122.gif";
		}else{
			pcom12=1;
		}

	}
	return 0;
}

function cntdtl(i,k){

	var opt0="";
	var j=0;

	if(is.gecko || is.ie5up){

		opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
		opt0+="<br />";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<a href='index2.html' onmouseover='chgclr(100)'>";
		opt0+="<img src='images/c100.gif' alt='Top' width='128' height='20' name='s100' />";
		opt0+="</a>";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<br />";

		opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
		opt0+="<br />";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<a href='news.html' onmouseover='chgclr(170)'>";
		opt0+="<img src='images/c170.gif' alt='News' width='128' height='20' name='s170' />";
		opt0+="</a>";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<br />";

		if(i==110 && k==0){
			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='pp.html' onclick='return cntdtl(110,1)' onmouseover='chgclr(110)'>";
			opt0+="<img src='images/c110.gif' alt='pPside+' width='128' height='20' name='s110' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='forVisitor.html' onmouseover='chgclr(114)'>";
			opt0+="<img src='images/c050.gif' alt='forVisitor' width='128' height='20' name='s114' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='access.html' onmouseover='chgclr(111)'>";
			opt0+="<img src='images/c050.gif' alt='Access' width='128' height='20' name='s111' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='menu.html' onmouseover='chgclr(112)'>";
			opt0+="<img src='images/c050.gif' alt='Menu' width='128' height='20' name='s112' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='gallery.html' onmouseover='chgclr(113)'>";
			opt0+="<img src='images/c050.gif' alt='Gallery' width='128' height='20' name='s113' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			n1=1;
		}else{
			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='pp.html' onclick='return cntdtl(110,0)' onmouseover='chgclr(110)'>";
			opt0+="<img src='images/c110.gif' alt='pPside+' width='128' height='20' name='s110' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			n1=0;
		}

		if(i==120 && k==0){
			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			if(n1==1){
				opt0+="<a href='staff.html' onclick='return cntdtl(120,4)' onmouseover='chgclr(120)'>";
			}else{
				opt0+="<a href='staff.html' onclick='return cntdtl(120,1)' onmouseover='chgclr(120)'>";
			}
			opt0+="<img src='images/c120.gif' alt='Staff' width='128' height='20' name='s120' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='p-boys.html' onmouseover='chgclr(121)'>";
			opt0+="<img src='images/c050.gif' alt='p-boys' width='128' height='20' name='s121' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='welcome.html' onmouseover='chgclr(122)'>";
			opt0+="<img src='images/c050.gif' alt='Welcome' width='128' height='20' name='s122' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			n2=1;
		}else{
			opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
			opt0+="<br />";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<a href='staff.html' onclick='return cntdtl(120,0)' onmouseover='chgclr(120)'>";
			opt0+="<img src='images/c120.gif' alt='Staff' width='128' height='20' name='s120' />";
			opt0+="</a>";
			opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
			opt0+="<br />";

			n2=0;
		}

		opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
		opt0+="<br />";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<a href='diary.html' onmouseover='chgclr(130)'>";
		opt0+="<img src='images/c130.gif' alt='Diary' width='128' height='20' name='s130' />";
		opt0+="</a>";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<br />";

		opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
		opt0+="<br />";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<a href='bbs.html' onmouseover='chgclr(140)'>";
		opt0+="<img src='images/c140.gif' alt='BBS' width='128' height='20' name='s140' />";
		opt0+="</a>";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<br />";

		opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
		opt0+="<br />";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<a href='links.html' onmouseover='chgclr(150)'>";
		opt0+="<img src='images/c150.gif' alt='Links' width='128' height='20' name='s150' />";
		opt0+="</a>";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<br />";

		opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
		opt0+="<br />";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<a href='mailto:pp_hiroshima@yahoo.co.jp?Subject=ホームページからのメール送信' onmouseover='chgclr(180)'>";
		opt0+="<img src='images/c180.gif' alt='Mail' width='128' height='20' name='s180' />";
		opt0+="</a>";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<br />";

		opt0+="<img src='images/c001.gif' alt='' width='130' height='1' />";
		opt0+="<br />";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<a href='mobile.html' onmouseover='chgclr(160)'>";
		opt0+="<img src='images/c160.gif' alt='Mobile' width='128' height='20' name='s160' />";
		opt0+="</a>";
		opt0+="<img src='images/c002.gif' alt='' width='1' height='20' />";
		opt0+="<br />";

		opt0+="<img src='images/t000.gif' alt='' />";

		j=outputLAYER("cnt0",opt0);

		if(j==1 && i==110){

			if(n1){
				pcom11=0;
				mvpic114=setTimeout("picTIMELAG(11,4)", 200);
				mvpic111=setTimeout("picTIMELAG(11,1)", 400);
				mvpic112=setTimeout("picTIMELAG(11,2)", 600);
				mvpic113=setTimeout("picTIMELAG(11,3)", 800);
				setTimeout("picTIMELAG(11,9)", 1000);
			}

			return false;
		}else if(j==1 && i==120){

			if(n2){
				pcom12=0;
				mvpic121=setTimeout("picTIMELAG(12,1)", 200);
				mvpic122=setTimeout("picTIMELAG(12,2)", 400);
				setTimeout("picTIMELAG(12,9)", 600);
			}

			return false;
		}else{
			return true;
		}

	}else{
		return true;
	}

}


function chgclr(k){

	if((k>110 && k<120) && pcom11==0){
		// DO NOTHING
	return 0;
	}else if((k>120 && k<130) && pcom12==0){
		// DO NOTHING
	return 0;
	}

	document.s100.src="images/c100.gif";
	document.s110.src="images/c110.gif";
	document.s120.src="images/c120.gif";
	document.s130.src="images/c130.gif";
	document.s140.src="images/c140.gif";
	document.s150.src="images/c150.gif";
	document.s160.src="images/c160.gif";
	document.s170.src="images/c170.gif";
	document.s180.src="images/c180.gif";

	if(((n1 && k!=110) || n1==2) && pcom11!=0){
		document.s111.src="images/e111.gif";
		document.s112.src="images/e112.gif";
		document.s113.src="images/e113.gif";
		document.s114.src="images/e114.gif";
	}else if(((n2 && k!=120) || n2==2) && pcom12!=0){
		document.s121.src="images/e121.gif";
		document.s122.src="images/e122.gif";
	}

	switch (k){
		case 100:
			document.s100.src="images/d100.gif";
			break;

		case 110:
			document.s110.src="images/d110.gif";
			break;

		case 120:
			document.s120.src="images/d120.gif";
			break;

		case 130:
			document.s130.src="images/d130.gif";
			break;

		case 140:
			document.s140.src="images/d140.gif";
			break;

		case 150:
			document.s150.src="images/d150.gif";
			break;

		case 160:
			document.s160.src="images/d160.gif";
			break;

		case 170:
			document.s170.src="images/d170.gif";
			break;

		case 180:
			document.s180.src="images/d180.gif";
			break;

		case 111:
			document.s111.src="images/d111.gif";
			n1=2;
			break;

		case 112:
			document.s112.src="images/d112.gif";
			n1=2;
			break;

		case 113:
			document.s113.src="images/d113.gif";
			n1=2;
			break;

		case 114:
			document.s114.src="images/d114.gif";
			n1=2;
			break;


		case 121:
			document.s121.src="images/d121.gif";
			n2=2;
			break;

		case 122:
			document.s122.src="images/d122.gif";
			n2=2;
			break;

	}

	return 0;

}