contentscript.js

var Rdfazer = {
    currentRange:null, 
    baseURI:"http://localhost",
    //* stores the current HTML page in the rdfazer component for storing it as a source when needed. TODO use and store the HTML
    storeCurrentHTML: function() {
	this.destroy();
        this.currentHTML = document.getElementsByTagName("html")[0].outerHTML;

	var locallink = document.createElement('a');
	locallink.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(this.currentHTML));
	locallink.setAttribute('download', 'rdfazer.html');
	locallink.click();
    },

    downloadConfig:function(){
	var locallink = document.createElement('a');
	locallink.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(JSON.stringify(this.config,null,"\t")));
	locallink.setAttribute('download', 'rdfazer.json');
	locallink.click();
    },

    init: function(){
        var rdfazerIF = $("#rdfazerInterface")[0];
        if(rdfazerIF){
            return rdfazerIF;
        }else{
            rangy.init();

            this.addCss();
            this.addInterface();
	    this.addSettings();
        }
    },
    addInterface: function(){
        var self=this;
        $("body").append("<div id='rdfazerInterface'></div>");
        $('#rdfazerInterface').load(chrome.extension.getURL("interface.html"),function(){
            var rdfazer= $("#rdfazerInterface");
            $(".rdfazerhead button.switch").click(function(){
                rdfazer.toggleClass("left");
            });
            $(".rdfazerhead button.open").click(function(){
                rdfazer.toggleClass("open");
            });
            $(".rdfazerhead button.remove").click(function(){
                self.destroy();
            });
            $(".rdfazerhead button.save").click(function(){
                self.storeCurrentHTML();
            });
            self.addDialog();
            self.showHighlights();
        });
    },

    addSettings:function(){
	var self = this;
	this.configBak = $.extend(true,{},this.config);
	this.loadConfig(function(){
	    $("body").append("<div id='rdfazer-settings' title='Settings'></div>");
	    var settings = $("#rdfazer-settings");
	    var dialog = settings.load(chrome.extension.getURL("settings.html"),function(){
		settings.dialog({
                    autoOpen: false,
                    height: 500,
                    width: 720,
                    modal: true,
		    buttons:[{text:"Save", title:"save settings", click:function(){
			var config = self.readConfig();
			self.saveConfig(config);

			dialog.dialog('close');
		    }},{text:"Remove config", title:"remove the currently selected configuration", click:function(){
			var config = self.readConfig();
			var profileNumber = 0;
			for (var prop in config.profiles){
			    profileNumber++;
			}
			if(profileNumber<=1){
			    self.message("error","Can't remove the final profile");
			}else{
			    var profile= config.profile;
			    self.removeProfile(profile);
			}
			dialog.dialog('close');
		    }},{text:"Download Settings", "class": "download-settings", title: "download settings as json", click:function(){
			self.downloadConfig();
			dialog.dialog('close');
		    }}, {text:"Upload Settings", "class":"upload-settings", title:"upload json settings file", click:function(){
			$("#rdfazer-settings input.hidden-file-input").click();
		    }}, {text:"Reset", title:"reset settings to default", click:function(){
			self.resetConfig();
			dialog.dialog('close');
		    }}],
		    dialogClass: "rdfazersettingswrap"
		});
		
		$("#rdfazer-settings select.rdfazer-configs").change(function(){
		    var selectedConfig=$(this).val();
		    self.fillSettings(selectedConfig);
		});

		$(".rdfazerhead button.settings").click(function(){
		    self.reloadSettingsDialog();
		    dialog.dialog( "open" );
		});		

		$("#rdfazer-settings button.rdfazer-new-config").click(function(){
		    self.newConfigDialog();
		});

		$("#rdfazer-settings .specs .wrap .toggle, #rdfazer-settings .specs .wrap h2").click(function(){
		    $(this).parent().toggleClass("open");
		});

		$("#rdfazer-settings .storedInfoWrap button.new-property").click(function(){
		    self.newStoredInfoDialog();
		});

		var fileUpload = $("#rdfazer-settings input.hidden-file-input");
		fileUpload.change(function(){
		    var file = fileUpload[0].files[0];
		    var error = function(){
			self.message("error", "Could not handle the uploaded file");
			dialog.dialog( "close" );
		    };
		    if (file) {
			var reader = new FileReader();
			reader.onload = function (evt) {
			    try{ 
				self.config= $.parseJSON(evt.target.result);
				self.saveConfig(self.config);
				dialog.dialog( "close" );
			    }catch(e){
				error();
			    }
			}
			reader.onerror = error;
			reader.readAsText(file, "UTF-8");
		    }
		});
	    });
	});
    },

    newStoredInfoDialog:function(){
	var self = this;
	var dialog=$("<div class='rdfazer-new-stored-info-dialog' title='New Property'><div><span class='label'>Name</span><input class='rdfazer-new-config-text' type='text'></div></div>");
	$("body").append(dialog);
	dialog.dialog({
	    height: 200,
	    width: 500,
	    modal: true,
	    buttons: [{text:"Ok", click:function(){
		var name=$(this).find("input").val();
		if(!name || name == ""){
		    name = "new profile";
		}
		
		var count = 0;
		var userName = name;
		var selectedConfig = $("#rdfazer-settings select.rdfazer-configs").val();
		var storedInfo=self.config.profiles[selectedConfig].storedInfo;

		while(storedInfo[name]){
		    count++;
		    name = userName + count;
		}
		storedInfo[name]={};
		self.addStoredInfoProp(name,storedInfo,$("#rdfazer-settings .storedInfo"));
		dialog.dialog("destroy").remove();
	    }}],
	    close:function(){
		dialog.dialog("destroy").remove();
	    },
	    dialogClass: "rdfazer-new-stored-infowrap"
	});
    },

    newConfigDialog:function(){
	var self = this;
	var dialog=$("<div class='rdfazer-new-config-dialog' title='Copy config'><div><span class='label'>Name</span><input class='rdfazer-new-config-text' type='text'></div><div><span class='label'>Copy</span><select class='rdfazer-configs'></select></div></div>");
	$("body").append(dialog);
	dialog.dialog({
	    height: 220,
	    width: 500,
	    modal: true,
	    buttons: [{text:"Ok", click:function(){
		var copy=$(this).find("select").val();
		var name=$(this).find("input").val();
		if(!name || name == ""){
		    name = "new profile";
		}
		
		var count = 0;
		var userName = name;
		while(self.config.profiles[name]){
		    count++;
		    name = userName + count;
		}
		self.config.profiles[name]=$.extend(true,{},self.config.profiles[copy]);
		self.config.profile = name;
		self.fillSettings();
		dialog.dialog("destroy").remove();
	    }}],
	    close:function(){
		dialog.dialog("destroy").remove();
	    },
	    dialogClass: "rdfazer-new-configwrap"
	});
	var select= $(".rdfazer-new-config-dialog select.rdfazer-configs");
	for(var profile in self.config.profiles){
	    select.append("<option value='"+profile+"'"+(self.config.profile == profile?" selected":"")+" >"+profile+"</option>");
	}

    },

    readConfig:function(){
	var config = $.extend(true, {}, this.config);
	config.sparql = $("#rdfazer-settings input[name='sparql']").val();
	config.profile = $("#rdfazer-settings select.rdfazer-configs").val();
	
	var selectedSpecs = $("#rdfazer-settings .configspecs .prop");
	for(var i=0, prop; prop = selectedSpecs[i]; i++){
	    var name = $(prop).find(".label").text();
	    var value = $($(prop).find("input")[0] || $(prop).find("textarea")[0]).val();
	    
	    config.profiles[config.profile][name]=value;
	}
	return config;
    },

    reloadSettingsDialog:function(){
	$("#rdfazer-settings input[name='sparql']").val(this.config.sparql);
	this.fillSettings();
    },

    fillSettings:function(selectedProfile){
	var selectedProfile = selectedProfile || this.config.profile;
	var profileSelect = $("#rdfazer-settings select.rdfazer-configs");
	profileSelect.empty();
	$("#rdfazer-settings .configspecs").empty();
	for(var profile in this.config.profiles){
	    profileSelect.append("<option value='"+profile+"'"+(selectedProfile == profile?" selected":"")+">"+profile+"</profile>");
	}
	
	var active = this.config.profiles[selectedProfile];
	for(var prop in active){
	    if(prop != "storedInfo"){
		var info = $("<div class='prop'><span class='label'>"+prop+"</span></div>");
		if(prop == "query"){
		    var val = active[prop];
		    //best effort
		    var lines = val.split(/\r\n|\r|\n/).length +2;
		    info.append($("<textarea class='propvalue' rows='"+lines+"'>"+val+"</textarea>"));
		}else{
		    info.append($("<input class='propvalue' type='text' value=\""+active[prop]+"\">"));
		}
		$("#rdfazer-settings .configspecs").append(info);		
	    }
	}

	this.fillStoredInfoSettings(selectedProfile);

    },

    fillStoredInfoSettings:function(selectedProfile){
	var self = this;
	var container = $("#rdfazer-settings .storedInfo");
	container.empty();

	var storedInfo = this.config.profiles[selectedProfile].storedInfo;
	for(var prop in storedInfo){
	    this.addStoredInfoProp(prop,storedInfo,container);
	}
    },

    addStoredInfoProp:function(prop,storedInfo,container){
	var value = storedInfo[prop];
	var stringValue = JSON.stringify(value,null,"\t");
	var lines = stringValue.split(/\r\n|\r|\n/).length;
	var propertyDiv = $("<div class='storedProp prop'><span class='label'>"+prop+"</span><span class='remove' title='remove'></span>"+
			    "<textarea spellcheck='false' rows='"+lines+"'  class='storedProp-value'>"+stringValue+"</textarea></div>");
	propertyDiv[0].storedInfo=storedInfo;
	propertyDiv[0].prop = prop;
	propertyDiv.find("span.remove").click(function(){
	    var parent = $(this).parent();
	    parent.remove();
	    delete parent[0].storedInfo[parent[0].prop];
	});
	propertyDiv.find("textarea").change(function(){
	    var parent = $(this).parent();
	    var value = $(this).val();
	    try{
		var json = $.parseJSON(value);
		parent[0].storedInfo[parent[0].prop]=json;
		parent.removeClass("error");
	    }catch(e){
		if(!parent.hasClass("error")){
		    parent.addClass("error");
		}
	    }
	});
	container.append(propertyDiv);
    },

    destroy:function(){
        $('#rdfazerInterface').remove();
        $('#rdfazerdialog').dialog('destroy').remove();
        $('#rdfazer-settings').dialog('destroy').remove();
    },
    
    addHighlightToSelection:function(results){
        var highlighter = rangy.createHighlighter();
        var localHighlightUri = this.getBaseURI() + "/rdfazer"+(new Date()).getTime();
	var name, url;
	if(results.manual){
	    name = results.name;
	    url = results.url;
	}else {
	    var firstResult = results[0];
	    var labelProperty = this.getConfigProp("labelProperty") || "label";
	    name = firstResult[labelProperty]?firstResult[labelProperty].value:firstResult.target.value;
	    url = this.uriToUrl(firstResult.target.value);
	}

        highlighter.addClassApplier(rangy.createCssClassApplier("highlight", {
            ignoreWhiteSpace: true,
            elementTagName: "a",
            elementProperties: {
                href: url
            },
            elementAttributes: {
                about: localHighlightUri,
                title: name
            }
        }));

        highlighter.highlightRanges("highlight",[this.currentRange]);

        this.addHighlightedConcept(localHighlightUri,results);
    },

    handleHighlightClick:function(){
	// note: context = jquery highlight that was clicked
	var highlight = $(this);
	var title = highlight.attr("title");
	var uri = highlight.attr("about");
	
	var info = (title && title!="")?("("+title+")"):("("+uri+")"); 
        if (window.confirm("Delete this highlight "+info+"?")) {
	    var toReplace = $(".highlight[about='"+uri+"']");
	    for (var i =0, node; node = toReplace[i]; i++){
		$(node).replaceWith(node.innerHTML);
	    }
	    
	    $("#rdfazerconcepts div[about='"+uri+"']").remove(); 
	    $(".highlightTag[highlight='"+uri+"']").remove(); 
        }
	
	return false;
    },

    addHighlightedConcept:function(localHighlightUri,results){
        var conceptsDiv = $("#rdfazerconcepts");
        if(conceptsDiv.length==0){
            $("body").append("<div id='rdfazerconcepts' style='display:none'></div>");
            conceptsDiv = $("#rdfazerconcepts");
        }

        conceptsDiv.append("<div about='"+localHighlightUri+"'><div rel='"+this.baseURI+"/highlightFor'></div></div>");
        
        var relation = $("#rdfazerconcepts div[about='"+localHighlightUri+"'] div[rel='"+this.baseURI+"/highlightFor']");

	if(results.manual){
	    for(var i=0, uri; uri = results.uris[i]; i++){
		relation.append("<div about='"+uri+"'></div>");
	    }
	}else{
            for(var i=0, result; result=results[i]; i++){
		var about = this.describeResult(result);
		relation.append(about);
            }
	}
        this.showHighlights();
    },

    describeResult:function(result){
	var uri = result.target.value;
	var description = $("<div about='"+uri+"'></div>");
	var info = this.getConfigProp("storedInfo") || {};
	for(var prop in info){
	    var value = result[prop]?result[prop].value:null;
	    var recipe = info[prop];
	    if( recipe.csv ){
		value = value.split(recipe.csv);
	    }

	    if(value != null && typeof value != "string" && value[0]!=null){
		// assume like array, note: I know about rdfa chaining but don't feel like implementing it here, TODO
		for (var i = 0, current; current = value[i]; i++){
		    description.append(this.describeSingleResultProperty(recipe,current));
		}
	    }else{
		description.append(this.describeSingleResultProperty(recipe,value));
	    }
	}

	// provenance information
	var sparql = this.getConfigProp("sparql");
	description.append("<div rel='http://www.w3.org/ns/prov#wasDerivedFrom'><span about='"+sparql+"' typeof='http://www.w3.org/ns/sparql-service-description#Service' rel='http://www.w3.org/ns/sparql-service-description#endpoint' resource='"+sparql+"'></span></div>");

	return description;
    },

    describeSingleResultProperty:function(recipe, value){
	if(value != null){
	    var propertyNode;
	    var decorateTarget;
	    if(recipe.type == "property"){
		propertyNode = $("<meta property='"+recipe.predicate+"' content='"+value+"' />");
		decorateTarget = propertyNode;
	    }else{
		// assume relation
		propertyNode = $("<div rel='"+recipe.predicate+"'><span about='"+value+"'></span></div>");
		decorateTarget = propertyNode.children();
	    }
	    if(recipe.decorate){
		decorateTarget.prop(recipe.decorate);
	    }
	    return propertyNode;
	}
	return null;
    },

    readAndAddHighlight:function(){
        var name = $("#rdfazerdialog input[name='label']").val();
        var url = $("#rdfazerdialog input[name='href']").val();
        var uriInputs = $("#rdfazerdialog input.uri");
        var uris = [];
        for(var i=0,uri;uri=uriInputs[i]; i++){
            uris.push($(uri).val());
        }
        
        this.addHighlightToSelection({name:name,url:url,uris:uris, manual:true});
    },

    addDialog:function(){
        var self=this;
	$("body").append("<div id='rdfazerdialog' title='Add new highlight'></div>");

        $('#rdfazerdialog').load(chrome.extension.getURL("dialog.html"),function(){
	    $(".rdfazer-dialog-tabs").tabs();

	    var dialog = $( "#rdfazerdialog" ).dialog({
                autoOpen: false,
                height: 500,
                width: 720,
                modal: true,
		dialogClass: "rdfazerdialogwrap",
                close: function() {
                    var uriInputs = $("#rdfazerdialog input.uri");
                    for(var i=1, uri; uri=uriInputs[i];i++){
                        $(uri).remove();
                    }
                }
            });
            
            $(".rdfazerhead button.highlight").click(function(){
                self.currentRange = rangy.getSelection().getRangeAt(0);
		$("#rdfazer-search input").val(self.currentRange.toString());
		if($("#rdfazer-search").attr("aria-expanded")=="true"){
		    setTimeout(function(){
			$("#rdfazer-search input").focus();
		    },100);
		}else{
		    setTimeout(function(){
			$("#rdfazer-manual input[name='label']").focus();
		    },100);
		}
                dialog.dialog( "open" );
            });
	    
	    $("#rdfazerdialog button.highlight").click(function(){
                self.readAndAddHighlight();
                dialog.dialog( "close" );
	    });

	    $("#rdfazerdialog input[name='href']").change(function(){
		var url=$(this).val();
		url = decodeURIComponent(url);
		var uri = url.substring(url.lastIndexOf("http:"));
		if(uri && uri.length>0){
		    $("#rdfazerdialog input.uri").first().val(uri);		    
		}
	    });

            $("#rdfazerdialog button.adduri").click(function(){
                $("#rdfazerdialog .uris").append('<input type="text" value="http://localhost/show-concept/1" class="uri text ui-widget-content ui-corner-all">');
            });
            $("#rdfazerdialog button.removeuri").click(function(){
                $("#rdfazerdialog .uris").children().last().remove();
            });

	    self.setupSearch(dialog);
        });
    },

    addCss:function(){
        var css = document.createElement("link");
        css.href = chrome.extension.getURL("contentscript.css");
        css.type = "text/css";
        css.rel = "stylesheet";
	var jqueryUI = document.createElement("link");
	jqueryUI.href = chrome.extension.getURL("lib/jquery-ui.css");
        jqueryUI.type = "text/css";
        jqueryUI.rel = "stylesheet";
        document.getElementsByTagName("head")[0].appendChild(css).appendChild(jqueryUI);
    },
    
    showHighlights:function(){
	var self = this;
        var content = $("#rdfazerInterface .rdfazercontent");
        content.empty();
        
        var highlights = $(".highlight[about]");
	// keep track of where the highlights are and do not overlap
	var highlightSpots = [];
        
        for(var i=0, highlight; highlight=highlights[i]; i++){
            var node = $(highlight);

	    // remove the previous listener from the highlight
	    var events = $._data(highlight, "events");
	    var hasHandler = false;
	    if(events && events.click){
		for(var j =0, event; event= events.click[j]; j++){
		    if(event.handler == self.handleHighlightClick){
			hasHandler = true;
		    }
		}
	    }

	    if(!hasHandler){
		node.click(self.handleHighlightClick);
	    }

	    // add all highlights in side pane
            var highlightURI = node.attr("about");
            var urinodes = $("#rdfazerconcepts div[about='"+highlightURI+"'] div[rel='http://localhost/highlightFor'] > div[about]");
            var labels = [];
            for(var j=0, uri; uri=urinodes[j]; j++){
		var pred=this.getConfigProp("labelPredicate");
		if(pred && pred!=""){
		    var labelvalues = $(uri).find("meta[property='"+pred+"']").prop("content");
		    if(labelvalues && labelvalues.length>0){
			labels = labels.concat(labelvalues);
		    }else{
			labels.push($(uri).attr("about"));
		    }
		}else{
                    labels.push($(uri).attr("about"));
		}
            }
	    var tag=this.buildHighlightTag(content,node,labels,highlightURI,highlightSpots);          
        }

    },

    buildHighlightTag:function(content,node,labels,highlightURI,highlightSpots){
	var tag=$("<a class='highlightTag' highlight= '"+highlightURI+"' href='"+node.attr("href")+"'>"+labels.join(", ")+"</a>");

	var top = node.offset().top;
	var takenSpot = null;
	while(takenSpot = this.highlightSpotTaken(highlightSpots,top)){
	    top = takenSpot.top + takenSpot.height + 3;
	}

        tag.css({ top: top+"px" });

	tag.hover(function(){
            var highlightURI=$(this).attr("highlight");
            $(".highlight[about='"+highlightURI+"']").addClass("hover");
        },function(){
            var highlightURI=$(this).attr("highlight");
            $(".highlight[about='"+highlightURI+"']").removeClass("hover");
        });

        content.append(tag);
	highlightSpots.push({top:top, height:tag.height()});
    },
    // really inefficient, but there should not be that many highlights, right...
    highlightSpotTaken:function(highlightSpots,top){
	for(var i = 0, spot; spot = highlightSpots[i]; i++){
	    if(spot.top<= top && spot.height>= top-spot.top){
		return spot;
	    }
	}
	return false;
    },

    setupSearch:function(dialog){
	var self = this;
	var search= $("#rdfazer-search .buttons input").keypress(function(e){
	    if(e.which==13){
		self.doSearch($(this).val());
	    }
	});

	$("#rdfazer-search button.highlight-searches").click(function(){
	    self.highlightAcceptedSearches();
            dialog.dialog( "close" );
	});
	$("#rdfazer-search button.clear-searches").click(function(){
	    self.clearResults(true);
	});

    },

    highlightAcceptedSearches:function(){
	var checked=$("#rdfazer-search .search-results input:checked");
	var results=[];
	for( var i=0, input; input=checked[i];i++){
	    var resultDiv= input.parentNode.parentNode;
	    var result=resultDiv.searchResult;
	    results.push(result);		
	}
	if(results.length>0){
	    this.addHighlightToSelection(results);
	}
    },

    uriToUrl:function(uri){
	var transformer = this.getConfigProp("uriToUrl");
	if(!transformer || transformer == ""){
	    return uri;
	}else{
	    var funbody = "return "+transformer+";";
	    var fun = new Function('uri',funbody);
	    return fun(uri);
	}
    },

    doSearch:function(searchTerm){
	var query = "";
	var self = this;
	query = this.getConfigProp("query").replace(/\$searchTerm/g,searchTerm);
	this.startLoading();
	this.sparqlQuery(query, function(data){
	    try{
		self.showResults(data.head.vars,data.results.bindings);
	    }finally{
		self.endLoading();
	    }
	},function(result){
	    self.message("error","Could not query the server for matching terms."+(result.responseText?"\nServer response:\n"+result.responseText:""));
	    self.endLoading();
	});
    },
    
    startLoading:function(){
	$("#rdfazerdialog .searchloading").removeClass("hidden");
    },
    endLoading:function(){
	var spinner = 	$("#rdfazerdialog .searchloading");
	if(!spinner.hasClass("hidden")){
	    spinner.addClass("hidden");
	}
    },

    clearResults:function(all){
	if(all){
	    $("#rdfazer-search .search-container").empty();
	    return;
	}else{
	    var unchecked=$("#rdfazer-search .search-container input:checkbox:not(:checked)");
	    for(var i = 0, check; check = unchecked[i]; i++){
		$(check.parentNode.parentNode).remove();
	    }
	}
    },

    showResults:function(vars,bindings){
	this.clearResults();
	for(var i = 0, binding; binding = bindings [i]; i++){
	    var container = $('<div class="rdfazer-searchresult">'+
			      '<div class="rdfazer-searchresult-head">'+
			      '<span class="toggle"></span><span class="rdfazer-hcontent"></span><input type="checkbox"></input></div>' +
			      '<div class="searchresult-body"></div>' + 
			      '</div>');
	    var labelProperty = this.getConfigProp("labelProperty") || "label";
	    var useAsLabel=$.inArray(labelProperty,vars)?labelProperty:vars[0];

	    container.find(".rdfazer-hcontent").html(binding[useAsLabel].value);
	    var details = ""

	    for(var j = 0, varname; varname = vars [j]; j++){
		details += "<div><span>"+varname+":</span><span>"+((binding[varname]===undefined || binding[varname]===null)?"":binding[varname].value)+"</span></div>"
	    }    
	    container.find(".toggle").click(function(event){
		$(this).parent().parent().toggleClass("open");
		event.stopPropagation();
	    });
	    container.find(".rdfazer-searchresult-head").click(function(){
		var checkbox=$($(this).parent()).find("input");
		checkbox.prop("checked", !checkbox.prop("checked"));
	    });
	    container.find("input").click(function(event){
		event.stopPropagation();
	    });
	    
	    container.find(".searchresult-body").append(details);
	    $("#rdfazer-search .search-container").append(container);	    

	    container[0].searchResult = binding;
	}
    },

    message:function(type,message){
	var message = $("<div class='rdfazermessage "+type+"'><div class='rdfazermessage-content'>"+message+"</div></div>");
	$("body").prepend(message);
	setTimeout(function(){
	    message.addClass("open");
	},0);
	setTimeout(function(){
	    message.addClass("fade");
	},5000);
	setTimeout(function(){
	    message.remove();
	},7000);
	message.click(function(){
	    this.remove();
	});
    },

    sparqlQuery:function(query,success,error){

	chrome.runtime.sendMessage(
	    {rdfazerQuery:query, 
	     rdfazerUrl: this.getConfigProp("sparql")
	    }, function(result){
		if(result.success){
		success(result.result);
	    }else{
		error(result.result);
	    }
	});
    },

    saveConfig:function(config){
	var self = this;
	chrome.storage.local.set(config, function() {
	    self.config = config;
            self.message('Info','Settings saved');
        });
    },

    removeProfile:function(profile){
	var self = this;
	var config = this.config;
	if(config.profile == profile){
	    for(var other in config.profiles){
		if(other != profile){
		    config.profile = other;
		}
	    }
	}
	delete config.profiles[profile]
	chrome.storage.local.set(config, function() {
	    self.config = config;
            self.message('Info','Profile removed');
        });
    },

    loadConfig:function(callback){
	var self = this;
	chrome.storage.local.get(null,function(config) {
	    $.extend(self.config,config)
	    callback();
        });
    },

    resetConfig:function(){
	chrome.storage.local.clear();
	this.config=$.extend(true,{},this.configBak);
        this.message('Info','Settings reset');
    },

    getConfigProp:function(property) {
	var config = this.config;
	var result = config[property];
	if ( !result ){
	    result=config.profiles[config.profile][property];
	}
	return result;
    },

    getBaseURI:function(){
	var uri= this.config.fileURI;
	if(uri == null || uri == ""){
	    uri = document.URL;
	}
	if(uri.substr(-1) == '/') {
            return uri.substr(0, uri.length - 1);
	}
	return uri;
    },

    config: {
	sparql:"http://localhost:8890/sparql",
	fileURI:"",
	profile:"ESCO (virtuoso)",
	profiles: {
	    "ESCO (virtuoso)": {
		query: "select ?target ?label (group_concat(distinct(?labels); separator=\"| \") as ?altLabels) (group_concat(distinct(?types); separator=\"| \") as ?types)\n where { \n{ ?target a <http://ec.europa.eu/esco/model#Occupation> . } \nUNION\n { ?target a <http://ec.europa.eu/esco/model#Skill> . } \n?target <http://www.w3.org/2008/05/skos-xl#prefLabel> ?thing3. ?thing3 <http://www.w3.org/2008/05/skos-xl#literalForm> ?label .\n ?target <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> ?types .\n{ ?target <http://www.w3.org/2008/05/skos-xl#prefLabel> ?thing1. \n?thing1 <http://www.w3.org/2008/05/skos-xl#literalForm> ?plabels . \nFILTER (bif:contains(?plabels,\"'$searchTerm*'\")) . \nFILTER (lang(?plabels) = \"en\") . } \nUNION\n { ?target <http://www.w3.org/2008/05/skos-xl#altLabel> ?thing2.\n ?thing2 <http://www.w3.org/2008/05/skos-xl#literalForm> ?plabels .\n FILTER (bif:contains(?plabels,\"'$searchTerm*'\")) . \nFILTER (lang(?plabels)= \"en\") . \n} \nOPTIONAL {?target <http://www.w3.org/2008/05/skos-xl#altLabel> ?thing4\n. ?thing4 <http://www.w3.org/2008/05/skos-xl#literalForm> ?labels\n. FILTER (lang (?labels) = \"en\") \n}\nFILTER (lang (?label) = \"en\") \n} GROUP BY ?target ?label",
		uriToUrl:"'https://ec.europa.eu/esco/web/guest/concept/-/concept/thing/en/' +uri",
		labelProperty:"label",
		labelPredicate:"http://www.w3.org/2004/02/skos/core#prefLabel",
		storedInfo: {
		    label: {predicate:"http://www.w3.org/2004/02/skos/core#prefLabel", type:"property", decorate:{"xml:lang":"en"}},
		    altLabels: {predicate:"http://www.w3.org/2004/02/skos/core#altLabel", type:"property", csv:"|", decorate:{"xml:lang":"en"}},
		    types: {predicate:"http://www.w3.org/1999/02/22-rdf-syntax-ns#type", type: "relation", csv:"|"}
		}
	    },
	    "default (skos)": {
		query: "select ?target ?label (group_concat(distinct(?labels); separator=\"| \") as ?altLabels)\n (group_concat(distinct(?types); separator=\"| \") as ?types) where {\n ?target <http://www.w3.org/2004/02/skos/core##prefLabel> ?label .\n ?target <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> ?types .\n{ ?target <http://www.w3.org/2004/02/skos/core#prefLabel> ?plabels .\n FILTER (bif:contains(?plabels,\"'$searchTerm*'\")) . }\n UNION {\n ?target <http://www.w3.org/2004/02/skos/core#altLabel> ?plabels .\n FILTER (bif:contains(?plabels,\"'$searchTerm*'\")) .\n } OPTIONAL {\n?target <http://www.w3.org/2004/02/skos/core#altLabel> ?labels.\n FILTER (lang (?labels) = \"en\") }\nFILTER (lang (?label) = \"en\") \n} GROUP BY ?target ?label",
		uriToUrl:"uri",
		labelProperty:"label",
		labelPredicate:"http://www.w3.org/2004/02/skos/core#prefLabel",
		storedInfo: {
		    label: {predicate:"http://www.w3.org/2004/02/skos/core#prefLabel", type:"property", decorate:{"xml:lang":"en"}},
		    altLabels: {predicate:"http://www.w3.org/2004/02/skos/core#altLabel", type:"property", csv:"|", decorate:{"xml:lang":"en"}},
		    types: {predicate:"http://www.w3.org/1999/02/22-rdf-syntax-ns#type", type: "relation", csv:"|"}
		}
	    },
	    "ESCO (pure SPARQL 1.1)": {
		query: "select ?target ?label (group_concat(distinct(?labels); separator=\"| \") as ?altLabels) (group_concat(distinct(?ttypes); separator=\"| \") as ?types)\n"+
		    "where { \n"+
		    "{ ?target a <http://ec.europa.eu/esco/model#Occupation> . } \n"+
		    "UNION\n"+
		    "{ ?target a <http://ec.europa.eu/esco/model#Skill> . } \n"+
		    "?target <http://www.w3.org/2008/05/skos-xl#prefLabel> ?thing3. ?thing3 <http://www.w3.org/2008/05/skos-xl#literalForm> ?label .\n"+
		    "?target <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> ?ttypes .\n"+
		    "{ ?target <http://www.w3.org/2008/05/skos-xl#prefLabel> ?thing1. \n"+
		    "?thing1 <http://www.w3.org/2008/05/skos-xl#literalForm> ?plabels . \n"+
		    "} UNION\n"+
		    "{ ?target <http://www.w3.org/2008/05/skos-xl#altLabel> ?thing2.\n"+
		    "?thing2 <http://www.w3.org/2008/05/skos-xl#literalForm> ?plabels .\n"+
		    "} \n"+
		    "FILTER (regex(?plabels,\".*$searchTerm.*\",\"i\")) . \n"+
		    "FILTER (lang(?plabels) = \"en\") . \n"+
		    "OPTIONAL {?target <http://www.w3.org/2008/05/skos-xl#altLabel> ?thing4\n"+
		    ". ?thing4 <http://www.w3.org/2008/05/skos-xl#literalForm> ?labels\n"+
		    ". FILTER (lang (?labels) = \"en\") \n"+
		    "}\n"+
		    "FILTER (lang (?label) = \"en\") \n"+
		    "} GROUP BY ?target ?label",
		uriToUrl:"'https://ec.europa.eu/esco/web/guest/concept/-/concept/thing/en/' +uri",
		labelProperty:"label",
		labelPredicate:"http://www.w3.org/2004/02/skos/core#prefLabel",
		storedInfo: {
		    label: {predicate:"http://www.w3.org/2004/02/skos/core#prefLabel", type:"property", decorate:{"xml:lang":"en"}},
		    altLabels: {predicate:"http://www.w3.org/2004/02/skos/core#altLabel", type:"property", csv:"|", decorate:{"xml:lang":"en"}},
		    types: {predicate:"http://www.w3.org/1999/02/22-rdf-syntax-ns#type", type: "relation", csv:"|"}
		}

	    },
	    "ESCO (fuseki, text index)" : {
		query: "select ?target ?label (group_concat(distinct(?labels); separator=\"| \") as ?altLabels) (group_concat(distinct(?ttypes); separator=\"| \") as ?types)\n"+
		    "where { \n"+
		    "{ ?target a <http://ec.europa.eu/esco/model#Occupation> . } \n"+
		    "UNION\n"+
		    "{ ?target a <http://ec.europa.eu/esco/model#Skill> . } \n"+
		    "?target <http://www.w3.org/2008/05/skos-xl#prefLabel> ?thing3. ?thing3 <http://www.w3.org/2008/05/skos-xl#literalForm> ?label .\n"+
		    "?target <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> ?ttypes .\n"+
		    "?target <http://jena.apache.org/text#query> \"$searchTerm\". \n"+
		    "OPTIONAL {?target <http://www.w3.org/2008/05/skos-xl#altLabel> ?thing4\n"+
		    ". ?thing4 <http://www.w3.org/2008/05/skos-xl#literalForm> ?labels\n"+
		    ". FILTER (lang (?labels) = \"en\") \n"+
		    "}\n"+
		    "FILTER (lang (?label) = \"en\") \n"+
		    "} GROUP BY ?target ?label",
		uriToUrl:"'https://ec.europa.eu/esco/web/guest/concept/-/concept/thing/en/' +uri",
		labelProperty:"label",
		labelPredicate:"http://www.w3.org/2004/02/skos/core#prefLabel",
		storedInfo: {
		    label: {predicate:"http://www.w3.org/2004/02/skos/core#prefLabel", type:"property", decorate:{"xml:lang":"en"}},
		    altLabels: {predicate:"http://www.w3.org/2004/02/skos/core#altLabel", type:"property", csv:"|", decorate:{"xml:lang":"en"}},
		    types: {predicate:"http://www.w3.org/1999/02/22-rdf-syntax-ns#type", type: "relation", csv:"|"}
		}

	    }

	}
    }
};

Rdfazer.init();