﻿var foto1 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>San Francesco in Assisi</b><br><br><center><img src='/img/demo/demo_1.jpg'></center><br>La ricostruzione in Realtà Virtuale della Basilica di Assisi<br>ha anticipato il ripristino dell’antico edificio,<br>parzialmente distrutto dal terremoto del 1997.<br>Quest’applicazione è stata realizzata utilizzando<br>un algoritmo proprietario Infobyte che gestisce<br>la risoluzione grafica in modo dinamico, consentendo<br>di avvicinarsi a pochi centimetri di distanza<bR>dagli affreschi di Giotto per coglierne ogni dettaglio.</font></td></tr></table>";

var foto2 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>Design Gallery</b><br><br><center><img src='/img/demo/demo_2.jpg'></center><br>Design Gallery è uno spazio dedicato all’esposizione di concept di progetto, disposti come se fossero degli oggetti d’arte.<br>Le sedute in mostra sono state disegnate in un workshop interno alla divisione di Design Grafica e Comunicazione.<br>L’obiettivo principale della Design Gallery è quella di prospettare la convenienza dell’uso della Realtà Virtuale come supporto alla progettazione, nel primo step di sviluppo dello stesso.<br>Uno strumento che ci aiuta a rispondere all’esigenze del cliente, in tempi brevi, a scala reale e con modelli di impatto, sia per la tridimensionalità, sia per la coerenza formale, funzionale e produttiva del progetto.</font></td></tr></table>";

var foto3 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>MAVET-LAB</b><br><br><center><img src='/img/demo/demo_3.jpg'></center><br>MAVET-LAB nasce come laboratorio di prova,  dove realizzare test guidati: il treno virtuale creato per il progetto MAVET (Moduli Avanzati di Vettori di Trasporto collettivo) ne è un esempio. Le potenzialità di questo Laboratorio si basano sulla possibilità di gestire complessità geometriche animate, di fornire una interazione semplice ed intuitiva arricchita di audio 3D ed effetti di movimento e soprattutto l’eliminazione di fattori esterni di distrazione. Il 60% dell’attenzione del cervello umano è dedicato ad elaborare delle informazioni visive, questo é l’aspetto più sviluppato nelle tecniche RV e lo stimolo visivo fa scaturire innumerevoli sinestesie che fanno del MAVET-LAB il contesto ideale<br>per la simulazione e l’esecuzione dei test.</font></td></tr></table>";

var foto4 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>Nefertari</b><br><br><center><img src='/img/demo/demo_4.jpg'></center><br>La ricostruzione della Tomba della Regina Nefertari è stata realizzata per la mostra Nefertari, Luce d’Egitto, organizzata dal Getty Conservation Institute e dalla Fondazione Memmo. Scoperto nel 1904, il mausoleo – che si trova in Egitto – fu danneggiato fin da quando fu costruito e si degradò ancor di più in seguito al suo ritrovamento. Chiusa negli anni ‘50, per rallentarne il degrado, la tomba è stata restaurata tra l’86 e il ’92 e riaperta, nel ’95, con l’augurio che fossero presto disponibili tecnologie che consentissero di visitarla senza danno. Grazie alla Realtà Virtuale l’auspicio si è avverato.</font></td></tr></table>";

var foto5 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>Basilica Ulpia</b><br><br><center><img src='/img/demo/demo_5.jpg'></center><br>Della Basilica Ulpia, situata nel Foro Traiano a Roma - edificio in cui si svolgevano attività giudiziarie e amministrative - rimangono solo alcuni resti ed il modello si basa principalmente su una delle ipotesi ricostruttive formulate grazie alla documentazione storico-archeologica. È stata realizzata con la consulenza scientifica del Consiglio Nazionale delle Ricerche e della Soprintendenza per i Beni Artistici e Storici di Roma.</font></td></tr></table>";

