var global = {};
global.reloadFunction = null;
global.onLoadEdit = null;
global.onLoadView = null;
global.onLoadView2 = null;
global.onLoadDelete = null;
global.onLoadPublish = null;

global.onSaveFunc = null;
global.prefilterFunc = null;

global.filterText = "";

global.selectedTaxon = null;

function getSelectedTaxon() {
	return global.selectedTaxon;
}

function doTaxon(recs) {
	global.records = recs;
	if (recs == null || recs.length == 0) {
		$('#results').html('No results found');
		$('#details').html('No results found');
		return;
	}

	var code = '<div class="list-group">';
	for (var i = 0; i < recs.length; i++) {
		var rec = recs[i];
		code += '<a href="#" id="rec' + i + '" class="list-group-item sresult">' + rec.vernacular + ': ' + rec.scientificname + '</a>';
	}
	code += '</div>';
	$('#results').html(code);

	$('.sresult').off();
	$('.sresult').click(function () {
		var id = this.id.substr(3);
		showRecord(id);
	});

	$('#results').scrollTop(0);
	showRecord(0);
}


function findTaxon(text) {
	var url = 'worms.ashx?name=' + escape(text);
	ajaxindicatorstart('Loading...');

	jQuery.getJSON(url, null, doTaxon)
	  .fail(function () {
	  	doTaxon(null);
	  	alert('Failed to retreive data');
	  })
	  .always(function () {
	  	ajaxindicatorstop();
	  });


}

function showRecord(id) {
	$('.sresult').removeClass('active');
	$('#rec' + id).addClass('active');

	var rec = global.records[id];

	var code = '<table cellpadding=4>';

	// Common name
	code += '<tr>';
	code += '<td><strong>Common name: </strong></td>';
	code += '<td>' + rec.vernacular + '</td>';
	code += '</tr>';

	// Scientific Name
	code += '<tr>';
	code += '<td><strong>Scientific Name: </strong></td>';
	code += '<td>' + rec.scientificname + '</td>';
	code += '</tr>';

	// LSID
	code += '<tr>';
	code += '<td><strong>LSID: </strong></td>';
	code += '<td>' + rec.lsid + '</td>';
	code += '</tr>';

	// AphiaID
	code += '<tr>';
	code += '<td><strong>AphiaID: </strong></td>';
	code += '<td>' + rec.AphiaID + '</td>';
	code += '</tr>';

	var taxons = rec.taxon;
	for (var i = 0; i < taxons.length; i++) {
		var taxon = taxons[i];
		if (taxon.rank != null) {
			code += '<tr>';
			code += '<td><strong>' + taxon.rank + ': </strong></td>';
			code += '<td>' + taxon.name + '</td>';
			code += '</tr>';
		}
	}


	code += '</table>';

	$('#details').html(code);

	global.selectedTaxon = rec.vernacular + ': ' + rec.scientificname + ' (' + rec.AphiaID + ')';
	global.selectedCommon = rec.vernacular;
	global.selectedSpecies = rec.scientificname;
}

function getRowID(id) {
	return id.substring(3);
}

function getPageName() {
	return location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
}

function setFieldData(code, view, id) {
	debugger;
	global.fields = new Array();
	eval('data = ' + code);
	for (var i = 0; i < data.length; i++) {
		var field = data[i];
		global.fields.push(field.name);
		if (view == true)
			$('#vf' + field.name).html(field.text);
		else {
			var control = $('#ef' + field.name);

			if (control.hasClass('datepicker')) {
				if (field.value == null || field.value == 'undefined' || field.value == "") {
					var date = new Date();
					control.datepicker('setDate', date);
				}
				else {
					var date = new Date(field.value);
					control.datepicker('setDate', date);
				}
			}
			else if (control.hasClass('photobox')) {
				$('.photobox').attr('src', 'photobox.aspx?id=' + id + '&photo=' + field.value);
			}
			else if (control.hasClass('taxonList')) {
				alert('1');
			}
			else {
				if (field.value == null || field.value == 'undefined')
					control.val('');
				else
					control.val(field.value);
			}
		}
	}

	if ($('.taxonList').length) {
		$('.taxonList').attr('src', 'taxonlist.aspx?id=' + id + '&view=' + view);
	}

}

