//Temps d'affichage total de l'animation
var TempsAnimationTotal = 1000;//Temps d'affichage entre chaque pas pour l'animation
if(navigator.appName!="Netscape") { TempsAnimationTotal=TempsAnimationTotal/2;}
var TempsAnimationPas = 20;
//Nombre de fois ou on va jouer l'animation
var NbFoisAnimationJouer = TempsAnimationTotal/TempsAnimationPas;
//Temps d'affichage de la pub avant de passer à une autre
var TempsAffichagePub = 6000;
//Temps d'affichage entre chaque pas pour le fondu
var TempsFonduPas = 5;

// longueur max du div : 600 - 30 - 30 = 540
var tabPubImage = new Array();
var tabPubTexte = new Array();
var tabPubInfo = new Array();

//******************************* DEFINITION ******************************
// 1 : dans le sens
// 2 : nom de l'image
var tabPubImage = new Array();
var tabPubInfo = new Array();
var tabPubTexte = new Array();
tabPubImage[0]=new Array("droite","http://www.webcallstudio.com/commun/pub/pub335/pack.jpg");
tabPubImage[1]=new Array("gauche","http://www.webcallstudio.com/commun/pub/pub335/connectuality.jpg");
tabPubImage[2]=new Array("gauche","http://www.webcallstudio.com/commun/pub/pub335/briefing.jpg");
tabPubImage[3]=new Array("gauche","http://www.webcallstudio.com/commun/pub/pub335/music1.jpg");
tabPubImage[4]=new Array("droite","http://www.webcallstudio.com/commun/pub/pub335/music2.jpg");
tabPubImage[5]=new Array("droite","http://www.webcallstudio.com/commun/pub/pub335/mobilite.jpg");
// 1 : dans le sens
// 2 : position à gauche
// 3 : position du haut
// 4 : alignement
// 5 : lien du bouton info
// 6 : target de destination
tabPubInfo[0]=new Array("haut",100,215,"left","pack_message.php","_self");
tabPubInfo[1]=new Array("bas",30,200,"right","connectuality.php","_self");
tabPubInfo[2]=new Array("bas",30,150,"right","audit.php","_self");
tabPubInfo[3]=new Array("haut",330,200,"left","music_unique.php","_self");
tabPubInfo[4]=new Array("bas",90,205,"left","music_unique.php","_self");
tabPubInfo[5]=new Array("haut",100,190,"left","mobility.php","_self");
// 1 : dans le sens
// 2 : position à gauche
// 3 : position du haut
// 4 : alignement
// 5 : le texte à afficher
tabPubTexte[0] = new Array("bas",30,30,"left","Accueillir, faire patienter,<br>informer de votre disponibilité ...<br><font color='#" + couleur_Dominante + "'><b>Pack 1<big><i>2</i></big>3 Messages</b></font><br>Restez à l'écoute de vos clients.<br><br>à partir de<br><font color='#" + couleur_Dominante + "'><b>112 &euro;</b></font>");
tabPubTexte[1] = new Array("haut",30,30,"right","<span style='font-size: 13pt'>Abonnement <b>CONNECTUALITY</b><br>Actualisations des messages,<br>Variations musicales,<br>Média Planning ...<br><br>à partir de</span><br><font color='#" + couleur_Dominante + "'><b>392 &euro; / an</b></font>");
tabPubTexte[2] = new Array("haut",30,30,"right","<b>Audit</b> de votre accueil<br>téléphonique <font color='#" + couleur_Dominante + "'><b>GRATUIT</b></font>.<br>Mieux vous connaître,<br>Pour mieux vous conseiller.");
tabPubTexte[3] = new Array("bas",300,80,"left","<b>Offrez vous<br>votre MUSI<span style='color:#" + couleur_Dominante + "; font-size: 24pt'><b><i>C</i></b></span> UNIQUE ...</b>");
tabPubTexte[4] = new Array("haut",30,30,"left","<div style='filter:alpha(opacity=60); opacity: 0.6; MozOpacity:0.6; KhtmlOpacity: 0.6; position: absolute; left: 0px; top: 0px; width: 350px; height: 235px; background-color: #FFFFFF'>&nbsp;</div><div style='position: absolute; left: 15px; top: 15px; height: 160px; width: 330px'><b>... et soutenez nos<br><big>compositeurs<br>&nbsp;&nbsp;&nbsp;&nbsp;coup de coeur</big>.</div>");
tabPubTexte[5] = new Array("gauche",30,30,"left","<big><b>Pack Mobilité</b></big><br>L'identité sonore de votre<br>entreprise dans les portables<br>de tous vos collaborateurs.<br><br>à partir de<br><font color='#" + couleur_Dominante + "'><b>112 &euro;</b></font>");
var InitPub = "<div style=\"width: 1010px; height: 280px; margin: 5px; text-align: left\">" +
	"<div style=\"font-size: 13pt; font-family: Verdana; color: #FFFFFF; text-align: right; position: absolute; width: 380px; padding-top: 80px\">" +
		"<div class=\"pubTitre\" style=\"font-size: 36pt\">OFFREZ</div>" +
		"UNE <b>AGENCE DE COMMUNICATION</b><br>À VOTRE ACCUEIL TÉLÉPHONIQUE" +
	"</div>" +
	"<div style=\"width: 600px; float: right\">" +
		"<div id=\"pub\" class=\"FondContenuGeneral\" style=\"background-color: #FFFFFF; overflow: hidden; position: absolute; border: 1px solid #C0C0C0; width: 600px; height: 280px; font-size: 10pt\">" +
			"<!-- insertion du div pub image -->" + 
			"<div id=\"pubImage\" style=\"position: absolute; left: 0px; top: 0px\"></div>" +
			"<!-- insertion du div pub texte -->" +
			"<div id=\"pubTexte\" style=\"font-family: Arial; font-size: 16pt; color: #000000; position: absolute; left: 0px; top: 0px; height: 200px; width: 540px; text-align: left\"></div>" +
			"<!-- insertion du div + infos  -->" +
			"<div id=\"pubInfos\" style=\"position: absolute; left: 0px; top: 0px; height: 200px; width: 540px; text-align: left\"></div>" +
			"<!-- insertion du div fondu -->" +
			"<div id=\"pubFondu\" style=\"background-color: #FFFFFF; position: absolute; left: 0px; top: 0px; height: 280px; width: 600px\">&nbsp;</div>" +
			"<!-- insertion du div picto image -->" +
			"<div id=\"pubPicto\" style=\"font-size: 6pt; position: absolute; left: 0px; top: 260px; height: 20px; width: 580px; text-align: right; align: right\"></div>" +
		"</div>" + 
	"</div></div>";




