$(document).ready(
	function () {
		zelongueur = $("div").filter("[@id^=box]");
		zelongueurok = (zelongueur.length)-1;
		function openAllBoxes(indice) {
			$('#box'+indice).css({display: "block"}).hide().fadeIn(500,function(){
			if (indice < zelongueurok) {
				openAllBoxes(++indice);
			}
			});
		}
		openAllBoxes(1);
		$('#boxContainer').Sortable(
			{
				accept : 		'boxVolonte',
				helperclass : 	'sorthelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				opacity: 		0.5,
				revert:			true,
				floats:			true,
				tolerance:		'pointer'
			}
		)
		$('a.minimize').bind('click', toggleContent);
		$('a.close').bind('click',function()
				{
					$(this.parentNode.parentNode.parentNode).hide();
				}
			);
		$('div.meerTipsBox').Draggable(
			{
				ghosting:	true,
				opacity:	0.5,
				fx:			400,
				zIndex:		1
			}
		);
	}
);
var toggleContent = function(e)
{
	var targetContent = $('div.xtraContent', this.parentNode.parentNode.parentNode);
	if (targetContent.css('display') == 'none') {
		targetContent.slideDown(300);
	}else{
		targetContent.slideUp(300);
	}
	return false;
};
$("a").filter("[@class^=addBox]").click(function() {
	var detectClicPositionX = findPosX(this.parentNode.parentNode)-150;
	var detectClicPositionY = findPosY(this.parentNode.parentNode)-50;		
	var monId=$(this).attr("class");
	var Longueur = monId.length;
	var monId2 = monId.substring(6, Longueur)
	$('#meerTipsBox'+monId2+'').show().css({ position: "absolute", display: "block", top: detectClicPositionY+"px", left: detectClicPositionX+"px" });
	$('#meerTipsBox'+monId2+' div.xtraContent').css({display: "block"});
	$('#meerTipsBox'+monId2+'').DropInUp(300);
	return false;
});