
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<title>X ESEMPIO - Eventi e Comunicazione</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>
<script type="text/javascript" src="js/xesempio.js"></script>
<link href="stile.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/adapter/shadowbox-jquery.js"></script>
<script type="text/javascript" src="js/shadowbox.js"></script>


<script type="text/javascript" src="js/easyTooltip.js"></script>


</head>
<body>

<div id="container">
  <div class="top">
<div class="logo"><a href="default.asp"><img src="images/logo.png" width="100" height="100" border="0" /></a></div>
<div class="lavora" style="margin-top:12px">
<!--<a href="#" onclick="popup('ragazzi/finestra9.asp');return false;"> -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="172" height="96" id="lavora" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="lavora.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />	<embed src="lavora.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="172" height="96" name="lavora" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object></div>
<div class="menu">
    <div class="pulsante">
		
        <a href="default.asp" onmouseover="MM_swapImage('pulsante1','','images/pulsante1_hover.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/pulsante1.gif" border="0" id="pulsante1" /></a>
        
    </div>
  	<div class="divisio"></div>
    <div class="pulsante">
		
        <a href="servizi.asp" onmouseover="MM_swapImage('pulsante2','','images/pulsante2_hover.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/pulsante2.gif" border="0" id="pulsante2" /></a>
        
    </div>
    <div class="divisio"></div>
    <div class="pulsante">
    	
        <a href="dovesiamo.asp" onmouseover="MM_swapImage('pulsante3','','images/pulsante3_hover.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/pulsante3.gif" border="0" id="pulsante3" /></a>
		
    </div>
    <div class="divisio"></div>
    <div class="pulsante">
    	
        <img src="images/pulsante4_on.gif" border="0" id="pulsante4" />
        
    </div>
    <div class="divisio iedivisio"></div>
    <div class="pulsante" style="padding-left:4px;">
    	
        <a href="modusoperandi.asp" onmouseover="MM_swapImage('pulsante5','','images/pulsante5_hover.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/pulsante5.gif" border="0" id="pulsante5" /></a>
        
    </div>
    <div class="divisio" style="width:10px;"></div>
    <div class="pulsante">
        
        <a href="contatti.asp" onmouseover="MM_swapImage('pulsante6','','images/pulsante6_hover.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/pulsante6.gif" border="0" id="pulsante6" /></a>
        
    </div>
</div></div>
    <div class="centrodiviso">
    	<div class="sinistra">
            <div class="lavori">
            	<br /><br />
        		
    <div class="datilav">
        Abbiamo riunito in quest'area una selezione dei lavori svolti negli ultimi anni in collaborazione con le migliori agenzie eventi del panorama Italiano.
    </div>

		<div class="nomeanno" style="font-size:12px;"><a href="?anno=2011">Anno 2011</a> <span style="font-size:12px; color:navy; font-weight:normal">- Sono presenti n.21 eventi</span></div>
    
		<div class="nomeanno" style="font-size:12px;"><a href="?anno=2010">Anno 2010</a> <span style="font-size:12px; color:navy; font-weight:normal">- Sono presenti n.20 eventi</span></div>
    
		<div class="nomeanno" style="font-size:12px;"><a href="?anno=2009">Anno 2009</a> <span style="font-size:12px; color:navy; font-weight:normal">- Sono presenti n.22 eventi</span></div>
    
		<div class="nomeanno" style="font-size:12px;"><a href="?anno=2008">Anno 2008</a> <span style="font-size:12px; color:navy; font-weight:normal">- Sono presenti n.22 eventi</span></div>
    
		<div class="nomeanno" style="font-size:12px;"><a href="?anno=2007">Anno 2007</a> <span style="font-size:12px; color:navy; font-weight:normal">- Sono presenti n.9 eventi</span></div>
    
		<div class="nomeanno" style="font-size:12px;"><a href="?anno=2006">Anno 2006</a> <span style="font-size:12px; color:navy; font-weight:normal">- Sono presenti n.15 eventi</span></div>
    
		<div class="nomeanno" style="font-size:12px;"><a href="?anno=2005">Anno 2005</a> <span style="font-size:12px; color:navy; font-weight:normal">- Sono presenti n.10 eventi</span></div>
    
            </div>
        </div>
    	<div class="destra bianco">
        	
  </div>
    </div>
    
    <div class="finale"></div>