//*************************** variables globales ****************
// depart Horizontale
var depH = 0;
// départ Vertical
var depV = 0;
// fin Horizontale
var finH = 600;
// fin Verticale ( hauteur )
var finV = 280;
// pas de deplacement Horizontale
var pasH = 0;
// pas de déplacement Vertical
var pasV = 0;
// pour l'alignement
var alignObjet = "";


// numero de pub actuelle
var curPub = 0;
// nombre d'element terminer d'afficher
var curPubNbElt = 0
// contient l'opacité actuelle du site. 100 = carre blanc complet ( donc masque ), 0 = carre blanc invisible ( donc affiche )
var curOpacity = 100;
//variable Stop Pub, qui permet de tout arreter
var stopPub = 0;


//Initialise les valeurs en fonction du type d'affichage
//typeObjet est soit image, soit texte, numPub = le numero du tableau, et nomObjet est le nom du tableau
function InitValeur(typeObjet,numPub,nomObjet) {
	// on reinitialise toutes les valeurs
	depH = 0;
	depV = 0;
	finH = 0;
	finV = 0;
	pasH = 0
	pasV = 0
	alignObjet = "";
	switch (typeObjet) {
		case "image":
			//c'est pour la gestion des images
			switch (nomObjet[numPub][0]) {
				case "gauche":
					depH = 600;
					alignObjet = "left top";
					break;
				case "droite":
					finH = 600;
					alignObjet = "right top";
					break;
				case "haut":
					depV = 280;
					alignObjet = "left top";
					break;
				case "bas":
					finV = 280;
					alignObjet = "left bottom";
					break;
			}
			break;
		case "texte":
			//c'est pour la gestion des textes
			// on initialise les données communes
			depH = nomObjet[numPub][1];
			finH = nomObjet[numPub][1];
			depV = nomObjet[numPub][2];
			finV = nomObjet[numPub][2];
			alignObjet = nomObjet[numPub][3];
			switch (nomObjet[numPub][0]) {
				case "gauche":
					depH = 600;
					break;
				case "droite":
					depH = -500;
					break;
				case "haut":
					depV = 280;
					break;
				case "bas":
					depV = -280;
					break;
			}
			break;
	}
	//on calcul le pasH et le pas V
	if ((finH-depH)!=0) { pasH = (finH-depH)/NbFoisAnimationJouer; }
	if ((finV-depV)!=0) { pasV = (finV-depV)/NbFoisAnimationJouer; }
}
function LancePub() {
	AffichePub();
}
function AffichePub() {
	curPubNbElt = 0;
	//on initialise les valeurs pour l'image
	InitValeur("image",curPub,tabPubImage);
	//on stoke temporaire les retours des valeurs
	var valImg = new Array(depH,depV,finH,finV,pasH,pasV,alignObjet);
	//on initialise les valeurs pour l'info
	InitValeur("texte",curPub,tabPubInfo);
	//on stocke temporaire les retours des valeurs
	var valInfo = new Array(depH,depV,finH,finV,pasH,pasV,alignObjet);
	//on initialise les valeurs pour l'info
	InitValeur("texte",curPub,tabPubTexte);
	//on stocke temporaire les retours des valeurs
	var valTexte = new Array(depH,depV,finH,finV,pasH,pasV,alignObjet);
	
	//maintenant que toutes les valeurs sont initialiser
	//on peux lancer les animations simultanées
	var tmpOption = "";
	var i = 0;
	for (i = 0;i<6;i++) { tmpOption = tmpOption + "," + valImg[i]; }
	window.setTimeout("StartImage('" + tabPubImage[curPub][1] + "'" + tmpOption + ",'" + valImg[6] + "')",10);

	tmpOption = "";
	for (i = 0;i<6;i++) { tmpOption = tmpOption + "," + valInfo[i]; }
	window.setTimeout("StartInfos(''" + tmpOption + ",'" + valInfo[6] + "')",50);

	tmpOption = "";
	for (i = 0;i<6;i++) { tmpOption = tmpOption + "," + valTexte[i]; }
	window.setTimeout("StartTexte(''" + tmpOption + ",'" + valTexte[6] + "')",50);
	
	curOpacity = 100;
	PubOpacite('affiche',500);
	
	//on affiche les petits carre et la position
	tmpOption = "<div align='right'><table border='0' cellpadding='0' style='font-family: Verdana; font-size: 2pt; border-collapse: collapse'><tr>";
	var tmpClass = "";
	for (i=0;i<tabPubImage.length;i++) {
		//tmpClass = "GeneralCouleurFond";
		//if (i == curPub) { tmpClass = "GeneralCouleurFondAct"; }
		//tmpOption = tmpOption + "<td class='" + tmpClass + "' onclick='VaDirectPub(" + i + ")' alt=\"Voir l'offre " + (i+1) + "\" title=\"Voir l'offre " + (i+1) + "\" style='cursor: pointer; width: 9px; height: 9px'>&nbsp;</td><td style='width: 9px'>&nbsp;</td>";

		tmpClass = "background-color: #181818; color: #FFFFFF; ";
		if (i == curPub) { tmpClass = "background-color: #" + couleur_Dominante + "; color: #FFFFFF; "; }
		tmpOption = tmpOption + "<td onclick='VaDirectPub(" + i + ")' alt=\"Voir l'offre " + (i+1) + "\" title=\"Voir l'offre " + (i+1) + "\" style='" + tmpClass + "cursor: pointer; width: 9px; height: 9px'>&nbsp;</td><td style='width: 9px'>&nbsp;</td>";
	}
	tmpOption = tmpOption + "<td style='padding-left: 3px; padding-right: 3px; text-align: center; vertical-align: middle; font-size: 7pt'>" + (curPub+1) + " / " + tabPubImage.length + "</td>";
	tmpOption = tmpOption + "</tr></table></div>"
	document.getElementById("pubPicto").innerHTML=tmpOption;
}

