// JavaScript Document

var barraInfoRassCata='<table cellspacing="0" style="margin-left:0px" >\
   	    <tr>\
        	<td width="40" height="42" style="background-image:url(sx_down_interno.png);" valign="top">\
              </td>\
              <td width="142" height="42" style="background-image:url(info_interno.png); cursor:pointer;" valign="top" onclick="showInfoMail(\'info\');">\
              </td>\
              <td width="10" height="42" style="background-image:url(bg_down_interno.png);" valign="top">\
              </td>\
              <td width="166" height="42" style="background-image:url(rassegna_interno.png); cursor:pointer;" valign="top" onclick="showRassegna();">\
              </td>\
              <td width="10" height="42" style="background-image:url(bg_down_interno.png);" valign="top">\
              </td>\
              <td width="158" height="42" style="background-image:url(catalistino_interno.png); cursor:pointer;" valign="top" onclick="showInfoMail(\'catalistino\');">\
              </td>\
              <td width="410" height="42" style="background-image:url(bg_down_interno.png);" valign="top">\
              </td>\
              <td width="158" height="42" style="background-image:url(home_interno.png); cursor:pointer;" valign="top" onclick="showIndex();">\
              </td>\
          </tr>\
        </table>\
		<table cellspacing="0" style="margin-left:0px" >\
   	    <tr>\
              <td width="1140" height="115" style="background-image:url(areariservata_interno.png);" valign="top">\
              </td>\
          </tr>\
        </table>';
		
	var funzione;


	function showInfoMail(foo){

		funzione = foo;
		
		document.getElementById('alert').style.display = 'block';

		document.getElementById('alertInfoMail').style.display = 'block';

	}

	function hideInfoMail(){
			window.location = funzione + '.php';
	}
	
		function changeImageInterno(stato){
		if (stato == 'ok'){
			document.getElementById("area_riservata").style.backgroundImage = 'url(../immagini/areariservata_interno_logout.png)';
			document.getElementById("logout").style.display = 'block';
			document.getElementById("login").style.display = 'none';
		} else {
			document.getElementById("area_riservata").style.backgroundImage = 'url(../immagini/areariservata_interno.png)';
			document.getElementById("login").style.display = 'block';
			document.getElementById("logout").style.display = 'none';
		}
	}

function showIndex(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0"\ cellpadding="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="308" valign="top" >\
              <div class="immagine" id="slider">         \
        	<img src="bg_centrale-1.png" alt="" />\
            <img src="bg_centrale-2.png" alt="" />\
           	<img src="bg_centrale-3.png" alt="" />\
            <img src="bg_centrale-4.png" alt="" />\
            </div>\
              </td>\
          </tr>\
        </table>\
        <table cellspacing="0" style="margin-left:0px" >\
   	    <tr>\
        		<td width="42" height="295"\ style="background-image:url(sx_bg.png);" valign="top">\
              </td>\
              <td width="390" height="295"\ style="background-image:url(info.png); cursor:pointer;" onclick="showInfoMail(\'info\');" valign="top">\
              </td>\
              <td width="380" height="295"\ style="background-image:url(rassegna.png); cursor:pointer;" onclick="showRassegna();" valign="top">\
              </td>\
              <td width="363" height="295"\ style="background-image:url(catalistino.png); cursor:pointer;" onclick="showInfoMail(\'catalistino\');" valign="top">\
              </td>\
              <td width="30" height="295"\ style="background-image:url(dx_bg.png);"  valign="top">\
              </td>\
          </tr>\
        </table>\
		<table cellspacing="0" style="margin-left:0px" >\
   	    <tr>\
             <td width="1140" height="115" style="background-image:url(area_riservata.png);" valign="top">\
              </td>\
          </tr>\
        </table>';
	
	setTimeout("$('#slider').nivoSlider({pauseTime:3500,directionNav:false,controlNav:false});",300);

}



