var next = vA+1;
var imgArr = Array();
var delay = 3500;
var transition = 1.5;
function doRotae(){
		dataInterface = base_path + 'index.php/pages/getVisuals.html';
		options = {
			postBody: '',
			onSuccess: function(response){
				var results = response.responseText.evalJSON(true);
				imgArr = results;
				setTimeout("startRotation()", delay);
			},
			onFailure: function(){
				//alert('ERROR!');
			}
		}
		new Ajax.Request(dataInterface, options);
}

function startRotation(){
	if(typeof(imgArr[next])=='undefined'){ next=0; }
	$('mi1').appear({ duration: transition, from: 1, to: 0 });
	$('mi2').appear({ duration: transition, from: 0, to: 1 });
	$('mi2').innerHTML = '<img src="'+imgArr[next].img+'" />';
	$('sb1').appear({ duration: transition, from: 1, to: 0 });
	$('sb2').appear({ duration: transition, from: 0, to: 1 });
	$('sb2').innerHTML = '<a href="'+imgArr[next].link+'" class="plainTxt"><div><img src="'+imgArr[next].bullet+'" />&nbsp; '+imgArr[next].text+'</div></a>';	
	if(next < imgArr.length-1){
		next++;
	}	
	setTimeout("nextImg()", delay);
}

function nextImg(){
	if(typeof(imgArr[next])=='undefined'){ next=0; }
	$('mi2').appear({ duration: transition, from: 1, to: 0 });
	$('mi1').appear({ duration: transition, from: 0, to: 1 });
	$('mi1').innerHTML = '<img src="'+imgArr[next].img+'" />';
	$('sb2').appear({ duration: transition, from: 1, to: 0 });
	$('sb1').appear({ duration: transition, from: 0, to: 1 });
	$('sb1').innerHTML = '<a href="'+imgArr[next].link+'" class="plainTxt"><div><img src="'+imgArr[next].bullet+'" />&nbsp; '+imgArr[next].text+'</div></a>';
	if(next < imgArr.length-1){
		next++;
	}else{
		next = 0;
	}	
	setTimeout("startRotation()", delay);
}
window.onload = doRotae;