function VaDirectPub(numPub) {
	stopPub = 1;
	curPub = numPub;
	window.setTimeout("AffichePub()",10);
}

function RendOpaquePub(valOpaque) {
	document.getElementById("pubFondu").style.opacity = valOpaque/100;
	document.getElementById("pubFondu").style.filter = "alpha(opacity=" + valOpaque + ")";
	document.getElementById("pubFondu").style.MozOpacity = valOpaque/100;
	document.getElementById("pubFondu").style.KhtmlOpacity = valOpaque/100;
}
function PubOpacite(typeOpaque) {
	if (typeOpaque=="masque") {
		document.getElementById("pubFondu").style.visibility="visible";
		if (curOpacity <= 100) {
			RendOpaquePub(curOpacity);
			curOpacity = curOpacity + 10;
			window.setTimeout("PubOpacite('masque')",50);
		}
		else {
			window.setTimeout("AffichePubSuivante()",10);
		}
	}
	else {
		if (curOpacity >= 0) {
			RendOpaquePub(curOpacity);
			curOpacity = curOpacity - 5;
			window.setTimeout("PubOpacite('affiche')",50);
		}
		else {
			document.getElementById("pubFondu").style.visibility="hidden";
		}
	}
}

function AffichePubTerminer() {
	if (stopPub==0) {
		curPubNbElt = curPubNbElt  + 1;
		if (curPubNbElt==3) {
			curOpacity = 0;
			//alert("on y va");
			window.setTimeout("PubOpacite('masque')",TempsAffichagePub);
		}
	}
	else {
		RendOpaquePub(0);
	}
}
function AffichePubSuivante() {
		//tous les élements sont finis d'afficher
	if (curPub < tabPubImage.length-1) {
		curPub++;
	}
	else {
		curPub = 0;
	}
	AffichePub();
}