function showChisiamo(){
	document.getElementById('contenuto').innerHTML=' <table cellspacing="0" style="margin-left:0px">\
	<tr> \
              <td width="1140" height="561" style="background-image:url(bg_chisiamo_interno.png); margin-left:100px; " valign="top">\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:600px; margin-top:80px; width:400px;">\
              <p style="color:#FF0">\
              <span style="font-size:26px;">Chi siamo</span><br />\
La storia: da ieri a oggi\
              </p>\
             <p style="color:#FFF; line-height:19px;" align="left" > \
            Da 80 anni LUBEX è leader in Europa nella distribuzione di <b>prodotti petroliferi e automotive</b>. Situata a pochi chilometri dallo svincolo per Vimodrone (MI) della tangenziale Milano Est, la LUBEX occupa oggi un\'area di 2.500 mq, 1.200 dei quali coperti. Oltre ad un edificio adibito a uffici e magazzini, l\'azienda dispone di un ampio piazzale studiato per le operazioni di carico/scarico merci di più automezzi simultaneamente. La logistica di Lubex è strutturata in 4 piattaforme integrate, di 56.000 mq coperti e di 25.000 posti pallet disponibili in totale, situate in posizione nevralgica per la distribuzione nazionale e con le quali sono impegnati più di 100 professionisti. <br /><br />\
L\'impegno della LUBEX ad assicurare costantemente un <b>rifornimento immediato anche per piccoli lotti di prodotto</b> solleva i clienti dall\'onere dei grandi stoccaggi, permettendo loro di rifornirsi solo del materiale di cui veramente necessitano.\
          </p>\
              </div>\
              </td>\
          </tr>\
		  </table>'+barraInfoRassCata;
}




function showIlgruppo(){
	
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_ilgruppo_interno.png); margin-left:100px; " valign="top">\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:600px; margin-top:100px; width:400px;">\
              <p style="color:#FF0">\
              <span style="font-size:26px;">Il gruppo</span><br />\
La forza della sinergia\
              </p>\
             <p style="color:#FFF;" align="left"> \
            <b>Produzione, logistica e marketing</b> sono gli ingredienti di un grande successo aziendale, ottenuto anche grazie alla professionalità e al dinamismo di una giovane squadra.<br /><br />\
La capacità di creare sinergie con le aziende del gruppo e la ricerca quotidiana di innovazione sono alla base della sua organizzazione. La cortesia e la competenza degli addetti, la moderna e razionale organizzazione delle strutture, la costante e diversicata disponibilità di prodotti si traducono nella capacità di rispondere alla domanda di grandi e piccoli clienti, con puntualità e a condizioni economiche uniche sul mercato.\
          </p>\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}

function showMarione(){
	
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_marione_interno.png); margin-left:100px; " valign="top">\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:600px; margin-top:150px; width:450px;">\
              <p style="color:#FF0">\
              <span style="font-size:26px;">Il cambio olio è "fai da te"</span><br /><span style="font-size:16px; color:#FFF;">\
È arrivato un nuovo alleato per i brico: <br>il robot per il cambio olio self-service. </span>\
              </p>\
             <p style="color:#FFF;" align="left"> \
             Ecco <b>come funziona</b>:<br />\
1. Il cliente acquista 5 litri di Olio Castrol<br />\
2. Riceve in omaggio un gettone per il cambio olio<br />\
3. Con il gettone aziona il robot all\'esterno del punto vendita<br />\
4. Effettua il suo cambio olio self-service e RISPARMIA!<br /><br />\
Inoltre, per il consumatore che non sceglie Castrol, ogni cambio d\'olio costa solo 5 euro.<br /> Richiedi il Robot per il tuo store! <br /> <br />Info: tel. 02 2651551 - info@lubex.it\
          </p>\
              </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:70px; margin-top:45px; width:100px; height:50px; cursor:pointer;" onclick="showProgettodo();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:200px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showBPA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:345px; margin-top:-50px; width:160px; height:50px; cursor:pointer;" onclick="showMarione();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:535px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showAutoll();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:685px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showPBA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:830px; margin-top:-50px; width:90px; height:50px; cursor:pointer;" onclick="showVM();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:955px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showTS();"></div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}

function showLamission(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_lamission_interno.png); margin-left:100px; " valign="top">\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:600px; margin-top:80px; width:400px; height:370px; overflow-y:scroll;">\
              <p style="color:#FF0">\
              <span style="font-size:26px;">La mission</span><br />\