var foto6 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>Vaglio</b><br><br><center><img src='/img/demo/demo_6.jpg'></center><br>Lo show virtuale dal titolo 'Vaglio: crocevia di ethne' ha inaugurato, presso il museo 'Covo degli Arditi' di Potenza e sotto il patrocinio della Soprintendenza Archeologica della Basilicata, il Centro MultiServizi del Comune di Vaglio Basilicata, in provincia di Potenza.Vero e proprio spettacolo in realtà virtuale, questa applicazione, fruibile con modalità del tutto inedite e arricchita da inserti multimediali, ricostruisce, per renderla nota e visibile anche al grande pubblico, l’area archeologica dell'antica Serra di Vaglio, con la casa dei Pithoi, ed il Tempio della Dea Mefitis. Uno spazio tecnologicamente avanzato, allestito per l'evento, rende accessibile ai visitatori anche<br>il ricco patrimonio locale d'arte sacra.</font></td></tr></table>";

var foto7 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>La Cripta dei SS. Stefani</b><br><br><center><img src='/img/demo/demo_7.jpg'></center><br>La Cripta dei SS. Stefani a Vaste è un sito archeologico di età bizantina, interamente ricavata nel banco tufaceo. Con l’ausilio di un distanziometro laser e di rotelle metriche sono stati fatti dei rilievi col metodo delle triangolazioni in loco, tali dati sono stati poi integrati alla planimetria cartacea, permettendo la ricostruzione in 3D dell’intera struttura. La cripta è stata rilevata fotograficamente con fotocamere digitali ad alta risoluzione, e mediante laser scanner: il risultato di tale  scansione è una nuvola di punti che, attraverso uno specifico software, permette la ricostruzione della nicchia in formato digitale, sia dal punto di vista delle coordinate spaziali<br>che delle caratteristiche cromatiche.</font></td></tr></table>";

var foto8 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>Analisi Termo-Fluidodinamiche</b><br><br><center><img src='/img/demo/demo_8.jpg'></center><br>La realtà virtuale offre un nuovo ed utile strumento per analizzare ed interagire con i dati prodotti dalle simulazione numeriche al fine di migliorare la visualizzazione e la comprensione dei dati; l’utente è immerso in un mondo virtuale e può analizzare le rappresentazioni tridimensionali da punti di vista differenti. La Fluidodinamica Computazionale (CFD - Computational Fluid Dynamics) è lo studio dell’interazione tra fluidi (liquidi e gas) e solidi mediante codici di calcolo numerico. L’immagine mostra il rilascio accidentale di sostanze tossiche ed infiammabili da una piattaforma offshore per l’estrazione di gas naturale.</font></td></tr></table>";

var foto9 = "<table width=480 bgcolor='#add912' border=0 cellspacing=6><tr><td align='center'><font face='verdana' size=2 color='black'><b>Analisi di Impatto</b><br><br><center><img src='/img/demo/demo_9.jpg'></center><br>La realtà virtuale offre un nuovo ed utile strumento per analizzare ed interagire con i dati prodotti dalle simulazione numeriche al fine di migliorare la visualizzazione e la comprensione dei dati; l’utente è immerso in un mondo virtuale e può analizzare le rappresentazioni tridimensionali da punti di vista differenti. Le simulazioni di crash contribuiscono in maniera determinante all'ingegnerizzazione dei veicoli contenendo i tempi ed i costi di progettazione. L’immagine mostra uno degli scenari di crash previsti dalle norme di settore relativo ad una carrozza ferroviaria che impatta contro un autocarro.</font></td></tr></table>";




/*********************************************************************************************

ALTTXT V1.6
BY: BRIAN GOSSELIN OF SCRIPTASYLUM.COM

INSTRUCTIONS:

1: PUT THESE DIVS IN THE END OF THE BODY AREA:

   <div id="navtxt" class="navtext" style="visibility:hidden; position:absolute; top:0px; left:-400px; z-index:10000; padding:10px"></div>

2: NEXT, PLACE THIS STYLE DECLARATION IN THE HEAD SECTION OF YOUR PAGE (JUST CHANGE YOUR SETTINGS):

   .navtext {
   width:235px;
   font-size:8pt;
   font-family:verdana;
   border-width:2px;
   border-style:outset;
   border-color:#006BAE;
   layer-background-color:#FFF6D9;
   background-color:#FFF6D9;
   color:black;
   }

3: THEN, SET THE 6 SETTINGS BELOW ( dofade, centertext, xoffset, yoffset, mousefollow, and hideDelay ) AS DESIRED.

4: LASTLY ADD THE MOUSEOVER/MOUSEOUT EVENT HANDLERS TO EACH LINK THAT YOU WANT THIS EFFECT FOR:

     EXAMPLE: <a href="scriptasylum.com" onmouseover="writetxt('Popup text')" onmouseout="writetxt(0)">Link text</a>

NOTES:

  > YOU CAN CAUSE A BOX *NOT* TO DISAPPEAR ONCE THE MOUSE LEAVES THE LINK BY SIMPLY OMITTING THE
    onmouseout="writetxt(0)" PART. THIS WILL CAUSE THE CURRENT BOX TO REMAIN VISIBLE. THIS IS BEST
    USED WHEN mousefollow MODE IS DISABLED (SET TO false).

  > YOU CAN SET THE PADDING STYLE ATTRIBUTE *ONLY* IN THE navtxt DIV ITSELF AND *NOT* IN THE STYLE
    SHEET AT THE TOP OF THE PAGE. OTHERWISE NS4 DISPLAYS SOME WEIRD BEHAVIOR. ALSO, THE PADDING ATTRIBUTE
    ONLY HAS AN EFFECT IN IE4+ AND NS6+.

*********************************************************************************************/

