$(document).ready(
	function () {
		zelongueur = $("div").filter("[@id^=box]");
		zelongueurok = (zelongueur.length)-1;
		function openAllBoxes(indice) {
			$('#box'+indice).css({visibility: "visible"}).hide().fadeIn(500,function(){
			if (indice < zelongueurok) {
				openAllBoxes(++indice);
			}else{
				setTimeout("$('#newsBox').css({visibility: \"visible\"}).hide().DropInUp(2000);", 2000 );
			}
			});
		}
		openAllBoxes(1);
		$('#boxContainer').Sortable(
			{
				accept : 		'box',
				helperclass : 	'sorthelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				opacity: 		0.5,
				revert:			true,
				floats:			true,
				tolerance:		'pointer'
			}
		)
	}
);