var leftcorrection

function rotatewheel() {
	// settings
	var top = 300;
	var left = 1200;
	var size = 200;

	// maths
	left = left-leftcorrection;

	var right = left+size;
	var bottom = top+size;
	var halfx = Math.floor(size/2) + left;
	var halfy = Math.floor(size/2) + top;
	var slide = Math.floor((size/2)*0.2);
	var slidetop = top + slide;
	var slideright = right - slide;
	var slidebottom = bottom - slide;
	var slideleft = left + slide;
	
	//$('.pos').text('r: ' + right + ' s: ' + slide);

	$('.cart').each(function() {
		var offset = $(this).offset();

		if(offset.left >= halfx && offset.top < slidetop) { // top right slow
			$(this).css('left', offset.left+1).css('top', Math.floor((offset.left-halfx)/2)+top);
		}

		if(offset.left >= halfx && offset.left < slideright && offset.top >= slidetop && offset.top < halfy) {
			$(this).css('left', offset.left+1).css('top', offset.top+1);
		}

		if(offset.left >= slideright && offset.left < right && offset.top < halfy) { // right upper slow
			$(this).css('left', right-Math.floor(Math.abs(offset.top-halfy)/2)).css('top', offset.top+1);
		}

		if(offset.left > slideright && offset.left <= right && offset.top >= halfy) { // right lower slow
			$(this).css('left', right-Math.floor(Math.abs(offset.top-halfy)/2)).css('top', offset.top+1);
		}

		if(offset.left > halfx && offset.left <= slideright && offset.top >= halfy && offset.top <= slidebottom) { 
			$(this).css('left', offset.left-1).css('top', offset.top+1);
		}

		if(offset.left >= halfx && offset.top > slidebottom && offset.top < bottom) { // bottom right slow
			$(this).css('left', offset.left-1).css('top', bottom-Math.floor((offset.left-halfx)/2));
		}

		if(offset.left <= halfx && offset.left > slideleft && offset.top > halfy && offset.top <= slidebottom) {
			$(this).css('left', offset.left-1).css('top', offset.top-1);
		}

		if(offset.left <= halfx && offset.top > slidebottom) { // bottom left slow
			$(this).css('left', offset.left-1).css('top', bottom+Math.floor((offset.left-halfx)/2));
		}

		if(offset.left > slideright && offset.left <= right && offset.top >= halfy) { // right lower slow
			$(this).css('left', right-Math.floor(Math.abs(offset.top-halfy)/2)).css('top', offset.top+1);
		}

		if(offset.left > left && offset.left <= slideleft && offset.top > halfy) { // left lower slow
			$(this).css('left', left+Math.floor(Math.abs(offset.top-halfy)/2)).css('top', offset.top-1);
		}

		if(offset.left < halfx && offset.left > slideleft && offset.top <= halfy) {
			$(this).css('left', offset.left+1).css('top', offset.top-1);
		}

		if(offset.left >= left && offset.left <= slideleft && offset.top <= halfy) { // left upper slow
			$(this).css('left', left+Math.floor(Math.abs(offset.top-halfy)/2)).css('top', offset.top-1);
		}

		if(offset.left < halfx && offset.top < slidetop && offset.top > top) { // top left slow
			$(this).css('left', offset.left+1).css('top', top-Math.floor((offset.left-halfx)/2));
		}
	});
}

$(document).ready(function() {
	var offset = $('#container').offset();
	leftcorrection = 600 - offset.left;
	$('.cart').each(function() {
		var offset = $(this).offset();
		$(this).css('left', offset.left-leftcorrection);
	});
	var offset = $('#wheel img').offset();
	$('#wheel img').css('left', offset.left-leftcorrection);
	setInterval("rotatewheel()", 40);
});