// JavaScript Document

$(document).ready(function() {					   
		
	var carousel;
	var slide = 0;
	
	$('#slide').show();
	
	$.getJSON(slideshow_url,function(json) {
    	carousel = json; 
		preloadImages(carousel);           
	});         
		
	function preloadImages(carousel) {
		$.each(carousel, function(i,item) {
			new Image().src = carousel[i]['URL'];					 
		});
		FadeInSlide(carousel); 
	}
		
	function FadeInSlide(carousel) { 
		if(slide==carousel.length)  slide=0;
		var ShowSlide = function () {  };
		var FadeInImage = function () { $('.slide_image').fadeIn(200); };
		var FadeOut = function () { FadeOutSlide(carousel) };
		
		$('#slide_image').html('<img class="slide_image" src="' + carousel[slide]['URL'] + '" align="center" />');
		
		//setTimeout(ShowSlide,10);
		setTimeout(FadeInImage,10);
		setTimeout(FadeOut,11500);
	}
		
	function FadeOutSlide(carousel) {   
		var FadeIn = function () { FadeInSlide(carousel) };
		var HideImage = function () { $('.slide_image').hide(); };
		var HideSlide = function () { $('#slide').hide(); };
		$('.slide_image').fadeOut(500);
		slide++;
		//setTimeout(HideImage,510);
		//setTimeout(HideSlide,510);
		setTimeout(FadeIn,210);
	}
})