function formatLodsource(obj) {
    var s = "<h5 class='webappH5'>Datenquellen</h5>";
    for(var k = 0; k < obj.lodsource.length; k++){
	s += "<div class='lodsource'>";
	s += "<p style='font-weight:bolder'>" + obj.lodsource[k].label + "</p>";
	s += "<table>";
	if(obj.lodsource[k].seeAlso)s += "<tr><td><p><a href='" +  obj.lodsource[k].seeAlso + "' target='_blank'>seeAlso</a></p></td></tr>";
	if(obj.lodsource[k].seeAlso)s += "<tr><td><p><a href='" +  obj.lodsource[k].sparql + "' target='_blank'>SPARQL endpoint</a></p></td></tr>";
	if(obj.lodsource[k].n3)s += "<tr><td><p><a href='" +  obj.lodsource[k].n3 + "' target='_blank'>Dump (.nt)</a></p></td></tr>";
	s += "</table></div>";
    }
    return s;
}

function formatTags(obj) {
    var s = "<h5 class='webappH5' style='margin-top:10px'>Tags</h5>";
    s += "<p>";
    for(var k = 0; k < obj.tags.length; k++){
	s += obj.tags[k] + ", ";
    }
    s = s.substring(0,s.length-2);
    s += "</p>";
    return s;
}
function formatSources(o) {
    var s = "<h5 class='webappH5' style='margin-top:10px'>Sources</h5>";
    s += "<p>";
    for(var k = 0; k < o.sources.length; k++){
	s += "<a href='" +o.sources[k] + "' target='_blank' >"+ o.sources[k]+"</a>, ";
    }
    s = s.substring(0,s.length-2);
    s += "</p>";
    return s;
}

function formatPartners(obj){
    var s = "<div class='projectPartners'>";
    //s += "<h5 class='projectH5'>Weiter Organisationen</h5>";
    for(var k = 0; k < obj.partners.length; k++){
	s += "<span class='projectPartner'><a target='_blank' href='"+obj.partners[k].homepage+"'><img src='"+obj.partners[k].logo + "' alt='"+obj.partners[k].label+"' /></a></span>";
    }
    s += "</div>";
    return s;
}

function listWebapps(o){
    var s = "";
    s += "<h5 class='webappH5' style='margin-top:10px'>Zugehörige Webapplikationen</h5>";
    s += "<p>";
    for(var k = 0; k < o.webapps.length; k++){
	s += "<a class='ui-state-default ui-corner-all webappbutton' href='javascript:{}' onclick=\"$('#accordion').accordion('option','active',1);$('#mywebapps').tabs('select', '#tab"+o.webapps[k].label+"');\">" + o.webapps[k].name + "</a>&nbsp;&nbsp;&nbsp;  ";
    }
    s = s.substring(0,s.length-2);
    s += "</p>";
    return s;

}

function formatProject(o){
    var s = "<div class='tabContent'>";
    s += "<table><tr><td style='vertical-align: top'><a href='"+o.homepage+"'><img class='projectlogo' src='" + o.logo + "' alt='Projektlogo' /></a></td><td style='vertical-align: top' ><h4 class='webappH4'>" + o.label + "</h4>";
    if(o.homepage)s += "<p class='projektHomepage'>Homepage: <a href='"+o.homepage+"'>"+o.homepage+"</a></p>";
    if(o.start)s += "<p class='projectDuration'>Meine Beteiligung: " + o.start + " bis " + o.end + "</p></td></tr></table>";
    if(o.partners)s+=formatPartners(o);
    s += "<h5 class='webappH5' style='margin-top:10px'>Projektbeschreibung</h5>";
    s += "<div class='projectSummary'>"+o.summary+"</div>";
    if(o.webapps)s+=listWebapps(o);
    if(o.tags)s+=formatTags(o);
    //    if(o.lodsource)s+=formatLodsource(o);
    s += "</div>";
    return s;
}
function formatPerson(o){
    var s = "<div class='tabContent'>";
    s += o.content;
    s += "</div>";
    return s;
}
function formatLink(o){
    var s = "<div class='linkInstance'>";
    s+="<table style='table-layout:fixed'><tr><td width='10%'>";
    if(o.logo)s+="<img src='"+o.logo+"'alt='"+o.name+"' />";
    s+="</td><td width='60%'><h5 class='webappH5'><a target='_blank' href='"+o.homepage+"'>"+o.name+"</a></h5>";
    //s+= "<p><a href='"+o.homepage+"' target='_blank'>"+o.homepage+"</a></p>";
    if(o.summary)s+="<p>"+o.summary+"</p>";
    s+= "</td><td width='30%'>";
    if(o.tags)s+=formatTags(o);
    s+= "</td></tr></table></div>";
    return s;
}
function formatTutorial(o){
    var s = "<div class='tabContent'>";
    switch(o.contenttype){
    case "html" :
	s += "<h4 class='webappH4'>"+o.Title+"</h4>";
	if(o.seeAlso)s += "<p>seeAlso: <a href='"+o.seeAlso+"' target='_blank'>"+o.uri+"</a></p>";
	s += "<div class='tutorialTeaser'>"+o.Teaser+"</div>";
	if(o.sources)s+=formatSources(o);

	s += "<div class='tutorialText'>"+o.Text+"</div>";
	if(o.tags)s+=formatTags(o);
	break;
    default:
	s+= o.content;
    }
    s += "</div>";
    return s;
}

function formatWebapp(o){
    var s = "<div class='tabContent'>";
    s += "<h4 class='webappH4'>" + o.name + "</h4>";
    s += "<table class='webapp-container'><tr>";
    s += "<td style='vertical-align:top;width:300px'><div class='slide_inner'><a class='photo_link' target='_blank' href='"+o.Demo+"'>" + o.content + "</a></div></td>";
    s += "<td style='vertical-align:top'>" + o.summary;
    s += "</td></tr>";
    s += "<tr><td style='vertical-align:top;'><p><a class='ui-state-default ui-corner-all webappbutton' href='" + o.Demo + "' target='_blank'>Online Demo</a> <a class='ui-state-default ui-corner-all webappbutton' href='javascript:{}' onclick=\"$('#accordion').accordion('option','active',2);$('#myprojects2').tabs('select', '#tab"+o.project+"');\">Project: " + o.project + "</a></p></td><td style='vertical-align:top;'>";
    if(o.tags)s += formatTags(o);
    s += "</td></tr>";
    s += "</table>";
    if(o.lodsource)s += formatLodsource(o);
    s += "</div>";
    return s;
}