//************************************************************************************************************************************
//					POUR L'ANIMATION DES IMAGES
//************************************************************************************************************************************
function StartImage(nomImage,idepH,idepV,ifinH,ifinV,ipasH,ipasV,alignImg) {
	var nHeight = 0;
	var nWidth = 0;
	document.getElementById("pubImage").style.visibility="hidden";
	document.getElementById("pubImage").style.backgroundImage="url('" + nomImage + "')";
	document.getElementById("pubImage").style.backgroundPosition=alignImg;
	document.getElementById("pubImage").style.left=idepH + "px";
	document.getElementById("pubImage").style.top=idepV + "px";
	if ((idepH-ifinH)==0) {
		nWidth = 600;
		document.getElementById("pubImage").style.width="600px";
	}
	else {
		document.getElementById("pubImage").style.width="0px";
	}
	if ((idepV-ifinV)==0) {
		nheight = 280;
		document.getElementById("pubImage").style.height="280px";
	}
	else {
		document.getElementById("pubImage").style.height="0px";
	}
	document.getElementById("pubImage").style.visibility="visible";
	AnimImage(idepH,idepV,nWidth,nHeight,ipasH,ipasV,ifinH,ifinV);
}
function AnimImage(newH,newV,newWidth,newHeight,newPasH,newPasV,newFinH,newFinV) {

	document.getElementById("pubImage").style.left=newH + "px";
	document.getElementById("pubImage").style.top=newV + "px";
	document.getElementById("pubImage").style.height=newHeight + "px";
	document.getElementById("pubImage").style.width=newWidth + "px";
	if ((newWidth>=600)&&(newHeight>=280)) {
		// c'est la fin de l'animation
		window.setTimeout("AffichePubTerminer()",5);
	}
	else {
		//on continu d'animer
		if (newPasH>0) {
			newH = 0;
			newWidth = newWidth + Math.abs(newPasH);
		}
		else {
			newH = newH - Math.abs(newPasH);
			newWidth = 600 - newH;
		}
		if (newPasV>0) {
			newV = 0;
			newHeight = newHeight + Math.abs(newPasV);
		}
		else {
			newV = newV - Math.abs(newPasV);
			newHeight = 280- newV;
		}
		window.setTimeout("AnimImage(" + newH + "," + newV + "," + newWidth + "," + newHeight + "," + newPasH + "," + newPasV + "," + newFinH + "," + newFinV + ")",TempsAnimationPas);
	}
}
//************************************************************************************************************************************
//************************************************************************************************************************************





