refImg = new Array;
refTxt = new Array;

refImg[0] = "<img src=\"references/alsace-conduite.png\" />";			
refTxt[0] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Alsace Conduite</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Béneficiant de 40 ans d'experience et d'une équipe jeune, dynamique et performante, l'école Alsace Conduite vous propose les permis auto, moto, bateau, remorque, cyclo et conduite accompagnée.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.alsace-conduite.com\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[1] = "<img src=\"references/gaial.png\" />";
refTxt[1] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Gaïal</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Gaïal est une entreprise spécialisée dans le recyclage de déchets inertes (béton, briques, enrobés, bois) qui propose également les services suivants : collecte et mise à disposition de bennes, concassage et broyage à façon, valorisation, transport en bennes Fond Mouvant Alternatif.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.gaial.eu\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[2] = "<img src=\"references/2eaux.png\" />";
refTxt[2] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">2eaux</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Spécialisée dans l’utilisation de l’eau de pluie depuis 2003, 2eaux vous propose une gamme de produits de filtration, stockage, rétention et pompage ou systèmes combinés de stockage et de rétention d'eau de pluie</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.2eaux.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[3] = "<img src=\"references/alter.png\" />";
refTxt[3] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Alter-TP</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Alter-TP réalise vos travaux de terrassement, de démolition et de désamiantage en alliant maîtrise, performance et tenue des délais dans le respect des normes de sécurité.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.alter-tp.eu\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[4] = "<img src=\"references/waibel.png\" />";
refTxt[4] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Waibel</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Le groupe Waibel possède plus de 50 ans d'experience dans le domaine des travaux et exerce son activité en france depuis 1990. Les différents sites du groupe produisent des granulats pour béton, des granulats concassés et du béton à usage spécifique. Waibel vous propose également le recyclage de vos déchets. </p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.waibel.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[5] = "<img src=\"references/realist.png\" />";
refTxt[5] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Réalist Informatique</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Créée en 2001, la société Réalist Informatique vous assure conseils et assistance informatique. Réalist propose une relation personnalisée, basée sur la confiance et le professionnalisme.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.realist.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[6] = "<img src=\"references/sospneus.png\" />";
refTxt[6] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">SOS Pneus</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">L’unique contact d'un véhicule avec la route s’effectue par les pneumatiques. La qualité du pneu et de son entretien conditionne le comportement routier et le confort de tout véhicule. SOS Pneus est là pour vous y aider.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.sospneus.eu\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[7] = "<img src=\"references/sohm.png\" />";
refTxt[7] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Garage Sohm</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Créé en 1967, le garage multimarque Sohm vous propose son expertise automobile depuis 3 générations : entretien, mécanique, carrosserie, peinture, vente de véhicules neufs et occasions CEE,...</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.autosohm67.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[8] = "<img src=\"references/diebolt.png\" />";
refTxt[8] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Diebolt-TP</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Créée en mars 2001 dans la continuité de l'activité du groupe Weiler, Diebolt-TP propose un service de travaux publics de premier ordre reposant sur la qualité de ses réalisations.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.diebolt-tp.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[9] = "<img src=\"references/alogis.png\" />";
refTxt[9] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Alpha-Logis</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Description bientôt disponible.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.alpha-logis.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[10] = "<img src=\"references/athenis.png\" />";
refTxt[10] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Athénis Informatique</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Depuis plus de 15 ans, Athénis répond aux besoins des entreprises dans de multiples domaines tels que les services (conseil, gestion, formation, assistance, ...), la création de logiciels spécifiques, la gestion et l'installation de parcs et de réseaux informatiques, la vente et le suivi de solutions de gestion</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.athenis.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[11] = "<img src=\"references/est-arro.png\" />";
refTxt[11] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Est-Arro</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">La société EST-ARRO créée en 1988 est spécialisée dans l'arrosage automatique des espaces verts privés et publics, des golfs, terrains de sports, tennis, manèges et carrières à chevaux.</p><ul style=\"list-style-image:url(images/puce.png); color:#A80910; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left:25px;\"><li style=\"padding-left:5px; margin-bottom:2px;\">Récupération du nom de domaine</li><li style=\"padding-left:5px; margin-bottom:2px;\">Réalisation du site web XHTML, CSS, JS, PHP</li><li style=\"padding-left:5px; margin-bottom:2px;\">Réalisation d’un outil d’administration</li><li style=\"padding-left:5px; margin-bottom:2px;\">Documentation et formation utilisateur </li></ul><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.est-arro.com\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[12] = "<img src=\"references/haar.png\" />";
refTxt[12] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Groupe Haar</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">Le groupe Haar vous propose ses services pour le recyclage de vos déchets, la démolition et les travaux publics ainsi que le désamiantage et la dépollution.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.groupe-haar.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[13] = "<img src=\"references/ecuries.png\" />";
refTxt[13] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Les écuries de la cigogne</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">L'association des Ecuries de la cigogne, vous propose dans un cadre naturel et agréable, situé en périphérie de Haguenau, un large choix d'activités équestres en loisirs et compétitions.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.lesecuriesdelacigogne.eu\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";
refImg[14] = "<img src=\"references/neximo.png\" />";
refTxt[14] = "<p style=\"font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; font-size:18px; margin:0 25px 5px 0; border-bottom:2px solid #dadada; text-align:left\">Neximo</p><p style=\"font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:13px; margin:0 25px 10px 0\">L'agence immobilière Neximo située à Weitbruch propose de gérer vos transactions immobilières, d'estimer gratuitement vos biens, et publie un catalogue de biens (appartements, maisons, terrains, ...) en vente sur son site internet.</p><p style=\"margin-left:200px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold\"><a href=\"http://www.neximo.fr\" style=\"text-decoration:none; color:#A80910\">» Voir le site</a></p>";


