var between_int = 3000;
var fade_int = 100;

function changeImage()
{
	window.clearInterval(skyline_int);
	
	var e = document.getElementById('tag');
	var i = e.getElementsByTagName('img');
	
	//alert(i[i.length-1].src);
	
	for (var j = 0; j < i.length; j++)
	{
		if (img_one[0].src == undefined && i[j].style.display == 'block')
		{
			img_one = new Array(i[j],100,j);
			if (j < (i.length-1)) img_two = new Array(i[j+1],0,j+1);
			else  img_two = new Array(i[0],0,0);
		}
		else if (img_one[2] == j)
		{
			if (j < (i.length-1)) img_two = new Array(i[j+1],0,j+1);
			else  img_two = new Array(i[0],0,0);
		}
		else
		{
			i[j].style.display = 'block';
			setOpacity(i[j], 0);
		}
	}
	
	skyline_fade = window.setInterval(fadeInOut, fade_int);
}

function fadeInOut()
{
	if (img_one[1] > 0)
	{
		img_one[1] -= 10;
		setOpacity(img_one[0], img_one[1]);
	}
	if (img_two[1] < 100)
	{
		img_two[1] += 10;
		setOpacity(img_two[0], img_two[1]);
	}
	if (img_one[1] <= 0 && img_two[1] >= 100)
	{
		img_one = new Array(img_two[0], 100, img_two[2]);
		window.clearInterval(skyline_fade);
		skyline_int = window.setInterval(changeImage, between_int);
	}
}

var skyline_int = window.setInterval(changeImage, between_int);
var skyline_fade = 0;
var img_one = new Array('',0,0);
var img_two = new Array('',0,0);