function initControls() {

	$(".viewButton").off();
	$(".viewButton").click(function (event) {
		var target = $(this).attr('target');
		event.stopPropagation();
		var id = getRowID(this.id);
		global.recordID = id;

		if (global.onLoadView != null) {
			global.onLoadView(id);
			return;
		}

		var page = getPageName();
		$.ajax({
			url: page + "?mode=loadrec&id=" + id + "&rid=" + Math.random(),
		}).done(function (code) {
			setFieldData(code, true, id);
			if (global.onLoadView != null)
				global.onLoadView(id);
			$('#viewDialog' + target).modal();
		});
		return false;
	});

	$(".viewButton2").off();
	$(".viewButton2").click(function (event) {
		var target = $(this).attr('target');
		event.stopPropagation();
		var id = getRowID(this.id);
		if (global.onLoadView2 != null) {
			global.onLoadView2(id);
			return;
		}
	});



	$(".editButton").off();
	$(".editButton").click(function (event) {
		var target = $(this).attr('target');
		event.stopPropagation();
		var id = getRowID(this.id);
		global.recordID = id;
		if (global.onLoadEdit != null) {
			global.onLoadEdit(id);
			return;
		}
		var page = getPageName();
		$('#editDialogTitle' + target).html('Edit ' + dbType);
		$.ajax({
			url: page + "?mode=loadrec&id=" + id + "&rid=" + Math.random(),
		}).done(function (code) {
			setFieldData(code, false, id);
			if (global.onLoadEdit != null)
				global.onLoadEdit(id);
			$('#editDialog' + target).modal();
		});
		return false;
	});

	$('.publishButton').off();
	$('.publishButton').click(function (event) {
		var target = $(this).attr('target');
		event.stopPropagation();
		var id = getRowID(this.id);
		global.recordID = id;
		if (global.onLoadPublish != null) {
			global.onLoadPublish(id);
			return;
		}
	});
	

	$(".deleteButton").off();
	$(".deleteButton").click(function (event) {
		var target = $(this).attr('target');
		event.stopPropagation();
		var id = getRowID(this.id);
		global.recordID = id;
		if (global.onLoadDelete != null) {
			global.onLoadDelete(id);
			return;
		}
		$('#deleteDialog' + target).modal();

		$('#buttonDelete').off();
		$('#buttonDelete').click(function () {
			var page = getPageName();
			var id = global.recordID;
			$.ajax({
				url: page + "?mode=delete&id=" + id + "&rid=" + Math.random(),
			}).done(function (code) {
				$('#deleteDialog' + target).modal('toggle');
				loadTable();
			})
		});


		return false;
	});

	$(".addButton").off();
	$(".addButton").click(function (event) {
		var target = $(this).attr('target');
		event.stopPropagation();
		var id = 0;
		global.recordID = id;
		var page = getPageName();
		$('#editDialogTitle' + target).html('Add ' + dbType);
		$.ajax({
			url: page + "?mode=loadrec&id=" + id + "&rid=" + Math.random(),
		}).done(function (code) {
			setFieldData(code, false, id);
			if (global.onLoadEdit != null)
				global.onLoadEdit(id);
			$('#editDialog' + target).modal();
		});
		return false;
	});

	$(".textFilter").off();
	$(".textFilter").click(function () {
		global.filterText = escape($('#textFilter').val());
		loadTable();
		return false;
	});



	$("#buttonSave").off();
	$('#buttonSave').click(function () {
		var target = $(this).attr('target');


		console.log('save: ' + target);


		// alert(target);


		var params = "";
		for (var i = 0; i < global.fields.length; i++) {
			var field = global.fields[i];
			var control = $('#ef' + field);
			var value = control.val();

			if (control.hasClass('datepicker')) {
				var date = control.datepicker('getDate');
				value = date.format("mm-dd-yy");
			}

			if (control.hasClass('photobox')) {
				window.frames['photobox'].saveTags();
			}
			else {
				params += "&" + field + "=" + escape(value);
			}
		}

		if ($('#taxonList').length) {
			var value = window.frames["taxonList"].getTaxons();
			params += "&taxons=" + escape(value);
		}

		if (global.onSaveFunc != null)
			params += global.onSaveFunc();

		var page = getPageName();
		var url = page + "?mode=save&id=" + global.recordID + params + "&rid=" + Math.random();
		$.ajax({
			url: url,
		}).done(function (code) {
			global.target = target;
			loadTable(closeEditBox, global.filter);
		});
	});


	$(".taxonButton").off();
	$('.taxonButton').click(function () {

		var field = this.id.substring(2);
		global.taxonControl = $('#ef' + field);
		var text = global.taxonControl.val();
		$('#find').val(text);
		$('#results').html('');
		$('#details').html('');
		if (text != '' && text != null)
			findTaxon(text);
		$('#taxonDialog').modal();
		return false;
	});


	$("#buttonTaxonSelect").off();
	$('#buttonTaxonSelect').click(function () {
		var taxon = getSelectedTaxon();
		if (taxon == null) {
			alert('Please select a species');
			return;
		}
		$('#taxonDialog').modal('toggle');
		global.taxonControl.val(taxon);

		if ($('#effCommonName').val() == '')
			$('#effCommonName').val(global.selectedCommon);

		if ($('#effSpeciesName').val() == '')
			$('#effSpeciesName').val(global.selectedSpecies);

		return fals
	});


	$('.datepicker').datepicker({ autoclose: true });


	$('.timepickerControl').timepicker({ autoclose: true });

	var text = $('#find').val();
	if (text != '' && text != null)
		findTaxon(text);

	$(".findTaxonButton").off();
	$('.findTaxonButton').click(function () {
		var text = $('#find').val();
		findTaxon(text);
		return false;
	});



}

