// JavaScript Document

var addListener = function(elm, type, func) {
  if(! elm) { return false; }
  if(elm.addEventListener) {
    elm.addEventListener(type, func, false);
  } else if(elm.attachEvent) {
    elm.attachEvent("on"+type, func);
  } else {
    return false;
  }
  return true;
};

/* ------------------------------------------------------------------- */
/* イメージのランダム表示 */

var imgCnt = 5;
var imgValueOpacity = 0;
var imgData = new Array(
	"images/table/thumb_004.jpg",
	"images/table/thumb_005.jpg",
	"images/table/thumb_006.jpg",
	"images/table/thumb_007.jpg",
	"images/table/thumb_008.jpg"
);

function xChangeImage() {
	var mainImage = document.getElementById("changeimage");
    var rnd = Math.floor(Math.random()*imgCnt);
    mainImage.src = imgData[rnd];
	xImgChangeColer();
}

function xImgChangeColer() {
	imgValueOpacity = 0;
	xImgChangeOpacity();
}
function xImgChangeOpacity() {
	if(imgValueOpacity < 10) {
		imgValueOpacity++;
		setTimeout("xImgChangeOpacity()",40);
		xImgSetOpacity();
	}
}
function xImgSetOpacity() {
	var mainImage = document.getElementById("changeimage");
	mainImage.style.filter = "alpha(opacity=" + (imgValueOpacity*10) + ")";
	mainImage.style.MozOpacity = imgValueOpacity / 10;
	mainImage.style.opacity = imgValueOpacity / 10;
}

/* ------------------------------------------------------------------- */
/* 実行部分 */

function xStartPage() {
	xChangeImage();
}
addListener(window, "load", xStartPage);