var count = 0;
var baseSpeed = 0.05;
var radiusX = 190;
var radiusY = 40;
var centerX = 300;
var centerY = 190;
var speed = 0.5;
var imageDivs = '';
var numberOfElements = 0;
var carousel = '';
var speedTest = '';

var intervallo;
var radiusX = 126;
var radiusY = 26;
var centerX = 200;
var centerY = 126;

window.addEvent('domready', function(){

		$$('#carousel img').each(function(el){
			el.setStyles({'opacity': 0, 'width':50, 'height':50});
		});

	carousel = $('carousel');
	speedTest = $('speedTest');

	imageDivs = carousel.getElementsByTagName("div");
	numberOfElements = imageDivs.length;

	intervallo=setInterval('startCarousel()',40);

//	carousel.addEvent('mousemove', onMouseMove.bindWithEvent( carousel ));

		$('carousel').addEvents({
			'mouseenter': function() {
			clearInterval(intervallo);
			}
			,
			'mouseleave': function() {
				intervallo=setInterval('startCarousel()',40);
			}
		});


});

function onMouseMove( evt ) {

	tempX = evt.client.x;
	speed = (tempX - centerX) / 2500;

}

function startCarousel(){
		$$('#carousel img').each(function(el){
			el.setStyles({'opacity': .8, 'width':50, 'height':50});
		});
	for(i=0; i < numberOfElements; i++){

		angle = i * ( Math.PI * 2 ) / numberOfElements;

		imageDivsStyle = imageDivs[ i ].style;
		imageDivsStyle.position='absolute';

		posX = ( Math.sin( count * ( baseSpeed * speed ) + angle )* radiusX + centerX );
		posY = ( Math.cos( count * ( baseSpeed * speed ) + angle )* radiusY + centerY );


		imageDivsStyle.left = posX+"px";
		imageDivsStyle.top = posY+"px"

		imageDivWidth = posY/3;
		imageDivZIndex = Math.round(imageDivWidth)+100;

		imageDivsStyle.width = imageDivWidth+'px';
		imageDivsStyle.zIndex = imageDivZIndex;

		angle += speed;

	}

	count++
}