function closeEditBox() {
	$('#editDialog' + global.target).modal('toggle');
}

function closeDeleteBox() {
	$('#deleteDialog' + global.target).modal('toggle');
}

function loadDialogs() {
	var page = getPageName();
	var url = page + "?mode=loaddlg";
	$("#dialogsDiv").load(url, function () {

	});
}

function loadTable(retFunc, filterArg) {
	if (filterArg == null)
		filterArg = '';
	global.filter = filterArg;
	global.retFunc = retFunc;
	if (global.prefilterFunc)
		filterArg = global.prefilterFunc(filterArg);
	var file = getPageName();
	var url = file + "?mode=loadlist&filter=" + filterArg + "&filterText=" + global.filterText + "&rid=" + Math.random();
	$("#tableDiv").load(url, function () {
		initControls();
		if (retFunc != null)
			retFunc();
		if (global.reloadFunction)
			global.reloadFunction();
	});
}

function loadPage(num) {
	filterArg = global.filter;
	retFunc = global.retFunc;
	var file = getPageName();
	if (global.prefilterFunc)
		filterArg = global.prefilterFunc(filterArg);
	var url = file + "?mode=loadlist&filter=" + filterArg + "&filterText=" + global.filterText + "&page=" + num + "&rid=" + Math.random();
	$("#tableDiv").load(url, function () {
		initControls();
		if (retFunc != null)
			retFunc();
		if (global.reloadFunction)
			global.reloadFunction();
	});
}

$(document).ready(function () {
	loadDialogs();
	loadTable();
});

function clearCombo(id) {
	$("#" + id).empty();
}

function addComboOption(id, val, text) {
	$('#' + id).append($('<option/>', {
		value: val,
		text: text
	}));
}

function enableControl(id, enable) {
	$('#' + id).attr('disabled', enable == false);
}

function getDatePickerDate(id) {
	var date = $('#' + id).datepicker('getDate');
	if (date == null || date == "" || date == "Invalid Date")
		return "";
	return date.format("mm-dd-yy");
}

function updateQueryStringParameter(uri, key, value) {
	var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
	var separator = uri.indexOf('?') !== -1 ? "&" : "?";
	if (uri.match(re)) {
		return uri.replace(re, '$1' + key + "=" + value + '$2');
	}
	else {
		return uri + separator + key + "=" + value;
	}
}