$().ready(function() {
    //
    // Init TinyMCE editor
    //
    $('textarea.tinymce').tinymce({
        script_url : '/inc/tiny_mce/tiny_mce.js',
        theme : "advanced",

        theme_advanced_buttons1 : "link, bold, italic, underline, |, undo, redo, |, paste, |, bullist, numlist, image",
        theme_advanced_buttons2 : "",
        theme_advanced_buttons3 : "",
        document_base_url : "http://www.karierni-center.si.lan/",
        external_image_list_url : "/usr/images"
    });
	
	$('.field_info').bind('click', function(event) {
		var id = this.id;
		
		showTooltip(event.pageX, event.pageY, id);
		
		$.ajax({
			type: "POST",
	        url: "/usr/description",
	        data: "field=" + id,
	        success: function (msg) {
				
				// parse server's response
				var lines = msg.split("\n", 2);
				var first_line = lines[0];
				var tooltip_id = 'tooltip_' + id;
				
				// verify response
	            if (first_line != 'SUCCESS') {
	            	$.addMessage('Interna napaka pri iskanju opisa za to polje.', 'error');
	            	return;
	           	}
	            
	            // build options links
	            var options = '  '
	            	        + '<a onclick="$(\'#' + tooltip_id + '\').remove();return false;" href="#' + id + '">Skrij</a>';
	            
	            if ($("#user_acl").html() == '1')
	            	options += ' | <a onclick="editTooltip(\'' + id + '\', \'' + lines[1] + '\'); return false;" href="#">Uredi</a>';
	            
	            // actually show the tooltip
	            $("#" + tooltip_id).html(lines[1] + options);
	    	}
		});
		
		return false;
	});
	
	// those labels have hidden <a>, which should only be visible on mouseover
	$(".competence_label").bind("mouseenter", function() {
		$(this).find("a").show();
	}).bind("mouseleave", function() {
		$(this).find("a").hide();
	});
});

function editTooltip(id, suggest) {
	
	var description = prompt('Vpišite nov opis za polje "' + id + '"', suggest);
	
	if (!description)
		return false;
	
	$.ajax({
		type: "POST",
        url: "/usr/description-update",
        data: "field=" + id + "&description=" + description,
        success: function (msg) {
			if (msg != 'SUCCESS') {
				$.addMessage('Interna napaka pri spreminjanju opisa.', 'error');
				return;
			}
			
			$.addMessage('Opis za "' + id + '" je bil uspešno spremenjen.', 'info');
		}
	});
}
/**
 * @param int x position of tooltip in px
 * @param int y position of tooltip in px
 * @param string id of the tooltip
 * */
function showTooltip(x, y, id)
{
	// allow only one tooltip per id 
	if ($("#tooltip_" + id).length > 0)
		return;
	
	var loading = '<img src="/img/icons/loader-small.gif" alt="loading..."/>'
	
	var style = 'position: absolute;'
		      + 'left: ' + x + 'px;'
		      + 'top: ' + y + 'px;';
		      
	var tooltip = $(document.createElement('div'));
	tooltip.attr('style', style);
	tooltip.attr('id', "tooltip_" + id);
	tooltip.attr('class', 'tooltip');
	tooltip.html(loading);
	$('body').append(tooltip);
}


function hideTooltip(id)
{
	
}