Scegliere e farsi scegliere\
              </p>\
             <p style="color:#FFF;" align="left"> \
            Tra i segreti della filosofia operativa LUBEX vi sono la capacità di scegliere e di farsi scegliere.  Scegliere i<b> migliori prodotti</b> e farsi scegliere dai<b> migliori produttori</b> come proprio distributore, cioè come garante della massima correttezza e professionalità.<br><br>\
L\'offerta LUBEX non si caratterizza soltanto per la qualità - davvero assoluta - dei prodotti, ma anche e soprattutto per il personalissimo stile con il quale l\'azienda lavora per soddisfare le esigenze dei propri clienti. Anche grazie alla compattezza determinatasi tra i collaboratori e alla passione che ciascuno di essi investe nel proprio lavoro, LUBEX è un punto\ di riferimento preciso e qualicato nel settore della lubricazione e dell\'automotive. <br><br> L\'attrazione viscerale verso le intelligenze e la vision delle multinazionali leader mondiali del settore spinge, ogni ora, l’intero gruppo che Lubex raccoglie e rappresenta, a cambiare, a rimettere in discussione, a confermare i propri processi interni e commerciali al fine di rappresentare una chiave di Volta verso l’eccellenza, che sappiamo a priori non possa mai essere raggiunta da nessuno, ma la determinazione nel volersi avvicinare quotidianamente, con umiltà e moderazione, afferma una leadership indiscussa che tutto il mercato e soprattutto tutte le famiglie hanno riconosciuto e riconosceranno sempre a Lubex.<br><br>\
Il nettare di queste intelligenze coordinate è quindi l’interminabile creazione di progetti positivi che abbiano l’umiltà e il potere di cambiare ogni giorno le cose.\
          </p>\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}



function showScaini(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_scaini_interno.png); margin-left:100px; " valign="top">\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:120px; margin-top:80px; width:400px;">\
              <p style="color:#FF0">\
              <span style="font-size:26px;">Gruppo Scaini</span><br />\
La tradizione di domani\
              </p>\
             <p style="color:#FFF;" align="left"> \
            La storia Scaini trova origine nel 1909, da una fabbrica di accumulatori per auto con distribuzione in Europa e fornitrice di primo impianto di Fiat, Alfa, Lancia, Iveco, Landini e molti altri costruttori. \
 Dopo un cammino crescente, oggi l\'azienda è un punto di riferimento per chi desideri un prodotto automotive di qualità coniugato a un ottimo servizio e a una politica di vendita rispettosa e coerente verso i clienti-partner. \
 Scaini è anche igiene casa e persona, attrezzatura per il giardinaggio e ricambi per il mondo nautico.\
          </p>\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
	
	
	
	
}



function showIpartner(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_partner_interno.png); margin-left:100px; " valign="top">\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:670px; margin-top:200px; width:380px;">\
              <p style="color:#F00">\
              <span style="font-size:26px;">I nostri partner</span>\
              </p>\
             <p style="color:#111;" align="left"> \
            Da sempre Lubex si avvale di una preziosa <b>rete di partner</b> d\'eccellenza, marchi internazionali e colossi del settore automotive; un\'ulteriore garanzia di qualità, efficienza e serietà per tutti i clienti Lubex.\
          </p>\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}