//************************************************************************************************************************************
//					POUR L'ANIMATION DES INFOS
//************************************************************************************************************************************
function StartInfos(NonUtiliser,infdepH,infdepV,inffinH,inffinV,infpasH,infpasV,alignInfo) {
	var nHeight = 500;
	var nWidth = 200;
	
	document.getElementById("pubInfos").style.visibility="hidden";
	if (tabPubInfo[curPub][4] == "") {
		//il n'y a pas de lien, donc on n'affiche pas le boutons infos
		document.getElementById("pubInfos").innerHTML = "";
	}
	else {
		// il y a un lien, donc on affiche le bouton infos
		document.getElementById("pubInfos").innerHTML = "<a href='" + tabPubInfo[curPub][4] + "' target='" + tabPubInfo[curPub][5] + "'><img src='http://www.webcallstudio.com/commun/pub/infos.png' border='0' align='absmiddle'></a>";
	}
	document.getElementById("pubInfos").style.textAlign=alignInfo;
//	document.getElementById("pubInfos").innerHTML="<img src='http://www.webcallstudio.com/commun/pub/infos.png' border='0' align='absmiddle'>";
	document.getElementById("pubInfos").style.left=infdepH + "px";
	document.getElementById("pubInfos").style.top=infdepV + "px";
	document.getElementById("pubInfos").style.visibility="visible";
	AnimInfos(infdepH,infdepV,nWidth,nHeight,infpasH,infpasV,inffinH,inffinV);
}
function AnimInfos(newH,newV,newWidth,newHeight,newPasH,newPasV,newFinH,newFinV) {

	document.getElementById("pubInfos").style.left=newH + "px";
	document.getElementById("pubInfos").style.top=newV + "px";
	
	var onContinu = "OUI";
	
	if (newPasV == 0 ) {
		//on est dans un deplacement horyzontale ( vers la gauche ou vers la droite )
		if (newPasH < 0 ) {
			// on est dans un deplacement vers la gauche
			if ( Math.round(newH) < Math.round(newFinH) ) {
				// on est plus à gauche que la fin, on stop
				onContinu = "NON";
			}
		}
		else {
			//on est dans un deplacement vers la droite
			if ( Math.round(newH) > Math.round(newFinH) ) {
				// on est plus à droite que la fin, on stop
				onContinu = "NON";
			}
		}
	}
	else {
		// on est dans un deplacement vertical ( vers le haut ou vers le bas )
		if (newPasV < 0) {
			//on est dans un deplacement vers le haut
			if ( Math.round(newV) < Math.round(newFinV) ) {
				// on est plus en haut que la fin, on stop
				onContinu = "NON";
			}
		}
		else {
			//on est dans un deplacement vers le bas
			if ( Math.round(newV) > Math.round(newFinV) ) {
				// on est plus en bas que la fin, on stop
				onContinu = "NON";
			}
		}
	}
	
	//par securite
	//if (newHeight >= 280) { onContinu = "NON"; }
	//if (newWidth >= 600) { onContinu = "NON"; }
	
	if ( onContinu == "NON" ) {
		// c'est la fin de l'animation
		window.setTimeout("AffichePubTerminer()",5);
	}
	else {
		newH = newH + newPasH;
		newV = newV + newPasV;
		window.setTimeout("AnimInfos(" + newH + "," + newV + "," + newWidth + "," + newHeight + "," + newPasH + "," + newPasV + "," + newFinH + "," + newFinV + ")",TempsAnimationPas);
	}
}
//************************************************************************************************************************************
//************************************************************************************************************************************






