function preload()
{
BGImg1= new Image();
BGImg2= new Image();
BGImg3= new Image();
BGImg4= new Image();
BGImg5= new Image();
BGImg6 = new Image();
BGImg1ie= new Image();
BGImg2ie= new Image();
BGImg3ie= new Image();
BGImg4ie= new Image();
BGImg5ie= new Image();
BGImg6ie = new Image();
BGImg1.src="images/bullemainb1.png";
BGImg2.src="images/bullemainb2.png";
BGImg3.src="images/bullemainb3.png";
BGImg4.src="images/bullemainb4.png";
BGImg5.src="images/bullemainb5.png";
BGImg6.src="images/bulleform.png"
BGImg1ie.src="images/bullemainb1ie6.png";
BGImg2ie.src="images/bullemainb2ie6.png";
BGImg3ie.src="images/bullemainb3ie6.png";
BGImg4ie.src="images/bullemainb4ie6.png";
BGImg5ie.src="images/bullemainb5ie6.png";
BGImg6ie.src="images/bulleform6ie6.png";
 }
 
function validation()
{
	if(document.formulaire.Societe.value == false)
	{
		alert('Veuillez entrer votre Société');
		document.formulaire.Societe.focus();
		return false;
	}
	if(document.formulaire.Nom.value == false)
	{
		alert('Veuillez entrer votre Nom');
		document.formulaire.Nom.focus();
		return false;
	}
	if(document.formulaire.Email.value == false)
	{
		alert('Veuillez entrer votre adresse e-mail');
		document.formulaire.Email.focus();
		return false;
	}
	if(document.formulaire.Telephone.value == false)
	{
		alert('Veuillez entrer votre numéro de téléphone');
		document.formulaire.Telephone.focus();
		return false;
	}
	else
	{
		return true;
	}
}

function bubble(bubble)
{   
	var temp;
	var temp2;
	var temp3;
	var text;
	temp = document.getElementById('bullemain');
	temp3 = document.getElementById('bulletext');

	if (bubble == "1")
	{
			temp2 = document.getElementById('bulle1');
			text = "texte bulle 1";
			temp2.style.color ='#CC9900';
			temp3.innerHTML = "<br><br><br>De la palette au camion complet, en passant par le vrac, les longueurs ou bien les machines outils et industrielles, nous organisons vos expéditions sur la France et l'Europe avec le matériel adapté aux spécificités de vos produits. (Savoyarde, Tautliner, fourgon, plateau, surbaissée, hayon élévateur...). En contact permanent avec l'ensemble de nos partenaires, notre équipe vous apportera les solutions adaptées à vos besoins.";
			
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle1high.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='"+BGImg1ie.src+"')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle1high.png")';
				temp.style.backgroundImage = 'url('+BGImg1.src+')';
			}
			
	}
	else if (bubble == "2")
	{
			temp2 = document.getElementById('bulle2');
			text = "texte bulle 2";
			temp2.style.color ='#CC9900';
			temp3.innerHTML = "<br><br><br>CTI propose les services liés à la messagerie, le monocolis et les transports express sur la France et l'Europe. Pour vos expéditions de monocolis (0 à 30 kg) et messagerie (jusqu'à 500 kg), nous mettons à votre disposition un réseau national intégré qui permet d'obtenir un suivi de vos expéditions, une remontée d'information de qualité ainsi qu'une traçabilité de vos envois tout au long de leur acheminement. Nous vous proposons le transfert de vos flux d'informations transport par le biais d'Internet et de liaisons EDI afin de vous assurer un service de qualité.";
			
			
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle2high.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='"+BGImg2ie.src+"')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle2high.png")';
				temp.style.backgroundImage = 'url('+BGImg2.src+')';
			}
			
	}
	else if (bubble == "3")
	{
			temp2 = document.getElementById('bulle3');
			text = "texte bulle 3";
			temp2.style.color ='#CC9900';
			temp3.innerHTML = "<br><br><br>CTI réalise vos courses express en acheminant vos envois sur la France et l'Europe par la mise en place de véhicules adaptés (VL, 20 m<sup>3</sup>, Porteur, Semie). Notre équipe mettra tout en oeuvre pour vous assurer une réactivité et une réponse rapide à vos demandes.";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle3high.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='"+BGImg3ie.src+"')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle3high.png")';
				temp.style.backgroundImage = 'url('+BGImg3.src+')';
			}
			
	}
	
	else if (bubble == "4")
	{
			temp2 = document.getElementById('bulle4');
			text = "texte bulle 4";
			temp2.style.color ='#CC9900';
			temp3.innerHTML = "<br><br><br>Que ce soit pour vos exportations, importations ou vos expéditions nécessitant plusieurs modes de transport (afin d'accroître rentabilité et rapidité), CTI organise les différentes phases du transport multimodal.<br />Nous vous conseillons dans le choix du mode de transport (terrestre, ferroviaire, aérien, maritime...) et vous informons de vos responsabilités ainsi que celle de vos clients ou fournisseurs. (incoterms, assurances, droits...)";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle4high.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='"+BGImg4ie.src+"')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle4high.png")';
				temp.style.backgroundImage = 'url('+BGImg4.src+')';
			}
			
	}
	
	else if (bubble == "5")
	{
			temp2 = document.getElementById('bulle5');
			text = "texte bulle 5";
			temp2.style.color ='#CC9900';
			temp3.innerHTML = "<br><br><br>CTI répond à vos besoins de stockage et vous conseille sur vos choix de plateformes logistiques implantées dans les régions économiques bénéficiant de réseaux de transports performants. Nous vous proposons les services liés à l'entreposage tels que la gestion de vos stocks (Fifo, Lifo, DLV...), la préparation de commande, le picking, le conditionnement, le crossdocking...";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle5high.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='"+BGImg5ie.src+"')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle5high.png")';
				temp.style.backgroundImage = 'url('+BGImg5.src+')';
			}
			
	}
	else if (bubble == "6")
	{
			temp2 = document.getElementById('bulle6');
			text = "texte bulle 6";
			temp3.innerHTML = "<form method = 'post' action = 'http://www.arccip.fr/contact3.php' name='formulaire' onsubmit='return validation();'><table><tr><td width='400px' align='center' style='color:white; font-size:20px;'>Contactez Nous</td></tr></table><table><tr><td height='10px' colspan='3'>&nbsp;</td></tr><tr><td width='90px'>&nbsp;</td><td style='color:white;font-size:14px;'>Société</td><td><input type='text' name = 'Societe' /></td></tr><tr><td width='90px'>&nbsp;</td><td style='color:white;font-size:14px;'>Nom</td><td><input type='text' name='Nom' /></td></tr><tr><td width='90px'>&nbsp;</td><td style='color:white;font-size:14px;'>E-mail</td><td><input type = 'text' name = 'Email' /></td></tr><tr><td width='90px'>&nbsp;</td><td style='color:white;font-size:14px;'>Téléphone</td><td><input type = 'text' name = 'Telephone' /></td></tr><tr><td width='90px'>&nbsp;</td><td style='color:white;font-size:14px;'>Vos Besoins</td><td><textarea name='Besoins'></textarea></td></tr><tr><td height='10px' colspan='3'>&nbsp;</td></tr><tr><td colspan='3' align='center'><input type='submit' value = 'Envoyer' /></td></tr></table></form> ";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulleform.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='"+BGImg6ie.src+"')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulleform.png")';;
				temp.style.backgroundImage = 'url('+BGImg6.src+')';
			}
	}
	
	else if (bubble == "7")
	{
			temp2 = document.getElementById('bulle7');
			text = "texte bulle 7";
			temp3.innerHTML = "<table><tr><td width='400px' align='center' style='color:white;font-size:35px;'>CTI</td></tr></table><table><tr><td height='10px' colspan='3'>&nbsp;</td></tr><tr><td width='70px'>&nbsp;</td><td style='color:white;font-size:14px;'>Téléphone : </td><td style='color:white;font-size:14px;'>02.38.90.90.20</td></tr><tr><td height='10px' colspan='3'>&nbsp;</td></tr><tr><td width='70px'>&nbsp;</td><td style='color:white;font-size:14px;'>Fax : </td><td style='color:white;font-size:14px;'>02.38.90.90.21</td></tr><tr><td height='10px' colspan='3'>&nbsp;</td></tr><tr><td width='70px'>&nbsp;</td><td style='color:white;font-size:14px;'>Email : </td><td style='color:white;font-size:14px;'><a href='mailto:servicecommercial@cotri.fr' style='color:white;'>servicecommercial@cotri.fr</a></td></tr></table>";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulleform.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='"+BGImg6ie.src+"')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulleform.png")';;
				temp.style.backgroundImage = 'url('+BGImg6.src+')';
			}
	}
	
}

