var index = 0;
var screenshotText = null;
var currentImage = null;
var imagePreload = null;
var changeImageInterval = 1500;
var fadeInterval = 1500;

function preloadImage(){
	if (typeof screenshots != 'undefined') {
		var data = screenshots[index]; 
		
		imagePreload = document.createElement('span');
		imagePreload = $(imagePreload);
		imagePreload.data('loaded', false);	
		imagePreload.css('background-image', 'url('+data.image+')');
		imagePreload.data('info', data);	
		imagePreload.css('display', 'none');
		imagePreload.html(imagePreload.data('info').title);
		imagePreload.attr('class', 'rotat');
		textPreload = document.createElement('a');
		textPreload = $(textPreload);
		textPreload.data('loaded', true);
		textPreload.attr('href',imagePreload.data('info').url);
		textPreload.attr('id','r_text');
		textPreload.data('info', data);	
		textPreload.css('display', 'none');
		

		index++;
		
		if (index >= screenshots.length) {
			index = 0;
		}
	}
}

function onImageFadeOutEnd(){
	currentImage.remove();
	currentText.remove();
	$('#rotator').append(textPreload);
	$('#r_text').append(imagePreload);
	currentImage = imagePreload;
	currentText = textPreload;	
	currentText.fadeIn(fadeInterval);
	currentImage.fadeIn(fadeInterval, onImageFadeInEnd);
	onChanger();
}

function onChanger() {
if (index == 0)  {
	var23 = (screenshots.length);
	var22 = (screenshots.length - 1);
} else if (index == 1) {
	var22 = (screenshots.length);
	var23 = index;
} else {
var22 = (index - 1)
var23 = (index);
}


		  $('#rotate_'+var23).removeClass('rotator_nav_text_off');
		  $('#rotate_'+var23).addClass('rotator_nav_text_on');
		  $('#rotate_'+var22).removeClass('rotator_nav_text_on');
		  $('#rotate_'+var22).addClass('rotator_nav_text_off');

}

function onImageFadeInEnd() {
	//make again the cycle
	preloadImage();
	setTimeout(onTimer, changeImageInterval);
}

function onTimer() {
	if (textPreload.data('loaded')) {	
		//do effect
		currentText.fadeOut(fadeInterval);		
		currentImage.fadeOut(fadeInterval, onImageFadeOutEnd);		
	} else {
		//call again in order to wait
		setTimeout(onTimer, 200);
	}
}

$(document).ready(function(){
	if (typeof screenshots != 'undefined') {
		currentImage = $('#r_image');
		currentText = $('#r_text');
		preloadImage();	
		setTimeout(onTimer, changeImageInterval);
	}
$("#rotatingAdverts").scrollable({speed: 2200, size: 4, keyboard: false}).circular().autoscroll({autoplay: true, interval: 3500});
$("#media_thumbz").scrollable({speed: 2000, size: 3, keyboard: false}).circular().autoscroll({autoplay: true, interval: 5500});
});