var interval = 5;
var random_display = 0;
var rotate = 1;
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[ image_index++ ] = new imageItem("images/fxopen_acceleration_592x303.jpg", "downloads/fxopen_acceleration_1920x1200.jpg");
image_list[ image_index++ ] = new imageItem("images/fxopen-car_wash_592x303.jpg", "downloads/fxopen-car_wash-wallpaper_1920x1200.jpg");
image_list[ image_index++ ] = new imageItem("images/tanya_592x303.jpg", "downloads/TaniaGTR_1920x1200.jpg");
image_list[ image_index++ ] = new imageItem("images/fxopen_technologies_592x303.jpg", "downloads/fxopen_technologies_1920x1200.jpg");
image_list[ image_index++ ] = new imageItem("images/fxopen_technologies2_592x303.jpg", "downloads/fxopen_technologies2_1920x1200.jpg");
image_index = 0;

var number_of_image = image_list.length;

function imageItem(image_location, link) {
  this.image_item = new Image();
  this.image_item.src = image_location;
  this.image_item.link = link;
}

function getNextImage() {
	if (random_display) {
	  image_index = Math.floor(Math.random() * image_list.length);
	} else {
	  image_index = (image_index + 1) % number_of_image;
	}

	var new_image = image_list[ image_index ];
	return(new_image);
}

function rotateImage() {
	if (rotate) {
	  document.getElementById('rCube_' + image_index).style.backgroundColor = '#FFFFFF';
	  var new_image = getNextImage();
	  document.getElementById('rCube_' + image_index).style.backgroundColor = '#000000';
	  $('#rImage').animate({opacity: 0}, 500, function(){
		document.getElementById('rImage').src = new_image.image_item.src;
		$('#rImage').animate({opacity: 1}, 500);
	  });
	  document.getElementById('rLink').href = new_image.image_item.link;
	}
	setTimeout("rotateImage()", interval);
}

function setImage(rIndex) {
  rotate = 0;
  document.getElementById('rCube_' + image_index).style.backgroundColor = '#FFFFFF';
  image_index = rIndex;
  var new_image = image_list[ image_index ];
  document.getElementById('rCube_' + image_index).style.backgroundColor = '#000000';
  $('#rImage').animate({opacity: 0}, 500, function(){
	document.getElementById('rImage').src = new_image.image_item.src;
	$('#rImage').animate({opacity: 1}, 500);
  });
  document.getElementById('rLink').href = new_image.image_item.link;
}