//
var periodical;
var bullpen;
var height;
var width;
var ajaxholder;
var request;
var counter;
var newimage;
var rotator;

function cycleimage(){

	if ( counter >= images.length ) { counter=0; };
	if ( images.length <= 1 ) {
		clearInterval( rotator );
		return false;
	}
	$('#eyebleach').fadeOut( 'slow',
		function() {
			newimage = images[counter];
		$('#eyebleach').css({
				backgroundImage:'url('+newimage.url+')',
				height:newimage.height+'px',
				width:newimage.width+'px'
			})
			.fadeIn('slow');
			counter++;
		});
}


$(document).ready( function() {

	images = jQuery.parseJSON( images );
	counter=0;

	rotator = setInterval(
			function() {
				cycleimage();
			}, 8000 );
});