/**
*
*  Javascript trim, ltrim, rtrim
*  http://www.webtoolkit.info/
*
**/

function trim(str, chars) {
	return ltrim(rtrim(str, chars), chars);
}

function ltrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}

function rtrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}

/* Function used to add an element to the list
	* elem: text of the element
	* id: id of the element, if it is 0 it means we ignore it
	* listelem: list element to add to
	* update: indicates if the select must be updated (optional, default = true)
	* thumbnail: indicates if animage thumbnail shoud be shown
*/
function list_add(elem, id, listelem, update) {
	if (arguments.length <= 3) {
		update = true;
	}
	list_add_base(elem, id, listelem, update, true);
}

function list_add_without_thumbnail(elem, id, listelem, update) {
	if (arguments.length <= 3) {
		update = true;
	}
	list_add_base(elem, id, listelem, update, false);
}

function list_add_base(elem, id, listelem, update, thumbnail) {
	var ext = elem.substring(elem.lastIndexOf('.') + 1,elem.length)
	var extra = "";
	if ((thumbnail) && (ext && /^(jpg|png|jpeg|gif)$/i.test(ext))) {
		extra = '<img src="' + base_url +'/uploads/images/small/' + elem + '" />';
	}

	// We create a elem, append it to the list and set the action when the delete icon is clicked
	var lielem = $('<li>' + elem + extra + '<img src="' + base_url + '/img/del.gif" class="list_del_img" />' + '</li>').data("id",id);
	$(lielem).appendTo(listelem + ' ul').find(".list_del_img").each(function() {
		$(this).click(function() {
			$(this).parent().remove();
			list_update(listelem);
		});
	});
	$(listelem + " ul").sortable('refresh');

	if (update == true) {
		list_update(listelem);
	}
}

// function called when a change has ocurred to update the select
function list_update(listelem) {
	var selectelem = listassocations[listelem];
	$(selectelem).html("");

	$(listelem + " ul li").each(function() {
		var text = $(this).html().split("<",1);
		var elem;
		if ($(listelem).data("useids")) {
			elem = $('<option value="' + $(this).data("id") + '" selected="true">' + text + '</option>');
		} else {
			elem = $('<option selected="true">' + text + '</option>');
		}
		$(selectelem).append(elem);
	});
}

// Array used to keep the associations between the list element and the select element
var listassocations = new Array();

// Function used to created the sortable list
function create_ordered_list(listelem, selectelem, useids, thumbnail){
	listassocations[listelem] = selectelem;

	if (arguments.length <= 2) {
		useids = false;
		thumbnail = true;
	} else if (arguments.length <= 2) {
		thumbnail = true;
	}

	$(listelem).data("useids", useids);

	// For each element on the select we add an element to the sortable list
	$(selectelem + ' :selected').each(function(i, selected){
		if (trim($(selected).text()) != '') {
			var id = 0;
			if (useids) {
				id = $(selected).attr("value");
			}
			if (thumbnail) {
				list_add($(selected).text(), id, listelem, false); // we add it to the list without updating the select
			} else {
				list_add_without_thumbnail($(selected).text(), id, listelem, false);
			}
		}
	});

	$(listelem + " ul").sortable({ opacity: 0.8, cursor: 'move',
		update: function(event, ui) { list_update(listelem); }
	});
}