var dofade=true;       // ENABLES FADE-IN EFFECT (FOR IE4+ AND NS6 ONLY)

var centertext=false;  // CENTERS THE TEXT INSIDE THE BOX. YOU CAN'T SIMPLY DO THIS VIA "STYLE" BECAUSE OF NS4.
                       // OTHERWISE, TEXT IS LEFT-JUSTIFIED.

var xoffset=9;         // HORIZONTAL PIXEL COUNT FROM CURSOR

var yoffset=0;        // VERTICAL PIXEL COUNT FROM CURSOR

var mousefollow=false; // ENABLES MOUSE FOLLOW MODE WHERE THE BOX CONTINUES TO FOLLOW THE MOUSE. SET TO false TO
                       // LOCK THE BOX WHEREVER IT INITIALLY APPEARS.

var hideDelay=300;     // DELAY IN MILLISECONDS ( 1 SECOND = 1000 MILLISECONDS) FROM WHEN YOU HOVER OUT OF LINK
                       // AND THE BOX DISAPPEARS ONLY WHEN "mousefollow" IS SET TO "false".
                       // THIS WILL GIVE THE USER TIME TO CLICK A LINK OR WHATEVER IN THE BOX BEFORE IT DISAPPEARS.

////////////////////////////// NO NEED TO EDIT BEYOND THIS POINT //////////////////////////////////////

function altProps(){
this.w3c=(document.getElementById)?true:false;
this.ns4=(document.layers)?true:false;
this.ie4=(document.all && !this.w3c)?true:false;
this.ie5=(document.all && this.w3c)?true:false;
this.ns6=(this.w3c && navigator.appName.indexOf("Netscape")>=0 )?true:false;
this.w_y=0;
this.w_x=0;
this.navtxt=null;
this.boxheight=0;
this.boxwidth=0;
this.ishover=false;
this.ieop=0;
this.op_id=0;
this.oktomove=false;
this.dy=0;
}

var AT=new altProps();

function toggle_centertext(){
centertext=!centertext;
}

function toggle_mousefollow(){
mousefollow=!mousefollow;
}

function toggle_dofade(){
dofade=!dofade;
if(!dofade)AT.ieop=100;
}


function getwindowdims(){
AT.w_y=(AT.ie5||AT.ie4)?document.body.clientHeight:window.innerHeight;
AT.w_x=(AT.ie5||AT.ie4)?document.body.clientWidth:window.innerWidth;
}

function getboxwidth(){
if(AT.ns4)AT.boxwidth=(AT.navtxt.document.width)? AT.navtxt.document.width : AT.navtxt.clip.width;
else if(AT.ie4)AT.boxwidth=(AT.navtxt.style.pixelWidth)? AT.navtxt.style.pixelWidth : AT.navtxt.offsetWidth;
else AT.boxwidth=(AT.navtxt.style.width)? parseInt(AT.navtxt.style.width) : parseInt(AT.navtxt.offsetWidth);
}

function getboxheight(){
if(AT.ns4)AT.boxheight=(AT.navtxt.document.height)? AT.navtxt.document.height : AT.navtxt.clip.height;
else if(AT.ie4)AT.boxheight=(AT.navtxt.style.pixelHeight)? AT.navtxt.style.pixelHeight : AT.navtxt.offsetHeight;
else AT.boxheight=parseInt(AT.navtxt.offsetHeight);
}

