images = new Array();
images[0] = new Image(); images[0].src = "illust/button/pushed_top.gif";
images[1] = new Image(); images[1].src = "illust/button/pushed_info.gif";
images[2] = new Image(); images[2].src = "illust/button/pushed_js.gif";
images[3] = new Image(); images[3].src = "illust/button/pushed_html.gif";
images[4] = new Image(); images[4].src = "illust/button/pushed_css.gif";
images[5] = new Image(); images[5].src = "illust/button/pushed_bbs.gif";
images[6] = new Image(); images[6].src = "illust/button/pushed_link.gif";
backs = new Array();
backs[0] = new Image(); backs[0].src = "illust/button/top.gif";
backs[1] = new Image(); backs[1].src = "illust/button/info.gif";
backs[2] = new Image(); backs[2].src = "illust/button/js.gif";
backs[3] = new Image(); backs[3].src = "illust/button/html.gif";
backs[4] = new Image(); backs[4].src = "illust/button/css.gif";
backs[5] = new Image(); backs[5].src = "illust/button/bbs.gif";
backs[6] = new Image(); backs[6].src = "illust/button/link.gif";

//ロールオーバーのスクリプト
function ImgChange(id){
	if(id == "top"){ n=0; }
	if(id == "info"){ n=1; }
	if(id == "js"){ n=2; }
	if(id == "html"){ n=3; }
	if(id == "css"){ n=4; }
	if(id == "bbs"){ n=5; }
	if(id == "link"){ n=6; }
	document.getElementById(id).setAttribute("src",images[n].src);
}
function ImgBack(id){
	document.getElementById(id).setAttribute("src",backs[n].src);
}

//文字グラデーションスクリプト
var id;
var Rflag = false; var Gflag = false; var Bflag = false;
function set(){
	if( GradDo == true ) id = setInterval( Gradation, 100 );
}
function Gradation(){

	//各色の値を16進数に変換
	r = Rvalue.toString(16);
	r = r.toString();
	g = Gvalue.toString(16);
	g = g.toString();
	b = Bvalue.toString(16);
	b = b.toString();

	//ターゲットの色に指定
	document.getElementById( getId ).style.color = "#"+ r+r+g+g+b+b;

	//モードにより加色する色を分別
	if( Rmode == true ) {
		if( Rvalue > 0 ) Rvalue --;
		else Rflag = true;
	}
	else { Rflag = true; }

	if( Gmode == true ) {
		if( Gvalue > 0 ) Gvalue --;
		else Gflag = true;
	}
	else { Gflag = true; }

	if( Bmode == true ) {
		if( Bvalue > 0 ) Bvalue --;
		else Bflag = true;
	}
	else { Bflag = true; }

	//フラグがすべて立っていたら処理の完了
	if( Rflag == true && Gflag == true && Bflag == true ) clearInterval( id );
}

window.onload = set;