$(document).ready(function() {
	var num = 7;
	nameCloud = new Array();
	posCloud = new Array();
	for ( i = 0; i < num; i++) {
		nameCloud[i] = 'cloud0' + (i+1);
		var cntPos = $('#cloud0' + (i + 1)).position();
		posCloud[i] = cntPos.left;
	}

	$('body').mousemove(function(e){
		var fieldWidth = $('html').attr('clientWidth');
		var mousePos = e.pageX - (fieldWidth / 2);
		
		animation(mousePos, nameCloud, posCloud);
	});
});

function animation(pos, clName, clPos) {
	$('#'+clName[0]).css('left', clPos[0] + pos);
	$('#'+clName[1]).css('left', clPos[1] + pos);
	$('#'+clName[2]).css('left', clPos[2] + (pos * 0.2));
	$('#'+clName[3]).css('left', clPos[3] + (pos * 0.3));
	$('#'+clName[4]).css('left', clPos[4] + (pos * 0.5));
	$('#'+clName[5]).css('left', clPos[5] + (pos * 0.9));
	$('#'+clName[6]).css('left', clPos[6] + (pos * 1.2));
}
