var outputId = "topBanner";
var linkId = "topBannerUrl";
//var fadeId = "topBannerFade";

var spd = 4000; // *speed milsec
var fsp = 5; // *fadeSpeed


img_obj = new Array();　//image Object
link_obj = new Array();　//link Object
var imgNum = imgArr.length; 
var flg = true; //first flag
var ctr = 0; //counter
var fade; //ease
var f_td; //time Id
var f_in;

function next(){
	if(ctr<imgNum-1){
		ctr++;
		showFade();
	}else{
		ctr = 0;
		showFade();
	}
}

function showFade(){
	clearInterval(f_td);
	fade = 100;
	fadeOut();
}

function fadeIn(){
	if(fade<100){
		//fadeControl(fadeId,fade);
		fade += fsp;
		f_td = setTimeout("fadeIn();",20);
	}else{
		clearTimeout(f_td);
		//fadeControl(fadeId,100);
	}
}

function fadeOut(){
	if(fade>0){
		//fadeControl(fadeId,fade);
		fade -= fsp*3;
		f_td=setTimeout("fadeOut();",20);
	}else{
		if(flg){
			ctr = 0;
			flg=false;
		}
		show(outputId,ctr);
		clearTimeout(f_td);
		fade=0;
		fadeIn();
	}
}

/*
function fadeControl(obj,ease){
	if(window.ActiveXObject){
		document.getElementById(obj).filters["alpha"].opacity=ease;
	}else{
		document.getElementById(obj).style.opacity=ease/100;
	}
}
*/

function show(obj,ease){
	document.getElementById(obj).src = img_obj[ease].src;
	setLink(ease);
}

function setLink(obj){
	document.getElementById(linkId).href = urlArr[obj];
}

function init(){
	clearInterval(f_in);
	next();
	f_in = setInterval("next();",spd);
}

window.onload = function(){
	for(i=0; i<imgNum; i++){
		img_obj[i]=new Image();
		img_obj[i].src=imgArr[i];

	}
	init();
}