jQuery(document).ready(
		function() {
			slideshow_init();
		}
);

function slideshow_init() {
	jQuery.get(
	    "/json-dao/rpc/slides-info",
	    function(data) {
	    	slideshow_inject(data);
	    }
	);
}

function slideshow_inject(slides) {
	var slides_path = "/slides/";
	slidesObj = eval('(' + slides + ')');	
	if(!slidesObj.hasOwnProperty('slides')) {
		return;
	}

	slideshow_arr = slidesObj["slides"];
	
	for(var i = 0; i < slideshow_arr.length; i++) {
		jQuery('#banner_picture').append("<img src=\"" + slides_path + slideshow_arr[i] + "\"/>");
	}
	
	// FireFox needs this: 
	var imagesRemaining = slideshow_arr.length;
	jQuery('#banner_picture > img').bind('load', function(e) {
        imagesRemaining = imagesRemaining - 1;
        if (imagesRemaining == 0) {
        	startCycle();
        	jQuery('#banner_picture > img').css('visibility', 'visible');
        }
    });
}

function startCycle() {
	jQuery('#banner_picture').cycle({
		fx: 'scrollHorz', 
		easing: 'easeInOutBack',
		timeout: 5000,
		prev: '#nav_prev',
		next: '#nav_next',
		pause: '#nav_pause'
	});
	
	var slideshowRunning = true;
	jQuery('#nav_pause').click(function() {
		if(slideshowRunning) {
			jQuery('#banner_picture').cycle('pause');
			jQuery(this).addClass("pressed");
		} else {
			jQuery('#banner_picture').cycle('resume');
			jQuery(this).removeClass("pressed");
		}
		slideshowRunning = !slideshowRunning;
	});
}