function randum(x,y)
{
	var chiffre=Math.round((Math.random()*y)+x);
	if(chiffre>y){chiffre=y;}
	return chiffre;
}

var divb=8;

var txt1=new Array();
var soustext=new Array();
var i='4';

soustext[0]='SERVEURS MAILS';
soustext[1]='Exchange ou open source';
soustext[2]='Protocoles POP ou IMAP';
soustext[3]='Accès Webmail';
soustext[4]='serveurs virtuels & dédiés';
soustext[5]='Livraison clé en main, prêt à l’emploi';
txt1[i]='<div class="cadre-c"><div class="h215"><div class="cadre-f">'+soustext[0]+'</div><div class="cadre-b"><p><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[1]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[2]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[3]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[4]+'</p></div></div><div class="right"><p class="cadre-d"><b>'+soustext[5]+'</b></p><p class="cadre-e"><a href="serveurs-mails-6.html"><img src="images/bouton-'+i+'.jpg" width="38" height="38" class="right7" alt="Tas - Serveurs Mails" onmouseover="this.src=\'images/bouton-'+i+'2.jpg\'" onmouseout="this.src=\'images/bouton-'+i+'.jpg\'" /></a></p></div></div>';
i++;

soustext[0]='CERTIFICATS SSL';
soustext[1]='Paiement sécurisé';
soustext[2]='Données cryptées';
soustext[3]='Module ATOS';
soustext[4]='Gestion intuitive';
soustext[5]='Le transfert de vos données sécurisé';
txt1[i]='<div class="cadre-c"><div class="h215"><div class="cadre-f">'+soustext[0]+'</div><div class="cadre-b"><p><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[1]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[2]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[3]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[4]+'</p></div></div><div class="right"><p class="cadre-d"><b>'+soustext[5]+'</b></p><p class="cadre-e"><a href="paiement-securise-et-certificat-ssl-17.html"><img src="images/bouton-'+i+'.jpg" width="38" height="38" class="right7" alt="Tas - Certificats SSL" onmouseover="this.src=\'images/bouton-'+i+'2.jpg\'" onmouseout="this.src=\'images/bouton-'+i+'.jpg\'" /></a></p></div></div>';
i++;

soustext[0]='SERVEURS WEB';
soustext[1]='Sur Windows ou Linux';
soustext[2]='PHP, MySQL, ASP ...';
soustext[3]='Configuration sur-mesure';
soustext[4]='Serveurs virtuels &amp; dédiés';
soustext[5]='Livraison clé en main, prêt à l’emploi';
txt1[i]='<div class="cadre-c"><div class="h215"><div class="cadre-f">'+soustext[0]+'</div><div class="cadre-b"><p><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[1]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[2]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[3]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[4]+'</p></div></div><div class="right"><p class="cadre-d"><b>'+soustext[5]+'</b></p><p class="cadre-e"><a href="serveurs-virtuels-5.html"><img src="images/bouton-'+i+'.jpg" width="38" height="38" class="right7" alt="Tas - Serveurs WEB" onmouseover="this.src=\'images/bouton-'+i+'2.jpg\'" onmouseout="this.src=\'images/bouton-'+i+'.jpg\'" /></a></p></div></div>';
i++;

soustext[0]='MONITORING';
soustext[1]='Supervision 24/7j';
soustext[2]='Tests CPU, mémoire ...';
soustext[3]='Alertes SMS et mails';
soustext[4]='Solution adaptable';
soustext[5]='Vos services toujours disponibles';
txt1[i]='<div class="cadre-c"><div class="h215"><div class="cadre-f">'+soustext[0]+'</div><div class="cadre-b"><p><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[1]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[2]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[3]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[4]+'</p></div></div><div class="right"><p class="cadre-d"><b>'+soustext[5]+'</b></p><p class="cadre-e"><a href="monitoring-10.html"><img src="images/bouton-'+i+'.jpg" width="38" height="38" class="right7" alt="Tas - Monitoring" onmouseover="this.src=\'images/bouton-'+i+'2.jpg\'" onmouseout="this.src=\'images/bouton-'+i+'.jpg\'" /></a></p></div></div>';
i++;

soustext[0]='SERVEURS VIRTUELS';
soustext[1]='IBM Blade Center et SAN';
soustext[2]='Fléxibilité et autonomie';
soustext[3]='Haute performance';
soustext[4]='Engagement limité';
soustext[5]='Complète, évolutive, à moindre coût';
txt1[i]='<div class="cadre-c"><div class="h215"><div class="cadre-f">'+soustext[0]+'</div><div class="cadre-b"><p><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[1]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[2]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[3]+'</p><p class="mt5"><img src="images/plus-'+i+'.jpg" alt="" width="10" height="8" />&nbsp;'+soustext[4]+'</p></div></div><div class="right"><p class="cadre-d"><b>'+soustext[5]+'</b></p><p class="cadre-e"><a href="serveurs-virtuels-5.html"><img src="images/bouton-'+i+'.jpg" width="38" height="38" class="right7" alt="Tas - Serveurs virtuels" onmouseover="this.src=\'images/bouton-'+i+'2.jpg\'" onmouseout="this.src=\'images/bouton-'+i+'.jpg\'" /></a></p></div></div>';
i++;

var tlen=txt1.length-1;

function fading(div)
{
	var opaque=parseFloat(document.getElementById(div).style.opacity);
	if(opaque<0.2)
	{
		j=divb;
		if(j>8){j=4;} //pour le moment il n'y a que 8 images sur le FTP (cadre-X.jpg), rajouter des fonds et changer ce chiffre en conséquence
		document.getElementById('div-4').style.backgroundImage='url(images/cadre-'+j+'.jpg)';
		document.getElementById('div-4').innerHTML=txt1[divb];
	}			
	if(opaque<1)
	{
		opaque=opaque+0.1;
		var filter=(opaque*100);					
		document.getElementById(div).style.opacity=opaque;
		document.getElementById(div).style.filter="alpha(opacity="+filter+")";
		setTimeout("fading('"+div+"')",15);
	}
	else
	{
		clearTimeout();
	}
}

function repasser()
{
	document.getElementById('div-4').style.opacity=0.01;
	document.getElementById('div-4').style.filter="alpha(opacity=1)";	
	fading('div-4');
	divb+=1;
	if(divb>tlen){divb=4;}
}
repasser();
setInterval("repasser()",4000);