var boxesOrder;
var boxesOrderMiddle;
var boxesOrderRight;
//overlay delay
var loadingDelay = 750;

function makeSortable(sortableVar,pos) {	
	$(sortableVar).sortable({
			placeholder: 'ui-state-highlight',
			cursor: 'move',
			opacity: 0.8,
			connectWith: sortableVar,
			start: function(e,ui) {
				$('.ui-state-highlight').css("width", ui.item.width()-2);
				$('.ui-state-highlight').css("height", ui.item.height());
			},
			stop: function(e,ui){
				switch (pos) {
					case 'left': 
						{
							boxesOrder =$(sortableVar).sortable('toArray');
							//alert(setArrayToString(boxesOrder));
							updateBoxPosition(boxesOrder);
							break;
						}
					case 'middle': 
						{
							boxesOrderMiddle =$(sortableVar).sortable('toArray');
							//alert(setArrayToString(boxesOrderMiddle));
							updateBoxPositionMiddle(boxesOrderMiddle);
							break;
						}
					case 'right' :
						{
							boxesOrderRight =$(sortableVar).sortable('toArray');
							//alert(setArrayToString(boxesOrderRight));
							updateBoxPositionRight(boxesOrderRight);
							break;
						}
				}
					
				//alert(boxesOrder[0]);
				//alert(boxesOrder[1]);
				//alert(boxesOrder[2]);
					
			}
	});
	$(sortableVar).disableSelection();
}


function getBoxOrder(id,pos){
	switch(pos){
	case 'left':
		return boxesOrder[id];
		break;
	case 'middle':
		return boxesOrderMiddle[id];
		break;
	case 'right':
		return boxesOrderRight[id];
		break;
	default:
		return boxesOrder[id];			
	}
}

function setArrayToString(myarray){
	var result = "";
	if (myarray.length >0)
		 result = "'";
	
	for(j=0;j<myarray.length;j++){
		result = result +myarray[j]+"'" ;
		if (j <myarray.length-1){
			result = result + "," ;
		}
	}
	return result;
}

/**
 * sortableChange
 */
var sortableChange = function(e, ui){
	if(ui.sender){
		var w = ui.item.width();
		alert(w);
		ui.placeholder.width(w);
		ui.helper.css("width",ui.element.children().width());
	}
};

var sortableUpdate = function(id, col, parentId){
	//alert('save id='+id+' col='+col+' parentID='+parentId);	
	
};


$(document).ready(function(){	 
	//makeSortable('.sortable','left');
	//makeSortable('.sortableMiddle','middle');
	//makeSortable('.sortableRight','right');
	
	//remove margin top of the first box in the middle
	//$('.middleLeft_blocs .middleLeft_top').removeClass("marg_top_10");
	
	
	//Tabber
	//$('#tabber-container').tabs();
	
	
	//Custom Radio Bouttons
	//$('.input_radio').radio_button();
	
	//Custom Checkbox Bouttons
	$("input.CheckboxHonda").CheckImg('unchecked_honda.png', 'checked_honda.png', '/img/');
	
	//Menu d�roulant
	$(".menu ul").droppy();
	$(".lang ul").droppy();	
});