(function($){
		
	var updateUpDown = function(sortable){
		//$('div:not(.colonnes-helper)', sortable)		
		//.removeClass('first').removeClass('last')
		//.find('.up, .down').removeClass('disabled').end()
		//.filter(':first').addClass('first').find('.up').addClass('disabled').end().end()
		//.filter(':last').addClass('last').find('.down').addClass('disabled').end().end();		
	};
	
	var moveUpDown = function(){
		var link = $(this),
			div = link.parents('div'),
			prev = div.prev('div'),
			next = div.next('div');	
		if(link.is('.up') && prev.length > 0)
			div.insertBefore(prev);	
		if(link.is('.down') && next.length > 0)
			div.insertAfter(next);
		//updateUpDown(div.parent());
		
	};
	
	var addItem = function(){
		var sortable = $(this).parents('.colonnes');
		//var options = '<span class="options"><a class="up">up</a><a class="down">down</a></span>';
		//var tpl = '<dl class="sort"><dt>{name}' + options + '</dt><dd>{desc}</dd></dl>';
		//var html = tpl.replace(/{name}/g, 'Dynamic name :D').replace(/{desc}/g, 'Description');	
		//sortable.append(html).sortable('refresh').find('a.up, a.down').bind('click', moveUpDown);		
		//updateUpDown(sortable);
	};
		
	var sortableChange = function(e, ui){
		if(ui.sender){
			var w = '180px';//ui.element.width();
			ui.placeholder.width(w);
			//$('#menu_d').width(w);
			//$('#menu_g').width(w);
			//ui.helper.css("width",ui.element.children().width());
			
		}
	};
	
	var sortableUpdate = function(e, ui){
		/*if(ui.element[0].id == 'trashcan')
		{
			emptyTrashCan(ui.item);
		} 
		else 
		{
			updateUpDown(ui.element[0]);
			if(ui.sender)
			updateUpDown(ui.sender[0]);
		}*/
		// Position des fenêtres
		var serial_g = $('#menu_g').sortable('toArray');
		var serial_d = $('#menu_d').sortable('toArray');
		savePosition(serial_g,serial_d);
	};
	
		
	$(document).ready(function(){
							   
		
		if (document.getElementById) 
		{  // DOM3 = IE5, NS6
			document.getElementById('waiting').style.visibility = 'hidden';
		}
		else 
		{
			if (document.layers) 
			{  // Netscape 4
			document.waiting.visibility = 'hidden';
			}
			else 
			{  // IE 4
			document.all.waiting.style.visibility = 'hidden';
			 }
		}
		var els = ['#content', '#menu_g', '#menu_d'];
		var $els = $(els.toString());
		//$('h2', $els.slice(0,-1)).append('<span class="options"><a class="add">add</a></span>');
		//$('dt', $els).append('<span class="options"><a class="up">up</a><a class="down">down</a></span>');		
		//$('a.up, a.down').bind('click', moveUpDown);	
		$('a.add').bind('click', addItem);
		
		// Info bulle
		//$('#question').hover(function(){$('#reponse').fadeIn("slow");}, function(){$('#reponse').fadeOut("slow");});
		
		// TR produits
		
		$('.produit').hover(
		function(){$(this).css({backgroundColor:'#EDEDED'});},
		function(){$(this).css({backgroundColor:'#FFFFFF'});}
		);
		
		// TR Sites
		$('.site').hover(
		function(){$(this).css({backgroundColor:'#dbf3ff'});},
		function(){$(this).css({backgroundColor:'#FFFFFF'});}
		);
		
		// TR Sites
		$('.mail').hover(
		function(){$(this).css({backgroundColor:'#cee8e1'});},
		function(){$(this).css({backgroundColor:'#FFFFFF'});}
		);
		
			
		$els.each(function(){
			//updateUpDown(this);
		});
		
		$els.sortable({
			items: '> div',
			handle: '.ouidow_head',
			cursor: 'move',
			
			//cursorAt: { top: 2, left: 2 },
			opacity: 0.8,
			//helper: 'clone',
			appendTo: 'body',
			placeholder: 'clone',
			placeholder: 'placeholder',
			connectWith: els,
			start: function(e,ui) {
			//$('#menu_d').width('180px');
			//$('#menu_g').width('180px');
			ui.helper.css("width",'180px'); //ui.item.width()			
			},
			change: sortableChange,
			update: sortableUpdate			
		});
		
	});	
})(jQuery);