SO fiddle

Test Fiddle mainly for SO Questions

HTML

<div id="plane">
<div class="randomnumber aaa">1</div>
<div class="randomnumber bbb">2</div>
<div class="randomnumber ccc">3</div>
<div class="randomnumber ddd">4</div>
<div class="randomnumber eee">5</div>
<div class="randomnumber fff">6</div>
<div class="randomnumber ggg">7</div>
<div class="randomnumber hhh">8</div>
<div class="randomnumber iii">9</div>
<div class="randomnumber jjj">0</div>
</div>

CSS

#plane {width:5px;;
height:5px;
position:absolute;
top:50%;
left:50%;
border:solid 1px;}

.randomnumber {position:absolute; padding:10px;}

.aaa {background:#a10;}
.bbb {background:#b1b;}
.ccc {background:#1cc;}
.ddd {background:#ddf;}
.eee {background:#ef0;}
.fff {background:#f0f;}
.ggg {background:#dfe;}
.hhh {background:#e1e1e1;}
.iii {background:#f00;}
.jjj {background:#0ff;}

JavaScript

$(document).ready(function(){
	$(".mood-img").each(function () {
		var height = $(window).height();
		var halfheight = height/2;
		var margintop = halfheight-400;
		var width = $(window).width();
		var halfwidth = width/2;
		var marginleft = halfwidth-500;
        var randomtop = getRandomInt(halfheight, margintop);
		var randomleft = getRandomInt(halfwidth, marginleft);
		var randomzindex = getRandomInt(1, 30);
		$(this).css({
			"margin-top": randomtop,
			"margin-left": randomleft,
			"z-index": randomzindex
		});
	});

	function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1) + min);
	}
});