//************************************************************************************************************************************
//					POUR L'ANIMATION DES TEXTES
//************************************************************************************************************************************
function StartTexte(NonUtiliser,txtdepH,txtdepV,txtfinH,txtfinV,txtpasH,txtpasV,alignTxt) {
	var tHeight = 500;
	var tWidth = 200;
	
	document.getElementById("pubTexte").style.visibility="hidden";
	document.getElementById("pubTexte").style.textAlign=alignTxt;
	document.getElementById("pubTexte").innerHTML=tabPubTexte[curPub][4];
	document.getElementById("pubTexte").style.left=txtdepH + "px";
	document.getElementById("pubTexte").style.top=txtdepV + "px";
	document.getElementById("pubTexte").style.visibility="visible";
	AnimTexte(txtdepH,txtdepV,tWidth,tHeight,txtpasH,txtpasV,txtfinH,txtfinV);
}
function AnimTexte(newH,newV,newWidth,newHeight,newPasH,newPasV,newFinH,newFinV) {

	document.getElementById("pubTexte").style.left=newH + "px";
	document.getElementById("pubTexte").style.top=newV + "px";
	
	var onContinu = "OUI";
	
	if (newPasV == 0 ) {
		//on est dans un deplacement horyzontale ( vers la gauche ou vers la droite )
		if (newPasH < 0 ) {
			// on est dans un deplacement vers la gauche
			if ( Math.round(newH) < Math.round(newFinH) ) {
				// on est plus à gauche que la fin, on stop
				onContinu = "NON";
			}
		}
		else {
			//on est dans un deplacement vers la droite
			if ( Math.round(newH) > Math.round(newFinH) ) {
				// on est plus à droite que la fin, on stop
				onContinu = "NON";
			}
		}
	}
	else {
		// on est dans un deplacement vertical ( vers le haut ou vers le bas )
		if (newPasV < 0) {
			//on est dans un deplacement vers le haut
			if ( Math.round(newV) < Math.round(newFinV) ) {
				// on est plus en haut que la fin, on stop
				onContinu = "NON";
			}
		}
		else {
			//on est dans un deplacement vers le bas
			if ( Math.round(newV) > Math.round(newFinV) ) {
				// on est plus en bas que la fin, on stop
				onContinu = "NON";
			}
		}
	}
	
	if ( onContinu == "NON" ) {
		// c'est la fin de l'animation
		window.setTimeout("AffichePubTerminer()",5);
	}
	else {
		newH = newH + newPasH;
		newV = newV + newPasV;
		window.setTimeout("AnimTexte(" + newH + "," + newV + "," + newWidth + "," + newHeight + "," + newPasH + "," + newPasV + "," + newFinH + "," + newFinV + ")",TempsAnimationPas);
	}
}
//************************************************************************************************************************************
//************************************************************************************************************************************