// JavaScript Document

document.write('<script type="text/javascript" language="JavaScript" src="js/jquery.js"></script>');
document.write('<script type="text/javascript" language="JavaScript" src="js/default.js"></script>');
document.write('<script type="text/javascript" language="JavaScript" src="js/jquery.mousewheel.js"></script>');
document.write('<script type="text/javascript" language="JavaScript" src="js/jScrollPane.js"></script>');
document.write('<script type="text/javascript" language="JavaScript" src="js/jquery-ui.js"></script>');
document.write('<script type="text/javascript" language="JavaScript" src="js/jquery.bgSwitcher.js"></script>');




function sw(val){
	clearInterval(timerID);
	fade(val);
}

function fade(val){
	
	var i = 1;
	
	var INTERVAL = 7000;		//msecondを指定
	timerID = setInterval(function roop(){		//INTERVAL秒後に実行	
		banaId = '#ghi' + i;
		
		$( banaId ).fadeOut( "slow" );
		
		i = i + 1;		//次の番号のIDを取得
		if( i == 5 ){	//iがmaxを超えたとき、初期化
			i = 1;
		}
		
		banaId = '#ghi' + i;
		
		$( banaId ).fadeIn( "slow" );
	},INTERVAL);
}


/*
function fade(val){
	if( i == 1 ){ j =2; k = 3; }
	if( i == 2 ){ j =3; k = 1; }
	if( i == 3 ){ j =1; k = 2; }
	
	id = "#ghi" + i;
	jd = "#ghi" + j;
	kd = "#ghi" + k;

	$(jd).css('display' , 'none' );
	$(kd).css('display' , 'none' );
	$(id).fadeIn(0);
	
	$(id).css('z-index' , '20');
	$(jd).css('z-index' , '10');
	$(kd).css('z-index' , '10');
	
	$( "#switchBtn_" + i ).attr( 'src' , $("#switchBtn_" + i).attr('src').replace('_on', '_now'));
	
	$( "#switchBtn_" + j ).attr( 'src' , $("#switchBtn_" + j).attr('src').replace(/_now/g , ''));
	$( "#switchBtn_" + j ).attr( 'src' , $("#switchBtn_" + j).attr('src').replace(/_on/g , ''));
	
	$( "#switchBtn_" + k ).attr( 'src' , $("#switchBtn_" + k).attr('src').replace(/_on/g , ''));
	$( "#switchBtn_" + k ).attr( 'src' , $("#switchBtn_" + k).attr('src').replace(/_now/g , ''));
	
	
	var INTERVAL = 8000;		//msecondを指定
	timerID = setInterval(function roop(){		//INTERVAL秒後に実行
		
		banaId = "#ghi" + i;
		btnId = "#switchBtn_" + i;
		
		$( banaId ).fadeOut( "slow" );
		$( banaId ).css( 'z-index' , '10' );
		
		$( btnId ).attr( 'src' , $(btnId).attr('src').replace(/_now/g , ""));
		$( btnId ).attr( 'src' , $(btnId).attr('src').replace(/_on/g , ""));
		
		i = i + 1;		//次の番号のIDを取得
		if( i == 4 ){	//iがmaxを超えたとき、初期化
			i = 1;
		}
		
		banaId	= "#ghi" + i;
		
		$( banaId ).fadeIn( "slow" );
		$( banaId ).css( 'z-index' , '20' );

		btnId	= "#switchBtn_" + i;		
		
		$( btnId ).attr( 'src' , $(btnId).attr('src').replace(/_now/g , ""));
		$( btnId ).attr( 'src' , $(btnId).attr('src').replace(/_on/g , ""));
		$( btnId ).attr( 'src' , $(btnId).attr('src').replace(/^(.+)(\.[a-z]+)$/ , "$1_now$2"));
		
	},INTERVAL);
}
*/



