'+
//'
<\/div>'+
'<\/div>'+
'<\/td>'+
'<\/tr>');
$trinfo = $('#'+trinfoid);
var $cont = $trinfo.find('.container');
$trinfo.bind('task-completed', function() {
setTimeout(function() {
loadTripDetails($tr, $trinfo, $cont)
}, 15000); // the actual data comes with a small delay after confirming task completion
});
loadTripDetails($tr, $trinfo, $cont);
} else {
if ($trinfo.hasClass('hidden')) {
if($trinfo.find('.notfound .update-request').length > 0) {
// in case we have requested trip details previously,
// but the trip doesn't have any trip details yet,
// request them again
var $cont = $trinfo.find('.container');
loadTripDetails($tr, $trinfo, $cont)
}
else
showtrinfo($trinfo);
}
else
hidetrinfo($trinfo);
}
}
function loadTripDetails($tr, $trinfo, $cont) {
$tr.removeClass('error').addClass('loading');
$.ajax({
type: 'GET',
url: 'trip-inline.php',
data: appState.selectedTrip.getParams(),
timeout: 15000,
success: function(data, textStatus) {
$tr.removeClass('loading');
var $tripinfo = $(data);
$cont.html($tripinfo);
trip_inline($tripinfo, trinfoUpdater);
$tripinfo.find('li > div.event-catcher').click();
$tripinfo.find('.quicktip').cluetip(cluetipOptions);
showtrinfo($trinfo);
var updateTask = $tripinfo.find('#detailsTaskGuid').val();
if(updateTask)
trinfoUpdater.addTrip($trinfo);
},
error: function(xhr, textStatus, errorThrown) {
$tr.removeClass('loading').addClass('error');
$trinfo.remove();
//alert('error loading trip info');
}
});
}
var trinfoContainer = document.createDocumentFragment();
$table
.bind('sortStart', function() {
// remove trip info rows before sorting
$table.find('tr.tripinfo').addClass('hidden').each(function() {
trinfoContainer.appendChild(this);
});
})
.bind('sortEnd', function() {
// fix the location of all the tripinfo rows after sorting
$.each($.makeArray(trinfoContainer.childNodes), function() {
var $trinfo = $(this);
var trid = $trinfo.attr('id').replace(/^trinfo_/,'t_');
$('#'+trid).after($trinfo);
});
});
function showtrinfo($trinfo) {
$trinfo.removeClass('hidden');
}
function hidetrinfo($trinfo) {
$trinfo.addClass('hidden');
}
}
function closeNote(noteEl, noteCookie) {
var $this = $(noteEl);
$this.parents('div.note').addClass('hidden');
if(noteCookie) {
setCookie(noteCookie, 1);
}
}
function calendarPane($cp) {
$cp = $cp || $('#calendar-pane');
$cp.find('.quicktip').cluetip(cluetipOptions);
$cp.find('.toggle-minor')
.unbind('click')
.click(function(e) {
if (e.button > 1) return true;
var $a = $(this);
var shown = $a.data('shown');
// .toggle() doesn't work in IE8
$cp.find('.monthly-summary .minor').each(function() {
var $elem = $(this);
if($elem.css('display') == 'none')
$elem.show();
else
$elem.hide();
});
if (!shown) {
$a.text('Show less').data('shown', true);
} else {
$a.text('Show more').data('shown', false);
}
return false;
})
.preventFocusRect();;
$cp.find('table tbody td a.popout')
.unbind('click')
.click(function() {
var trid = $(this).parents('tr.trip').attr('id');
var trip = Trip.fromString(/^t_(.*)$/i.exec(trid)[1]);
showTripDetailsWindow(trip);
return false;
});
$cp.find('#extras a.toggle-my-trips')
.unbind('click')
.click(function() {
var $a = $(this);
var $tripsCont = $a.next();
if($tripsCont) {
$tripsCont.toggleClass('hidden');
if($tripsCont.hasClass('hidden')) {
$a.text('Show My Trips');
setCookie('expandedCalPaneTrips', false, {expires:null});
}
else {
$a.text('Hide My Trips')
setCookie('expandedCalPaneTrips', true, {expires:null});
}
}
})
.preventFocusRect();
return $cp;
}
$(function() {
// disable focus rects on certain elements (for browsers that have this ability)
$('#toplinks a, #menu a, #submenu a').preventFocusRect();
// legend link
$('#legend-link').click(function(e) {
var wnd = window.open($(e.target).attr('href'), "Legend", "status=0,toolbar=0,menubar=0,width=530,height=530,resizable=yes");
return false;
});
// closure to manage menu state
(function() {
var mouseLeaveTimeout;
var cursorOnMenuElement = false;
var anyActive = false;
var $defsm = $('#submenu > .submenu-items.default');
function showSubmenu($submenu) {
var id = $submenu.attr('id');
$submenu.removeClass('hidden').addClass('active');
$('.submenu-items:not(#'+id+')').addClass('hidden').removeClass('active');
anyActive = true;
}
function reset() {
if (anyActive) {
$defsm.stop().removeClass('hidden').removeClass('active');
$('#submenu > .submenu-items:not(.default)').stop().addClass('hidden').removeClass('active');
anyActive = false;
}
};
function menuMouseLeave() {
cursorOnMenuElement = false;
if (anyActive) {
clearTimeout(mouseLeaveTimeout);
mouseLeaveTimeout = setTimeout(function() {
if (!cursorOnMenuElement)
reset();
}, 500);
}
};
$('#menu li:not(.right) a')
.hoverIntent({
timeout: 0, // timeout handled manually
over: function() {
showSubmenu($($(this).attr('rel')));
},
out: menuMouseLeave
})
.mousemove(function() {
cursorOnMenuElement = true;
});
$('#submenu')
.bind('mouseleave', menuMouseLeave)
.mousemove(function() {
cursorOnMenuElement = true;
});
$('#submenu > .submenu-items a')
.click(function(e) {
if (e.button > 1) return;
$('#submenu > .submenu-items.default').removeClass('default');
$('#submenu > .submenu-items a.active').removeClass('active');
$defsm = $(this).addClass('active').parent().addClass('default');
setTimeout(function() { reset(); }, 100);
});
})();
// month selector
$('#month-selector a').preventFocusRect()
.click(function() {
var month = /month=([0-9]+)/.exec($(this).attr('href'))[1];
$.cookie('month', month);
location.href = location.href;
return false;
});
// anything that has the float class should follow the viewport.
// typically only the calendar pane does this
$('.float').each(function() {
var $e = $(this).css({position:'absolute'});
var padViewport = 5;
var panelWindowOffset = Math.floor($e.offset().top);
var lastScrollTop = $(document).scrollTop();
$(window).scroll(function() {
var newTop = 0,
scrollTop = $(document).scrollTop(),
wndHeight = $(window).height(),
panelHeight = $e.height();
if (wndHeight > panelHeight) {
// just float the panel at the top if the viewport is tall enough to show all of it
newTop = Math.max(0, scrollTop - panelWindowOffset + padViewport);
} else {
// if the viewport isn't tall enough to show all of the panel, things get complicated
newTop = null; // leave the panel where its at by default
var ptop = $e.position().top + panelWindowOffset,
pbottom = ptop + panelHeight,
vpheight = wndHeight - (padViewport * 2),
vptop = scrollTop + padViewport,
vpbottom = vptop + vpheight,
ptopShown = ptop - vptop,
pbottomShown = vpbottom - pbottom;
// if ptopShown or pbottomShown is negative then that number of pixels is invisible
// from the respective part of the element.
//console.log(ptopShown, pbottomShown);
if (ptopShown > 0 && scrollTop < lastScrollTop) {
// float to top
newTop = Math.max(0, vptop - panelWindowOffset);
//console.log('ptopShown > 0 ::::: newTop='+newTop);
} else if (pbottomShown > 0 && scrollTop > lastScrollTop) {
newTop = Math.max(0, scrollTop - panelWindowOffset - panelHeight + vpheight);
//console.log('pbottomShown > 0 ::::: newTop='+newTop);
}
}
lastScrollTop = scrollTop;
//console.log('setting top to '+newTop);
if (newTop !== null) {
$e.stop(true, false);
$e.animate({top:newTop},{duration:500,queue:false});
}
});
});
$('#raw-calendar').click(function() {
showRawCalendarWindow();
return false;
});
// "quicktip" tooltips
$('.quicktip').cluetip(cluetipOptions);
// calendar pane
calendarPane();
});
// classes
function TripDetailsUpdater() {
var checkInterval = 40000;
var running = false;
var tinfoRows = [];
this.addTrip = function($trinfo) {
var id = $trinfo.id();
for(i=0; i < tinfoRows.length; i++) {
var $item = tinfoRows[i];
if($item.id() == id)
return;
}
// item not found
$trinfo.data('rem-checks', Math.round(60 * 60 * 1000 / checkInterval));
tinfoRows.push($trinfo);
run();
}
function run() {
if(!running && tinfoRows.length > 0) {
running = true;
process();
}
}
function process() {
setTimeout(function() {
var tinfoRowsClone = tinfoRows.slice(0);
$.each(tinfoRowsClone, function(index, $trinfo) {
if(taskExpired($trinfo))
taskInactive($trinfo);
else
checkDetailsTaskStatus($trinfo, $trinfo.find('#detailsTaskGuid').val());
});
process();
}, checkInterval);
}
function taskExpired($trinfo) {
var checks = $trinfo.data('rem-checks');
if(checks) {
$trinfo.data('rem-checks', --checks);
return false;
}
else
return true;
}
function checkDetailsTaskStatus($trinfo, taskGuid) {
if(!taskGuid || $trinfo.hasClass('checking-task-status'))
return;
$trinfo.addClass('checking-task-status');
var $lupd = $trinfo.find('div.update-request-succ span');
$lupd.addClass('action-progress');
$.ajax({
type: 'POST',
url: 'clienttaskrequest.php?status=' + taskGuid,
dataType: "json",
timeout: 30000,
success: function(result, textStatus) {
$trinfo.removeClass('checking-task-status');
$lupd.removeClass('action-progress');
switch(result.status) {
case 'active':
// keep checking
break;
case 'completed':
taskCompleted($trinfo);
break;
default:
taskInactive($trinfo);
break;
}
},
error: function(xhr, textStatus, errorThrown) {
$trinfo.removeClass('checking-task-status');
$lupd.removeClass('action-progress');
}
});
}
function taskCompleted($trinfo) {
removeTask($trinfo);
$trinfo.triggerHandler('task-completed');
}
function taskInactive($trinfo) {
removeTask($trinfo);
$trinfo.find('.update-request').removeClass('hidden');
$trinfo.find('.update-request-failed').addClass('hidden');
$trinfo.find('.update-request-succ').addClass('hidden');
}
function removeTask($trinfo) {
for (var i=0; i