</div>
<div class="footer"><strong>X Esempio S.r.l.</strong> - Eventi e Comunicazione <span class="arancio">|</span> C.F. - P.IVA 06964871005<br />
Tel. +39 06.72.15.589
<span class="arancio">|</span>
Fax. +39.06.72.900.895
<span class="arancio">|</span>
E-mail: <a href="mailto:info@xesempio.it">info@xesempio.it</a>
<span class="arancio">|</span>
Via Mormanno, 11 - 00173 Roma<br />
<a href="privacy.asp">Trattamento dei dati personali e privacy</a></div>


<script type="text/javascript">
Shadowbox.loadSkin('classic', 'js/skin');
Shadowbox.loadLanguage('it', 'js/lang');
Shadowbox.loadPlayer(['img','html', 'iframe'], 'js/player');

function moveon(){
	var offs=0;
	pag++;
	buttonControl();
	offs=-dimFiche*(pag-1)*fichesXpag;
	$('div.sottologhi').animate({ 'left': (offs-scarto)+'px' }, 800 );
	$('div.sottologhi').animate({ 'left': offs+'px' }, 150 );
} 
		
function moveout(){
	var offs=0;
	pag--;
	buttonControl();	
	offs=-dimFiche*(pag-1)*fichesXpag;
	$('div.sottologhi').animate({ 'left': (offs+scarto)+'px' }, 800 );
	$('div.sottologhi').animate({ 'left': offs+'px' }, 150 );
}
	
function buttonControl(){
	if(pag<=1){
		$('#Back').css({ visibility:'hidden' })
	}else{
		$('#Back').css({ visibility:'visible' }) 	
	}
	if(pag>=numPag){ $('#Next').css({ visibility:'hidden' }) }
	else{ $('#Next').css({ visibility:'visible' }) }
}



///FADE
function fadeInOut(direzione){
	var prox=1;
	if((direzione=="") || (direzione=="a")) prox=fadeAttaule+1;
	if(direzione=="i") prox=fadeAttaule-1;
	if(prox>1) prox=1;
	if(prox<=0) prox=1;
	$('#BoxImg'+fadeAttaule).fadeOut('slow');
	$('#BoxImg'+prox).fadeIn('slow');
	fadeAttaule=prox;
	buttonControlFade();
}

function buttonControlFade(){
	if(fadeAttaule<=1){
		$('#fadeOut').css({ visibility:'hidden' })
	}else{
		$('#fadeOut').css({ visibility:'visible' }) 	
	}
	if(fadeAttaule>=1){ 
		$('#fadeIn').css({ visibility:'hidden' }) 
	}else{ 
		$('#fadeIn').css({ visibility:'visible' }) 
	}
}

	var numFiches  = 0 ; //da aggiornare secondo il numero di elementi
	var fichesXpag = 6;
	var dimFiche   = 75 + 20; //il sistema considera anche i 20(10+10) pixel di padding
	var offset     = 0;
	var pag       = 1;
	var scarto     = 50;
	var numPag     = Math.floor( numFiches / fichesXpag );

	var fadeAttaule=1;
	
	
	
$(document).ready(function(){
	$('#container').pngFix();
	MM_preloadImages('images/pulsante1_hover.gif','images/pulsante2_hover.gif','images/pulsante3_hover.gif','images/pulsante4_hover.gif','images/pulsante5_hover.gif','images/pulsante6_hover.gif');
	Shadowbox.init();
	
	if((numFiches%fichesXpag)>0) numPag++;
	$('#div.sottologhi').css({width: numFiches*dimFiche});
	$('#Back').css({ visibility:'hidden' });
	$('#Back').css({ cursor:'pointer' });
	
	$('#Next').css({ visibility:'hidden' });
	
	$('#Next').css({ cursor:'pointer' });
	$('#Next').click( function(){ moveon(); });
	$('#Back').click( function(){ moveout(); });
	
	$('#fadeIn').css({ cursor:'pointer' });
	$('#fadeIn').click( function(){ fadeInOut('a'); });
	$('#fadeOut').css({ cursor:'pointer' });
	$('#fadeOut').click( function(){ fadeInOut('i'); });
	$('#fadeOut').css({ visibility:'hidden' });
	
	
	$(".itm img").easyTooltip();
});




</script>
</body>
</html>