function bubbleo(bubble)
{   
	var temp;
	var temp2;
	var text;
	temp = document.getElementById('bullemain');
	temp3 = document.getElementById('bulletext');
	
	if (bubble == "1")
	{
			temp2 = document.getElementById('bulle1');
			temp2.style.color ='#4c49ba';
			temp3.innerHTML = "";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle1.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bullemainie6.png')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle1.png")';
				temp.style.backgroundImage = 'url("images/bullemain.png")';
			}
	}
	else if (bubble == "2")
	{
			temp2 = document.getElementById('bulle2');
			temp2.style.color ='#4c49ba';
			temp3.innerHTML = "";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle2.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bullemainie6.png')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle2.png")';
				temp.style.backgroundImage = 'url("images/bullemain.png")';
			}
	}
	else if (bubble == "3")
	{
			temp2 = document.getElementById('bulle3');
			temp2.style.color ='#4c49ba';
			temp3.innerHTML = "";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle3.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bullemainie6.png')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle3.png")';
				temp.style.backgroundImage = 'url("images/bullemain.png")';
			}
	}
	
	else if (bubble == "4")
	{
			temp2 = document.getElementById('bulle4');
			temp2.style.color ='#4c49ba';
			temp3.innerHTML = "";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle4.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bullemainie6.png')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle4.png")';
				temp.style.backgroundImage = 'url("images/bullemain.png")';
			}
	}
	
	else if (bubble == "5")
	{
			temp2 = document.getElementById('bulle5');
			temp2.style.color ='#4c49ba';
			temp3.innerHTML = "";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bulle5.png')";
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bullemainie6.png')";
			}
			else
			{
				temp2.style.backgroundImage = 'url("images/bulle5.png")';
				temp.style.backgroundImage = 'url("images/bullemain.png")';
			}
	}
	else if (bubble == "6")
	{
			temp2 = document.getElementById('bulle6');
			temp2.style.color ='#4c49ba';
			temp3.innerHTML = "";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bullemainie6.png')";
			}
			else
			{
				temp.style.backgroundImage = 'url("images/bullemain.png")';
			}
	}
	else if (bubble == "7")
	{
			temp2 = document.getElementById('bulle7');
			temp2.style.color ='#4c49ba';
			temp3.innerHTML = "";
			if (/MSIE (5\.5|6\.)/.test(navigator.userAgent))
			{ 
				temp.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bullemainie6.png')";
			}
			else
			{
				temp.style.backgroundImage = 'url("images/bullemain.png")';
			}
	}
}