function movenavtxt(x,y){
if(AT.ns4)AT.navtxt.moveTo(x,y);
else{
AT.navtxt.style.left=x+'px';
AT.navtxt.style.top=y+'px';
}}

function getpagescrolly(){
if(AT.ie5||AT.ie4)return document.body.scrollTop;
else return window.pageYOffset;
}

function getpagescrollx(){
if(AT.ie5||AT.ie4)return document.body.scrollLeft;
else return window.pageXOffset;
}

function writeindiv(text){
if(AT.ns4){
AT.navtxt.document.open();
AT.navtxt.document.write(text);
AT.navtxt.document.close();
}
else AT.navtxt.innerHTML=text;
}

function writetxt(text){
if(dofade && (AT.ie4||AT.w3c))clearInterval(AT.op_id);
if(text!=0){
if(!mousefollow)clearTimeout(AT.dy);
AT.oktomove=true;
AT.ishover=true;
if(AT.ns4)text='<div class="navtext">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';
if(AT.w3c||AT.ie4)AT.navtxt.style.textAlign=(centertext)?"center":"left";
writeindiv(text);
if(AT.ns4)AT.navtxt.visibility="show";
else{
AT.navtxt.style.visibility="visible";
AT.navtxt.style.display="block";
}
getboxheight();
if((AT.w3c||AT.ie4) && dofade){
if(AT.ie4||AT.ie5)AT.navtxt.style.filter="alpha(opacity=0)";
if(AT.ns6)AT.navtxt.style.MozOpacity=0;
AT.ieop=0;
AT.op_id=setInterval('incropacity()',50);
}}else{
if(mousefollow)hideAlttxt();
else AT.dy=setTimeout('hideAlttxt()',hideDelay);
}}

function hideAlttxt(){
if(AT.ns4)AT.navtxt.visibility="hide";
else{
AT.navtxt.style.display="none";
AT.navtxt.style.visibility="hidden";
}
movenavtxt(-AT.boxwidth-10,0);
writeindiv('');
}

function incropacity(){
if(AT.ieop<=100){
AT.ieop+=7;
if(AT.ie4||AT.ie5)AT.navtxt.style.filter="alpha(opacity="+AT.ieop+")";
if(AT.ns6)AT.navtxt.style.MozOpacity=AT.ieop/100;
}else clearInterval(AT.op_id);
}

function moveobj(evt){
mx=(AT.ie5||AT.ie4)?event.clientX:evt.pageX;
my=(AT.ie5||AT.ie4)?event.clientY:evt.pageY;
if(AT.ishover && AT.oktomove){
margin=(AT.ie4||AT.ie5)?5:25;
if(AT.ns6)if(document.height+27-window.innerHeight<0)margin=15;
if(AT.ns4)if(document.height-window.innerHeight<0)margin=10;
if(AT.ns4||AT.ns6)mx-=getpagescrollx();
if(AT.ns4)my-=getpagescrolly();
xoff=mx+xoffset;
yoff=(my+AT.boxheight+yoffset-((AT.ns6)?getpagescrolly():0)>=AT.w_y)? -5-AT.boxheight-yoffset: yoffset;
movenavtxt( Math.min(AT.w_x-AT.boxwidth-margin , Math.max(2,xoff))+getpagescrollx(), my+yoff+((!AT.ns6)?getpagescrolly():0));
if(!mousefollow)AT.oktomove=false;
}}


window.onload=function(){
  AT.navtxt=(AT.ns4)?document.layers['navtxt']:(AT.ie4)?document.all['navtxt']:(AT.w3c)?document.getElementById('navtxt'):null;
  getboxwidth();
  getboxheight();
  getwindowdims();
  if(AT.ie4||AT.ie5&&dofade)AT.navtxt.style.filter="alpha(opacity=100)";
  AT.navtxt.onmouseover=function(){
  if(!mousefollow)clearTimeout(AT.dy);
  }
  AT.navtxt.onmouseout=function(){
  if(!mousefollow)AT.dy=setTimeout('hideAlttxt()',hideDelay);
  }
  if(AT.ns4)document.captureEvents(Event.MOUSEMOVE);
  document.onmousemove=moveobj;
  window.onresize=getwindowdims;
}