<link href="/css/innovationSlide.css" rel="stylesheet" type="text/css" />
  <script src="/js/innovationSlide.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {  
var dir = "top";  
var cont = "testo";  
var dirPar = getParameter("dir");  
var contenuto = getParameter("tip");  

if (dirPar != "") {  
dir = dirPar;  
$(".selezionato").removeClass("selezionato");  
$("#" + dir).addClass("selezionato");  
}  

if (contenuto != "") {  
cont = contenuto;  
$(".selezionatoContenuto").removeClass("selezionatoContenuto");  
$("#link" + cont).addClass("selezionatoContenuto");  
}  

$("#" + cont).css("display", "block").innSlide(  
{  
top: "0",  
left: "0",  
autoPosition: true,  
duration: 2000,  
interval: 3000,  
direction: dir  
});  

$("#codDir").html(dir);  

$("#pulsanti > a").click(function() {  
document.location = "innovation_slide.htm?dir=" + $(this).html() + "&tip=" + cont;  
});  

$("#sceltaContenuto > a").click(function() {  
document.location = "innovation_slide.htm?dir=" + dir + "&tip=" + $(this).html();  
});  
});  

// Recupera il valore della varibile passata in ingresso se presente in querystring  
function getParameter(_parametro) {  
var pairs = location.search.substring(1).split('&');  
var r = "";  
var tp = new Array();  
for (var i = 0; i < pairs.length; i++) {  
tp = pairs[i].split('=');  
if (_parametro == tp[0])  
r = unescape(tp[1].replace(/\+/g, " "));  
}  
return r;  
}  
</script>

<ul id="testo" class="contenitore">
<li>Q</li>
<li>U</li>
<li>A</li>
<li>D</li>
<li>R</li>
<li>R</li>
<li>A</li>
<li>T</li>
<li>O</li>
</ul>