//this is the 3d carosel

var thumArray;
var tAngle;

var numOfBalls;
var radiusX = 350;
var radiusY = 50;
var centerX = 400;
var centerY = 250;
var speed = 0.05;


function init()
{
	var browserHeight = document.documentElement.clientHeight
	var browserWidth = document.documentElement.clientWidth;
	
	centerX = browserWidth/2;
	radiusX = centerX/2;
	centerX -= radiusX/2;
	radiusX = browserWidth/3;
	document.getElementById("carosel").className = "loaded";
	thumArray = document.getElementById("carosel").getElementsByTagName("div");
	tAngle = new Array();
	
	numOfBalls = thumArray.length;
	
	for(var i=0;i<numOfBalls;i++)
	{
		tAngle[i] = i * ((Math.PI*2)/numOfBalls);
	}
	setInterval("mover()", 15);
}

function mover()
{
	for(var i=0;i<thumArray.length;i++)
	{
	 	var x = Math.cos(tAngle[i]) * radiusX + centerX;
		var y = Math.sin(tAngle[i]) * radiusY + centerY;
		var s = y /(centerY+radiusY);
		thumArray[i].style.top = Math.round(y) + "px";
		thumArray[i].style.left = Math.round(x) + "px";
		//thumArray[i].style.width = Math.round(s*15) + "%";
		//thumArray[i].style.height = Math.round(s*15) + "%";
		tAngle[i] += speed;
		thumArray[i].style.zIndex = (Math.round(s*10));	  
	}
}

function moveSpeed(e)
{
	speed = (e.clientX-centerX)/10000;
	
}