var players = new Array();
var nrOfPlayers = 0;
var currentPlayer = 0;
var timeout;
var userInteracted = false;

var normalLoopTime = 8000;
var delayedLoopTime = 20 * normalLoopTime;

var MediaItem, MediaBar;

Ext.onReady(function() {
	MediaBar = new Ext.ux.Carousel('bar', {
		itemSelector : 'div.item',
		hideCaption : true,
		wrap : true,
		transitionType : 'fade'
	});
	MediaItem = new Ext.ux.Carousel('media_TopArea', {
		itemSelector : 'div.media_TopArea',
		hideButtons : true,
		wrap : true,
		transitionType : 'fade'
	});

	MediaBar.next = function() {
		window.clearTimeout(timeout);
		MediaItem.next();
		MediaBar.setSlide(MediaItem.activeSlide);
		timeout = window.setTimeout("loop();", delayedLoopTime);
	};
	MediaBar.prev = function() {
		window.clearTimeout(timeout);
		MediaItem.prev();
		MediaBar.setSlide(MediaItem.activeSlide);
		timeout = window.setTimeout("loop();", delayedLoopTime);
	};

});

window.setTimeout("loop();", normalLoopTime);

function loop() {
	window.clearTimeout(timeout);
	MediaItem.next();
	MediaBar.setSlide(MediaItem.activeSlide);
	timeout = window.setTimeout("loop();", normalLoopTime);
}

function toSlide(i) {
	window.clearTimeout(timeout);
	MediaItem.setSlide(i, false);
	MediaBar.setSlide(i, false);

	timeout = window.setTimeout("loop();", delayedLoopTime);
}