/// <summary>
/// Loop through our list of range images as a slideshow.
/// </summary>

var rgImgFade;
var rgImgFadeImages;
var rgImgFadeActiveImageId = 0;
    
$(document).ready(function() { 
	/********************************************************************************/
	//Get our image values.
    rgImgFadeImages = jQuery.makeArray($("div#rangeImageContainer form input:hidden"));
	//Hide our switch image.
    $("div#rangeImageContainer img.odd").hide();
    //Initialise our image loop.
    $("div#rangeImageContainer img:hidden").attr("src", ($(rgImgFadeImages[rgImgFadeActiveImageId]).val()));
    doCrossFade();
	setInterval("doCrossFade()",5000);
    /********************************************************************************/
});

function doCrossFade()
{
	$("div#rangeImageContainer img:visible").fadeOut("slow", setSource());
	$("div#rangeImageContainer img:hidden").fadeIn("slow");
} 

function setSource()
{
	rgImgFadeActiveImageId = (rgImgFadeImages.length == rgImgFadeActiveImageId + 1) ? 0 : (rgImgFadeActiveImageId + 1);
	$("div#rangeImageContainer img:hidden").attr("src", ($(rgImgFadeImages[rgImgFadeActiveImageId]).val()));
}