$(document).ready(function(){

	var iterY=0
	var iterX = 0;
	var k=200;
var margin = 10;
	$('.movable').each(function() {
			
			$(this).css({position: 'absolute', top:'-500px', left:'-500px'});

			
	/*	postop = Math.random()*500;
		posleft = Math.random()*700;
*/


		if ($(this).attr('id')=='sidebar') {
			$(this).animate({
	    		top:'10px',
		        left:'600px'
				}, 500
			);		} else {
			
			
			
				if (iterX >= 3) {
					iterX=0;
					iterY=iterY+1;
				}

							postop = (k*iterY)+margin;
							posleft = (k*iterX)+margin; // (k/20*Math.random())
iterX = iterX +1;
// console.log(iterX+", "+iterY+"  "+postop+" / "+posleft);
			
			$(this).animate({
	    		top:postop+'px',
		        left:posleft+'px'
				}, 500
			);
		}
	});
});