var cnt = 0;
var maxcnt = 11;
var folder =  "image/index/change/";

// 画像先読み
for(i=cnt;i<maxcnt;i++)
{
	(new Image()).src = folder + "pic" + i + ".png";
}

// DOM構築完了時の処理
function load()
{
	
	var picchange = document.getElementById("picchange");
	picchange.style.overflow = "hidden";
	
	if(document.all)
	{
		setInterval('mychange()',3000);
	}
	else
	{
		setInterval('mychange_firefox()',3000);

	}
};

// ユーザーエージェント
var userAgent = navigator.userAgent.toLowerCase();

// ページの構築が完了したらloadを呼び出す
(function()
{
	if(document.addEventListener)
	{
		document.addEventListener("DOMContentLoaded", load, false);
	}
	else if(/msie/.test(userAgent))
	{
		try
		{
			document.documentElement.doScroll("left");
		}
		catch(error)
		{
			setTimeout(arguments.callee, 0);
			return;
		}
		load();
	}
	else
	{
		window.onload = load;
	}
})();

function mychange()
{
	var mypic = document.getElementById("mypic");
	
	cnt++;
	if(cnt == maxcnt) cnt= 0;
	{
		mypic.style.filter ="blendTrans(Duration=2)";
		mypic.filters.blendTrans.Apply();
		mypic.filters.blendTrans.Play();
		mypic.src = folder + "pic"+ cnt +".png";
	}
}

function mychange_firefox()
{
	var mypic = document.getElementById("mypic");
	var picchange = document.getElementById("picchange");
	
	cnt++;
	if (cnt == maxcnt) cnt= 0;
	{
		if(cnt > 0)
		{
			picchange.style.backgroundImage = 'url("' + folder + 'pic' + (cnt-1) + '.png")';
			picchange.style.backgroundRepeat = "no-repeat";
			picchange.style.backgroundPosition = "left top";
		}
		else
		{
			picchange.style.backgroundImage = "none";
		}
		
		mypic.src = folder + "pic"+ cnt +".png";
		mypic.style.MozOpacity = 0;
		mypic.style.opacity = 0;
		opacity(0);
	}
}

function opacity(count)
{
	var mypic = document.getElementById("mypic");
	per = count / 50;
	mypic.style.MozOpacity = per;
	mypic.style.opacity = per;
	
	count++;
	if(count<=50)
	{
		setTimeout(opacity,10,count);
	}
}