function ChangeContenu(ref){
	if (ref=='alsace-conduite'){
		document.getElementById('zoneRefImg').innerHTML = refImg[0];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[0];
	}
	if (ref=='gaial'){
		document.getElementById('zoneRefImg').innerHTML = refImg[1];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[1];
	}
	if (ref=='2eaux'){
		document.getElementById('zoneRefImg').innerHTML = refImg[2];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[2];
	}
	if (ref=='alter'){
		document.getElementById('zoneRefImg').innerHTML = refImg[3];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[3];
	}
	if (ref=='waibel'){
		document.getElementById('zoneRefImg').innerHTML = refImg[4];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[4];
	}
	if (ref=='realist'){
		document.getElementById('zoneRefImg').innerHTML = refImg[5];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[5];
	}
	if (ref=='sospneus'){
		document.getElementById('zoneRefImg').innerHTML = refImg[6];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[6];
	}
	if (ref=='sohm'){
		document.getElementById('zoneRefImg').innerHTML = refImg[7];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[7];
	}
	if (ref=='diebolt'){
		document.getElementById('zoneRefImg').innerHTML = refImg[8];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[8];
	}
	if (ref=='alogis'){
		document.getElementById('zoneRefImg').innerHTML = refImg[9];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[9];
	}
	if (ref=='athenis'){
		document.getElementById('zoneRefImg').innerHTML = refImg[10];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[10];
	}
	if (ref=='est-arro'){
		document.getElementById('zoneRefImg').innerHTML = refImg[11];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[11];
	}
	if (ref=='haar'){
		document.getElementById('zoneRefImg').innerHTML = refImg[12];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[12];
	}
	if (ref=='ecuries'){
		document.getElementById('zoneRefImg').innerHTML = refImg[13];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[13];
	}
	if (ref=='neximo'){
		document.getElementById('zoneRefImg').innerHTML = refImg[14];
		document.getElementById('zoneRefTxt').innerHTML = refTxt[14];
	}
	affFadeObj(document.getElementById('zoneRefImg'));
	/*affFadeObj(document.getElementById('zoneRefTxt'));*/
}

function setOpacity(obj, opacity) {
	obj.style.filter = "alpha(opacity="+opacity+")";
	obj.style.KHTMLOpacity = opacity/100;
	obj.style.MozOpacity = opacity/100;
	obj.style.opacity = opacity/100;
}

function affFadeObj(objet) {
  	setOpacity(objet,0);
  	fadeIn(objet,0);
}

function effFadeObj(objet) {
  	setOpacity(objet,100);
  	fadeOut(objet,100);
}

function fadeIn(obj, opacity){
	if (opacity <= 100) {
		setOpacity(obj, opacity);
		opacity= opacity*1.1+3;
		window.setTimeout(function(){fadeIn(obj, opacity);},1);
	}
}
 
function fadeOut(obj, opacity){
	if (opacity >= 0) {
		setOpacity(obj, opacity);
		opacity = opacity*0.9-3;
		window.setTimeout(function(){fadeOut(obj, opacity);},1);
	}
}