// JavaScript Document
var curPic = "pic1";
var picIndex = 2;
var opacity1 = 1.0;
var opacity2 = 0.0;

function pictureRotate()
{
	var pic1=document.getElementById("pic1");
	var pic2=document.getElementById("pic2");
	
	if(curPic == "pic1")
	{
		pic1.style.opacity = opacity1;
		pic2.style.opacity = opacity2;
		opacity1 = opacity1 - 0.01;
		opacity2 = opacity2 + 0.01;
		if(opacity1 < 0.0)
		{
			opacity1 = 0.0;
			opacity2 = 1.0;
			pic2.style.zIndex = "1";
			pic1.style.zIndex = "0";
			pic1.innerHTML = "<a href='" + pictures[picIndex].link + "'><img src='" + pictures[picIndex].path + "' width='380' height='180' />";
			picIndex++;
			if(picIndex >= pictures.length)
			{
				picIndex = 0;
			}
			curPic = "pic2";
			pictureTimer();
			return;
		}
	}
	if(curPic == "pic2")
	{	
		pic1.style.opacity = opacity1;
		pic2.style.opacity = opacity2;
		opacity1 = opacity1 + 0.01;
		opacity2 = opacity2 - 0.01;
		if(opacity2 < 0.0)
		{
			opacity2 = 0.0;
			opacity1 = 1.0;
			pic1.style.zIndex = "1";
			pic2.style.zIndex = "0";
			pic2.innerHTML = "<a href='" + pictures[picIndex].link + "'><img src='" + pictures[picIndex].path + "' width='380' height='180' />";
			picIndex++;
			if(picIndex >= pictures.length)
			{
				picIndex = 0;
			}
			curPic = "pic1";
			pictureTimer();
			return;
		}
	}
	window.setTimeout("pictureRotate()", 30);
}
function pictureTimer()
{
	window.setTimeout("pictureRotate()", 4000);
}
function initialize()
{
	callFunctions();
	var pic1=document.getElementById("pic1");
	var pic2=document.getElementById("pic2");
	
	pic1.innerHTML = "<a href='" + pictures[0].link + "'><img src='" + pictures[0].path + "' width='380' height='180' />";
	pic2.innerHTML = "<a href='" + pictures[1].link + "'><img src='" + pictures[1].path + "' width='380' height='180' />";
	pictureTimer();
}