$(document).ready(function(){
    $('a[rel="_blank"]').click(function(){
        this.target = '_blank';
    });
	$("#trip").sortable({
		axis: 'y',
		items: 'li',
		revert: false,
		update: function(event, ui) {
			var s = $('#trip').sortable('serialize');
			$("#trip li div.info p.distance_label").html('Odległość: <span class="distance"></span>');
			$("#trip li div.info p.time_label").html('Czas podróży: <span class="time"></span>');
			$("#trip li:last div.info p.distance_label").html('<b>Łącznie</b>: <span class="distance"></span>');
			$("#trip li:last div.info p.time_label").html('<b>Łącznie</b>: <span class="time"></span>');
			$.getJSON("/trip/update", { elements: s }, function(json){
				$.each(json, function(i,item){
					$("#" + item.id + " .position").html(item.position);
					$("#" + item.id + " .distance").html(item.distance);
					$("#" + item.id + " .time").html(item.time);
				});
			});
		},
		opacity: 0.6	
	});
	$("#trip").disableSelection();
	$(".help").tooltip({ 
	    track: true, 
	    delay: 0, 
	    showURL: false, 
	    opacity: 1, 
	    fixPNG: true, 
	    showBody: " - ", 
	    extraClass: "tooltip", 
	    top: 10, 
	    left: 10,
		fade: 250
	});
});