var SlideShowImage = function()
{
	var container;
	var images;
	var index = 0;
	var length = 0;

	$(initialize);

	function initialize()
	{
		images = [];
		container = $("#SlideImageContainer");
		container.css({"position": "relative", "overflow": "hidden", "visibility": "hidden"});
		container.find('img').each(function()
	    {
	        $(this).css({"position":"absolute", "top":0, "left":0});
	        images.push($(this));
	        length += 1;
	    });
		setTimeout(play, 100);
	}
	
	function play()
	{
		var playImage = images[index];
		if (playImage == null) return;
		playImage.css({"z-index":10});
		var h = playImage.attr("height") - container.attr("clientHeight");
		
		container.attr({scrollTop:h});
		container.css({opacity:1, visibility:"visible"});
		container.animate({scrollTop:0}, 16000, "linear", preNext);
	}
	
	function preNext()
	{
		container.animate({opacity:0}, 600, "linear", next);
	}
	
	function next()
	{
		var playImage = images[index];
		playImage.css({"z-index":0});
		index++;
		if (index >= length) index = 0;
		play();
	}
}();