function showIprogetti(){
	
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px; font:\'Myriad Pro\'; font-family:\'Myriad Pro\';">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_progetti.png); margin-left:50px;" valign="top">\
              <table width="1100" height="450"   >\
                <tr>\
                <td valign="bottom" align="center" >\
                	<div style="font:"Myriad Pro"; font-family:"Myriad Pro";">\
              <p style="color: #00C">\
              <span style="padding-left:65px;font-size:26px;" onclick="showProgettodo();">Per saperne di più...</span>\
              </p>\
              </div>\
                </td>\
                <td valign="bottom">\
               <div style="font:"Myriad Pro"; font-family:"Myriad Pro";">\
              <p style="color: #F60">\
              <span style="padding-left:35px;font-size:26px;" onclick="window.location = \'http://www.ingip.com/bpa1100/index.php\'">&nbsp;&nbsp;www.progettobpa.it</span>\
              </p>\
              </div>\
                </td>\
                <td valign="bottom">\
                <div style="font:"Myriad Pro"; font-family:"Myriad Pro";">\
              <p style="color: #6C0">\
              <span style="font-size:26px;" onclick="showMarione();">Per saperne di più...</span>\
              </p>\
              </div>\
                </td>\
                </tr>\
                </table>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}



function showIcontatti(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_contatti_interno.png); margin-left:100px; " valign="top">\
			   <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:630px; margin-top:300px; width:100px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.lubex.it\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:630px; margin-top:10px; width:160px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.scainibatterie.com\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:630px; margin-top:10px; width:100px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.syneco.it\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:630px; margin-top:8px; width:80px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.vinpe.it\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:630px; margin-top:9px; width:125px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.actionlub.com\'"></div>\
    		  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:820px; margin-top:-87px; width:120px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.iorabbocco.it\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:820px; margin-top:10px; width:150px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.topfuelweb.com\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:820px; margin-top:10px; width:125px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.progettopba.it\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:820px; margin-top:9px; width:125px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.progettobpa.it\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:820px; margin-top:9px; width:125px; height:10px; cursor:pointer;" onclick="window.location = \'http://www.topfuelracing.it\'"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:970px; margin-top:45px; width:110px; height:90px; cursor:pointer;" onclick="window.location = \'http://maps.google.it/maps/place?hl=it&bav=on.2,or.r_gc.r_pw.&biw=1920&bih=965&um=1&ie=UTF-8&q=Via+Giuseppe+Di+Vittorio,+13,+Vimodrone+MI&fb=1&gl=it&hnear=0x47886d0cc3ed5cdf:0x405e67d473c94e0,Torino&cid=5054099013221241362\'">\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}

function showProgettodo(){
	document.getElementById('contenuto').innerHTML=' <table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_progett_do.png); margin-left:100px;" valign="top">\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:600px; margin-top:210px; width:400px;">\
              <p style="color:#FF0">\
L\'automotive incontra la distribuzione privata<br>di ferramenta e utensileria<br />\
              </p>\
             <p style="color:#FFF;" align="left"> \
            L\'obiettivo è semplice: portare i prodotti ad alta rotazione dell\'automotive all\'interno dei <b>punti vendita tradizionali</b>. <br /><br /> Ricambi, accessori e materiali di consumo per l\'auto garantiscono più affluenza e maggiore visibilità ai punti vendita, valorizzati inoltre da mirati <b>strumenti di comunicazione</b> a cadenza periodica.\
			<br><br><b>Info:</b> tel. 02 2651551\
          </p>\
              </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:70px; margin-top:45px; width:100px; height:50px; cursor:pointer;" onclick="showProgettodo();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:200px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showBPA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:345px; margin-top:-50px; width:160px; height:50px; cursor:pointer;" onclick="showMarione();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:535px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showAutoll();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:685px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showPBA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:830px; margin-top:-50px; width:90px; height:50px; cursor:pointer;" onclick="showVM();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:955px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showTS();"></div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}

function showAutoll(){
	document.getElementById('contenuto').innerHTML=' <table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_autoll.png); margin-left:100px;" valign="top">\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:80px; margin-top:180px; width:400px;">\
              <p style="color:#FFF; font-size:20px;">\
<b>Tutto l\'automotive, un\'unica soluzione</b>\
              </p>\
			   <p style="color:#FFF;" align="left"> \
            <b>Autoll</b> è l\'alternativa al progetto BPA rivolta ai rivenditori ad insegna privata e con superficie espositiva al di sotto dei 500 mq. <br><br>LUBEX prende in gestione un determinato spazio nel punto vendita e dà vita a un\'attività commerciale integrata: prezzi concorrenziali, cartellonistica promozionale, gadget, promoter e molti privilegi per lo\ store con un servizio “BETTER”. Massima promozione per risultati garantiti. \
<br><br>\
<b>Info:</b> tel. 02 2651551 - info@lubex.it\
          </p>\
              </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:70px; margin-top:45px; width:100px; height:50px; cursor:pointer;" onclick="showProgettodo();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:200px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showBPA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:345px; margin-top:-50px; width:160px; height:50px; cursor:pointer;" onclick="showMarione();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:535px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showAutoll();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:685px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showPBA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:830px; margin-top:-50px; width:90px; height:50px; cursor:pointer;" onclick="showVM();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:955px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showTS();"></div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}

function showPBA(){
	document.getElementById('contenuto').innerHTML=' <table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_pba.png); margin-left:100px;" valign="top">\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:610px; margin-top:50px; width:400px;">\
              <p style="color:#FFF">\
              <span style="font-size:26px;">Il futuro è di strada</span><br />\
              </p>\
             <p style="color:#FFF;" align="left"> \
            <b>PBA – “Petrol Brico Automotive”</b> porta il mondo dell\'automotive nelle stazioni di carburante del territorio italiano. <br><br> Il progetto, gestito interamente da LUBEX con grandi vantaggi e nessuna preoccupazione per il gestore, trasforma eventuali spazi inutilizzati delle stazioni di servizio in uno shop dedicato all\'automotive: comodità e competitività a portata di strada, che non potranno passare inosservati all\'automobilista in viaggio.\
          </p>\
              </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:70px; margin-top:175px; width:100px; height:50px; cursor:pointer;" onclick="showProgettodo();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:200px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showBPA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:345px; margin-top:-50px; width:160px; height:50px; cursor:pointer;" onclick="showMarione();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:535px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showAutoll();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:685px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showPBA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:830px; margin-top:-50px; width:90px; height:50px; cursor:pointer;" onclick="showVM();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:955px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showTS();"></div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}

function showVM(){
	document.getElementById('contenuto').innerHTML=' <table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_vending_machines.png); margin-left:100px;" valign="top">\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:570px; margin-top:485px; width:300px; cursor:pointer;">\
			  </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:70px; margin-top:105px; width:100px; height:50px; cursor:pointer;" onclick="showProgettodo();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:200px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showBPA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:345px; margin-top:-50px; width:160px; height:50px; cursor:pointer;" onclick="showMarione();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:535px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showAutoll();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:685px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showPBA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:830px; margin-top:-50px; width:90px; height:50px; cursor:pointer;" onclick="showVM();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:955px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showTS();"></div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}

function showTS(){
	document.getElementById('contenuto').innerHTML=' <table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_temporary_store.png); margin-left:100px;" valign="top">\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:600px; margin-top:80px; width:450px;">\
              <p style="color:#555">\
              <span style="font-size:26px;">Vendita mirata, massima visibilità</span><br />\
              </p>\
             <p style="color:#555;" align="left"> \
            Lubex lancia i <b>Temporary Store</b>, punti vendita temporanei all\'interno di speciali aree commerciali dove propone il meglio della sua <b>gamma automotive</b>. <br><br> Il progetto può durare dai 2 ai 6 mesi con vendita mirata in determinati periodi o giorni. Rotazione della merce esposta, vestizione dello shop e soprattutto incasso destinato al gestore dell\'area. Una logica semplice per  importanti obiettivi: <b>visibilità massima, eccellenza e qualità dell’immagine</b>.<br><br><br>\
<b>Info:</b> <i>Mirko De Giorgi,</i> (Ufficio Commerciale) <br> Tel. diretto: 02 26515544 </p>\
              </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:70px; margin-top:120px; width:100px; height:50px; cursor:pointer;" onclick="showProgettodo();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:200px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showBPA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:345px; margin-top:-50px; width:160px; height:50px; cursor:pointer;" onclick="showMarione();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:535px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showAutoll();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:685px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showPBA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:830px; margin-top:-50px; width:90px; height:50px; cursor:pointer;" onclick="showVM();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:955px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showTS();"></div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}

function showBPA(){
	//window.location = \'http://www.ingip.com/bpa1100/index.php
	document.getElementById('contenuto').innerHTML=' <table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_bpa.png); margin-left:100px;" valign="top">\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:600px; margin-top:80px; width:450px;">\
              </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:70px; margin-top:485px; width:100px; height:50px; cursor:pointer;" onclick="showProgettodo();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:200px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showBPA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:345px; margin-top:-50px; width:160px; height:50px; cursor:pointer;" onclick="showMarione();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:535px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showAutoll();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:685px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showPBA();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:830px; margin-top:-50px; width:90px; height:50px; cursor:pointer;" onclick="showVM();"></div>\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:955px; margin-top:-50px; width:120px; height:50px; cursor:pointer;" onclick="showTS();"></div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}

function showInfo(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_info_interno.png); margin-left:100px;" valign="top">\
                <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:1060px; margin-top:30px; width:20px; height:25px; cursor:pointer;" onclick="showInfo_2();">\
                </div>\
                <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:750px; margin-top:50px; width:330px;">\
              <p style="color:#FF0">\
              <span style="font-size:26px;">La Strada Giusta è... Lubex</span><br />\
Parti alla grande nel mondo dell\'automotive\
              </p>\
             <p style="color:#FFF;" align="left"> \
            Lubex presenta La Strada Giusta, il progetto di comunicazione rivolto alle ferramenta, con un investimento minimo del rivenditore e un altissimo ritorno in termini di visibilità verso il cliente finale. \
 Un binomio vincente che ha già riscosso un forte successo per la semplicità dell\'operazione e l\'ottimo rapporto tra investimento richiesto e ritorno economico e di immagine.\
          </p> \
          <p style="color:#FF0">\
              <span style="font-size:26px;">Il kit della Strada Giusta</span>              </p>\
             <p style="color:#FFF;" align="left">• Gamma di prodotti automotive ad alta rotazione<br />\
• Promozionale distribuito nel cuore del tuo mercato<br />\
• Materiale espositivo per il tuo punto vendita<br />\
          </p>\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
	
}



function showInfo_2(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_ingip_interno.png); margin-left:100px;" valign="top">\
                <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:950px; margin-top:30px; width:20px; height:25px; cursor:pointer;" onclick="showInfo();">\
                </div>\
                <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:700px; margin-top:55px; width:350px;">\
              <p style="color:#06F">\
              <span style="font-size:26px;">InGip for Lubex</span><br />\
La soluzione più semplice, per il massimo risultato\
              </p>\
             <p style="color:#111;" align="left"> \
            InGip for Lubex è un\'innovativa strategia commerciale basata su due ingredienti: un progetto di comunicazione e un software che ti consente di realizzarlo, InGip. Il promozionale è totalmente personalizzabile, con la possibilità di scegliere i comuni in cui distribuire, il periodo di validità delle offerte e i prodotti Lubex e del tuo assortimento da inserire. \
 In base alle referenze scelte e all\'ordine effettuato, Lubex riserverà al cliente un eccezionale sconto in merce.\
          </p>\
          <p style="color:#06F">\
              <span style="font-size:26px;">Flessibile, completo ed efficace</span>            </p>\
             <p style="color:#111;" align="left"> \
            • Maggiore visibilità<br />\
• Aumento della clientela<br />\
• Immagine moderna<br />\
• Ottimo ritorno economico<br />\
          </p>\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}


function showRassegna(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_rassegna_interno.png); margin-left:100px; " valign="top">\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
}


function showCatalistino(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_catalistino_interno.png); margin-left:100px; " valign="top">\
              <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:680px; margin-top:180px; width:400px; height:350px;">\
              <p style="color:#FF0">\
              <span style="font-size:26px;">Fare automotive da leader</span><br />\
Il nuovo catalistino Lubex 2011\
              </p>\
             <p style="color:#FFF;" align="left"> \
            È arrivato il nuovo catalistino Lubex 2011 - Divisione D.O.: "Fare automotive da leader". Tutti i prodotti automotive delle migliore marche e non solo; 2 catalistini in 1 con l\'automotive e il mondo Scaini; più di 300 pagine e oltre 2.500 prodotti.\
			La gamma automotive Lubex continua a crescere. Scoprila. <br><br>Richiedi il catalistino LUBEX 2011 al tuo agente di zona.\
          </p>\
              </div>\
			  <div style="font:\'Myriad Pro\'; font-family:\'Myriad Pro\'; margin-left:900px; margin-top:-30px; width:200px; height:50px; cursor:pointer;" onclick="showDownloadcatalistino();">\
              </div>\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}

function showDownloadcatalistino(){
	document.getElementById('contenuto').innerHTML='<table cellspacing="0" style="margin-left:0px">\
   	    <tr>\
              <td width="1140" height="561" style="background-image:url(bg_catalistino_download.png); margin-left:100px; " valign="top">\
              </td>\
          </tr>\
        </table>'+barraInfoRassCata;
	
}