var currentSlideshowImage = 0;

function initFallback() {
	var strImages = '';
	
	for (var i in imageArr) {
		strImages += '<div class="slideshowItem"><a href="'+imageArr[i]["url"]+'"><img id="item_'+i+'" src="'+imageArr[i]["imagepath"]+'" alt="" /></a></div>';
	}
	
	$("#flobj24").html('<div class="slideshowContainer">'+strImages+'</div>');
	
	if ($(".slideshowContainer .slideshowItem").length > 0) {
		$(".slideshowContainer .slideshowItem:eq("+currentSlideshowImage+")").show().css({opacity:1});
		
		updateCity(imageArr[currentSlideshowImage]["city"], imageArr[currentSlideshowImage]["description"]);
		
		if ($(".slideshowContainer .slideshowItem").length > 1) {
			setTimeout("showNextSlideshowImage();", 5000);
		}
	}
}

function showNextSlideshowImage() {
	$(".slideshowContainer .slideshowItem:eq("+currentSlideshowImage+")").css({"z-index": "1"}).animate({opacity:0}, 1000, "linear", function() {
		$(this).hide();
	});
	
	currentSlideshowImage += 1;
	
	if (currentSlideshowImage >= $(".slideshowContainer .slideshowItem").length-1) {
		currentSlideshowImage = 0;
	}
	
	updateCity(imageArr[currentSlideshowImage]["city"], imageArr[currentSlideshowImage]["description"]);
	
	$(".slideshowContainer .slideshowItem:eq("+currentSlideshowImage+")").css({"z-index": "5"}).show().animate({opacity:1}, 1000, "linear");
	
	setTimeout("showNextSlideshowImage();", 5000);
}