var FlipWaitTime = 3000;
var FadeTime = 500;
var ContainerName = "SectionBanner";


var Slides = new Array();
SlideIndex = 0;


function GetNextSlideIndex(){
	(SlideIndex + 1) % Slides.length;
	return SlideIndex;
}


var DOMReady = false;
var SlideDataReady = false;


function InitSectionBanner(){
	// Only start if *both* are done.
	if(!DOMReady || !SlideDataReady) return false;

	$("."+ContainerName).children().remove();
	BuildSlide(Slides[0]).appendTo($("."+ContainerName));
	
	if(Slides.length > 1)
		setInterval(Flip, FlipWaitTime);
}

function BuildSlide(Slide){
	return $("<div class='Slide'><img src='"+Slide["Image"]+"' alt=''><p>"+Slide["Text"]+"</p><div class='CornersShadow'></div>");
}

function Flip(){
	BuildSlide(Slides[GetNextSlideIndex()])
		.css("display", "none")
		.appendTo($("."+ContainerName))
		.prev()
			.fadeOut(FadeTime, function(){
				$("."+ContainerName).children().eq(0).remove();
			});
}



function LoadSlides(Section, Language){
	if(!Section) Section = 100;
	
	$.ajax({
		"dataType": "xml",
		"url": "web/customer_specific/028/sectionbanner.php?Section="+Section+"&Language="+Language,
		"success": function(XML){
			// Purge.
			Slides = new Array();
			
			// Fill with image urls.
			$(XML).find("image").each(function(){
				Slides.push({
					"Image": "images.php/680x240/"+($(this).find("Image").text())+"/image.jpg",
					"Text": $(this).find("Text").text()
				});
			});

			if(Slides.length)
				SlideDataReady = true;
			InitSectionBanner();
		}
	});
	
}







// Parse image list XML.
LoadSlides(CurrentSection, CurrentLanguage);

$(document).ready(function(){
	DOMReady = true;
	InitSectionBanner();
});