//ENDPOINT SPARQL

var endpoint = 'http://iperion.vm.fedcloud.eu:8890/sparql';

//BASE URI

var uri_base = 'http://147.213.76.182:8890';

//SCREENSAVER

var img_logo_bw = '<img src="img/iperionBW.png" height="auto" width="150px"/>'; 
var txt_screensaver = $('<p class="strong"></p>').text("IPERION-HS per l'ambiente"); 
var txt2_screensaver = $("<p></p>").text("Questa pagina è entrata in in modalità risparmio energetico. Per tornare alla navigazione muovi il mouse sullo schermo");

//NAVBAR
var nav_item = '<li class="nav-item"></li>';
var home = '<li class="nav-item"> \
                <a class="nav-link" href="../index.html">Home</a> \
            </li>';
var progetto = '<li class="nav-item"> \
                    <a class="nav-link" href="../progetto.html">Project</a> \
                </li>';
var ricerca = '<li class="nav-item"> \
                    <a class="nav-link" href="../restricted/ricerca.html">Search</a> \
                </li>';
var percorsi = '<li class="nav-item dropdown"> \
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Percorsi</a> \
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> \
                    <a class="dropdown-item" target="_blank" href="https://demo-restore.devworkbench.it/it/1/home">MOVIO</a> \
                    </div> \
                </li>';
var standard = '<li class="nav-item"> \
                    <a class="nav-link" href="../standard.html">Standards</a> \
                </li>';

var manuscript = '<li class="nav-item"> \
                    <a class="nav-link" href="../manuscript.html">Test Page</a> \
                </li>';

var open_data = '<li class="nav-item dropdown"> \
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Open Data</a> \
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> \
                        <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it:8890/sparql">Sparql Endpoint</a> \
                        <a class="dropdown-item" href="../restricted/sparql.html">Examples</a> \
                    </div> \
                </li>';
var download = '<li class="nav-item"> \
                    <a class="nav-link" href="download.html">Download</a> \
                </li>';
var collegamenti_esterni = '<li class="nav-item dropdown"> \
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">External resources</a> \
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1"> \
                                <a class="dropdown-item" href="http://iperion.vm.fedcloud.eu/lodlive/" target="_blank">LOD</a> \
                            </div> \
                        </li>';


//FOOTER

var container = $('<div class="container"></div>').append('<div class="row"></div>');
var col_lg_5 = '<div class="col-lg-5 h-100 text-center my-auto"></div>';
var ul_partner_list = '<ul class="partner-list list-inline mb-0"></ul>';

var about = '<li class="list-inline-item"> \
                <a href="about.html">About</a> \
            </li> \
            <li class="list-inline-item">&sdot;</li>';
var contatti = '<li class="list-inline-item"> \
                    <a href="contatti.html">Contatti</a> \
                </li> \
                <li class="list-inline-item">&sdot;</li>';
var termini = '<li class="list-inline-item"> \
                    <a href="termini.html">Termini e Condizioni</a> \
                </li>';
var footer_txt = '<p class="small mb-4 mb-lg-0">&copy; IPERION-HS 2022. All Rights Reserved.</p>';

var partner1 = '<li class="list-inline-item mr-3"> \
                    <a href="https://www.cnr.it/"> \
                        <img class="img-logo" src="img/CNR.png" /> \
                    </a> \
                </li>';
var partner2 = '<li class="list-inline-item mr-3"> \
                    <a href="https://europa.eu/"> \
                        <img class="img-logo" src="img/European-Union.png" /> \
                    </a> \
                </li>';

var ul_list = $('<ul class="list-inline mb-2"><ul>').append(about, contatti, termini);
var col_lg_7 = $('<div class="col-lg-7 h-100 text-center text-lg-left my-auto"></div>').append(ul_list, footer_txt);
var row = $('<div class="row"></div>').append(col_lg_7);
var footer = $('<div class="container"></div>').append(row);

//BUTTONS 

function createHeaderButtons(uri) {
    var Buttons = '<button title="Go to resource" class="btn btn-default" type="button" onclick="schedaASPO(\'' + uri + '\')"> \
			<i class="fas fa-external-link-alt" aria-hidden="true"></i></button> \
			<button title="Citation" type="button" value="object" id="' + uri + '" class="cit btn btn-default" alt="scheda" title="Citazione"><i class="fa fa-quote-right"></i></button> \
			<button title="Permalink" type="button" value="object" id="' + uri + '" class="hyp btn btn-default" alt="scheda" title="Hyperlink"><i class="fa fa-link"></i></button> \
			<a href="http://iperion.vm.fedcloud.eu/lodlive/?' + uri + '" target="_blank"><button title="Browse the graph" type="button" class="btn btn-default info" alt="LOD" title="LodLive"><i class="fa fa-share-alt"></i></button></a></div></div>';
    $("#link_buttons").append(Buttons);
}

$(document).ready(function(){
    $("#screensaver").append(img_logo_bw, txt_screensaver, txt2_screensaver);
//    $("#navbar_elements").append(home, ricerca, standard, open_data, collegamenti_esterni);
    $("#navbar_elements").append(home, manuscript, standard);
$("#footer").append(footer);
  });