var busy = false;
function setBusy(b) {
	busy = b;
	if (busy)
		$('#loader').css('display', 'block');
	else
		$('#loader').css('display', 'none');
}

$(document).ready(function(){		
	$("#addButton").click(function() {
		$("#addpicture").submit();  
	});
	
	$('#selectedVehicle').change(function() {
		if (busy) return false;
		setBusy(true);
		$('#selectedVehicle').attr('disabled', 'disabled');
		$.get('/main/ajax/panelchangevehicle?vehicleId='+$('#selectedVehicle').val(),
			function(responseText) {
				$('#selectedVehicle').removeAttr('disabled');
				$.taconite(responseText);
				panelInit();
				setBusy(false);
			}
		);
	});
	
	panelInit();

});

function panelInit() {
	$('a.vehicleAddNote').click(addNoteClick);
	$('a.vehicleOpenNote').click(openNoteClick);
}

function addNoteClick(event) {
	if (busy) return false;
	setBusy(true);
	event.preventDefault();
	$.get('/main/ajax/paneladdnote?vehicleId='+$('#selectedVehicle').val(),
		function(responseText) {
			$.taconite(responseText);
			noteFormInit();
			setBusy(false);
		}
	);
}

function noteFormInit() {
	$("#note_date").click(function() {			
		displayDatePicker('note_date', false, 'dmy', '.');				
	});
	
	$('input.postButton').click(addNotePostClick);
}

function openNoteClick(event) {
	if (busy) return false;
	setBusy(true);
	var noteId = $(this).attr('href').substring(1);
	event.preventDefault();
	$.get('/main/ajax/panelshownote?noteId='+noteId,
		function(responseText) {
			$.taconite(responseText);
			openNoteInit();
			setBusy(false);
		}
	);
}

function openNoteInit() {
	$('a.panelCloseNote').click(closeNoteClick);
	$('a.panelEditNote').click(editNoteClick);
	$('a.panelDelNote').click(delNoteClick);
}

function editNoteClick(event) {
	if (busy) return false;
	setBusy(true);
	event.preventDefault();
	$.get('/main/ajax/paneleditnote?noteId='+$('#noteId').val(),
		function(responseText) {
			$.taconite(responseText);
			noteFormInit();
			setBusy(false);
		}
	);
}

function delNoteClick(event) {
	if (busy) return false;
	setBusy(true);
	event.preventDefault();
	$.get('/main/ajax/paneldelnoteconfirm?noteId='+$('#noteId').val(),
		function(responseText) {
			$.taconite(responseText);
			$('input.postButton').click(delNotePostClick);
			setBusy(false);
		}
	);
}

function closeNoteClick(event) {
	if (busy) return false;
	setBusy(true);
	event.preventDefault();
	showVehicle();
}

function showVehicle() {
	$.get('/main/ajax/panelshowvehicle?vehicleId='+$('#selectedVehicle').val(),
		function(responseText) {
			$.taconite(responseText);
			panelInit();
			setBusy(false);
		}
	);
}

function addNotePostClick(event) {
	if (busy) return false;
	setBusy(true);
	event.preventDefault();
	var noteId = $('#noteId').val() == undefined ? 0 : $('#noteId').val(); 
	var data = {vehicleId: $('#selectedVehicle').val(), action:$(this).attr('id'),
			note_date: $('#note_date').val(), note_text: $('#note_text').val(), noteId: noteId};
	$.post('/main/ajax/paneladdnotepost', data,
		function(responseText) {
			$.taconite(responseText);
			
			if ($('#panelErrors').val() == 1) {
				$("#note_date").click(function() {			
					displayDatePicker('note_date', false, 'dmy', '.');				
				});
				$('input.postButton').click(addNotePostClick);
			}
			
			panelInit();
			openNoteInit();
			setBusy(false);
		}
	);
}

function delNotePostClick(event) {
	if (busy) return false;
	setBusy(true);
	event.preventDefault();
	$.get('/main/ajax/paneldelnotepost?noteId='+$('#noteId').val()+'&action='+$(this).attr('id')+'&vehicleId='+$('#selectedVehicle').val(),
		function(responseText) {
			$.taconite(responseText);
			panelInit();
			openNoteInit();
			setBusy(false);
		}
	);
}