//--------------------------------------------------------------
// asterop.js
//--------------------------------------------------------------

function GetStudyText(sStep)
{
	var sText='';
	
	switch (sStep)
	{
		case 'bouton14':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Franchiseur</LI>";
			sText += "<LI>Futur franchis&eacute;</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Analyse du march&eacute; satisfaisant la loi Doubin (DIP)</LI>";
			sText += "<LI>March&eacute; potentiel d'un Point de vente</LI>"; 
			sText += "<LI>Accessibilit&eacute; de votre emplacement</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Votre &eacute;tude en moins de 10 minutes</LI>";
			sText += "<LI>Des donn&eacute;es fiables et actualis&eacute;es</LI>";
			sText += "</UL>";
		break;

		case 'bouton21':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Franchiseur</LI>";
			sText += "<LI>Futur franchis&eacute;</LI>";
			sText += "<LI>Ind&eacute;pendant</LI>";
			sText += "<LI>Responsable du d&eacute;veloppement</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Optimiser vos projets de d&eacute;veloppement</LI>";
			sText += "<LI>Conna&icirc;tre le march&eacute; potentiel d'un point de vente</LI>";
			sText += "<LI>Conna&icirc;tre la force de la concurrence</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Votre &eacute;tude en moins de 15 minutes</LI>";
			sText += "<LI>Des donn&eacute;es fiables et actualis&eacute;es</LI>";
			sText += "<LI>Des donn&eacute;es &agrave; forte valeur ajout&eacute;es</LI>";
			sText += "</UL>";
		break;

		case 'bouton12':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Franchiseur</LI>";
			sText += "<LI>Futur franchis&eacute;</LI>";
			sText += "<LI>Ind&eacute;pendant</LI>";
			sText += "<LI>Responsable du d&eacute;veloppement</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Votre futur emplacement est proche d'un magasin GSA/GSS</LI>";
			sText += "<LI>Analyser le taux de p&eacute;n&eacute;tration estim&eacute; de chaque quartier de votre zone de chalandise</LI>";
			sText += "<LI>Analyser le profil socio-&eacute;conomique des vos clients potentiels</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Une analyse rapide de la pression concurrentielle</LI>";
			sText += "<LI>Une connaissance pr&eacute;cise de vos taux d'emprise au niveau quartier</LI>";
			sText += "</UL>";
		break;

		case 'bouton17':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Responsables magasins</LI>";
			sText += "<LI>Directions du marketing direct</LI>";
			sText += "<LI>Ind&eacute;pendants</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Augmenter la fr&eacute;quentation de vos points de vente</LI>";
			sText += "<LI>Distribuer des prospectus uniquement où votre cible est significativement pr&eacute;sente</LI>";
			sText += "<LI>Optimiser votre budget en augmentant le ROI de vos campagnes</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Une m&eacute;thode de s&eacute;lection des quartiers que vous contr&ocirc;lez</LI>";
			sText += "<LI>Une liste de quartiers &agrave; distribuer directement exploitable</LI>";
			sText += "</UL>";
		break;

		case 'bouton15':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Directeurs de d&eacute;veloppement</LI>";
			sText += "<LI>Prospecteurs</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Optimiser la couverture territoriale de votre r&eacute;seau</LI>";
			sText += "<LI>Rationnaliser la recherche d'emplacements</LI>";
			sText += "<LI>Conna&icirc;tre le march&eacute; local du meilleur emplacement</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Une m&eacute;thode de scoring que vous contr&ocirc;lez</LI>";
			sText += "<LI>Une analyse couvrant l'ensemble du territoire national</LI>";
			sText += "</UL>";
		break;

		case 'bouton16':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Industriels et distributeurs</LI>";
			sText += "<LI>Directions du merchandising</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Identifier les magasins correspondant au concept de vos produits</LI>";
			sText += "<LI>D&eacute;terminer leur profil socio-d&eacute;mographique</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Une m&eacute;thode de scoring que vous contr&ocirc;lez</LI>";
			sText += "<LI>Une analyse couvrant l'ensemble de l'&eacute;quipement commercial national (GSA/GSS)</LI>";
			sText += "</UL>";
		break;

		case 'bouton23':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Directeurs de d&eacute;veloppement</LI>";
			sText += "<LI>Responsables de r&eacute;seaux</LI>";
			sText += "<LI>Industriels</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Optimiser la couverture locale de votre r&eacute;seau</LI>";
			sText += "<LI>Afiner la strat&eacute;gie de d&eacute;veloppement</LI>";
			sText += "<LI>Conna&icirc;tre la part de march&eacute; locale des acteurs de la distribution</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Une estimation pr&eacute;cise et rigoureuse des parts de march&eacute; de chaque enseigne ou groupe</LI>";
			sText += "<LI>Une appr&eacute;ciation objective du leadership des diff&eacute;rentes enseignes et groupes</LI>";
			sText += "</UL>";
		break;

		case 'bouton24':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Directeurs de d&eacute;veloppement</LI>";
			sText += "<LI>Responsables de r&eacute;seaux</LI>";
			sText += "<LI>Industriels</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Optimiser la couverture nationale de votre r&eacute;seau</LI>";
			sText += "<LI>Mettre en place la strat&eacute;gie de d&eacute;veloppement</LI>";
			sText += "<LI>Conna&icirc;tre la part de march&eacute; locale des acteurs de la distribution sur l'ensemble du territoire national</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Une estimation pr&eacute;cise et rigoureuse des parts de march&eacute; de chaque enseigne ou groupe</LI>";
			sText += "<LI>Une appr&eacute;ciation objective du leadership des diff&eacute;rentes enseignes et groupes</LI>";
			sText += "</UL>";
		break;

		case 'bouton22':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Directeurs de d&eacute;veloppement</LI>";
			sText += "<LI>Responsables de r&eacute;seaux</LI>";
			sText += "<LI>Industriels</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Analyser les disparit&eacute;s de l'urbanisme commercial au niveau local</LI>";
			sText += "<LI>Analyser les situations concurentielles par zone de vie et par enseigne</LI>";
			sText += "<LI>Conna&icirc;tre la part de march&eacute; locale des acteurs de la distribution sur l'ensemble du territoire national</LI>";
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Un acc&egrave;s &agrave; l'ensemble des r&eacute;sultats de l'&eacute;tude Loc@lEnseigne</LI>";
			sText += "<LI>Une estimation pr&eacute;cise et rigoureuse des parts de march&eacute; de chaque enseigne ou groupe</LI>";
			sText += "<LI>Une appr&eacute;ciation objective du leadership des diff&eacute;rentes enseignes et groupes</LI>";
			sText += "</UL>";
		break;

		case 'bouton25':
			sText += "<UL>";
			sText += "<B>Pour qui :</B>";
			sText += "<LI>Franchiseur</LI>";
			sText += "<LI>Franchis&eacute;</LI>";
			sText += "<LI>Ind&eacute;pendant</LI>";
			sText += "<LI>Industriels</LI>";
			sText += "<BR /><B>Pour quoi :</B>";
			sText += "<LI>Connaitre l'environnement commercial local</LI>";
			sText += "<LI>Optimiser la couverture locale de votre r&eacute;seaux</LI>";
			sText += "<LI>Affiner la stratégie de d&eacute;veloppement</LI>"; 
			sText += "<BR /><B>Avantages :</B>";
			sText += "<LI>Une analyse rapide de la pression concurrentielle</LI>";
			sText += "<LI>Des donn&eacute;es fiables et actualis&eacute;es</LI>";
			sText += "</UL>";
		break;
		
		default:
			sText = "";
	}
	return sText;
}

  function UpdateStudyInfo(button)
  {
    var GetWindowBottomRight = !(window.attachEvent && !window.opera)?function()
  	{
  		// other browser
  		return [window.innerWidth, window.innerHeight];
  	}:function()
  	{
  		// IE
  		var ret = [0, 0];
  		if (document.documentElement && document.documentElement.clientWidth)
  		{
  			ret = [document.documentElement.clientWidth, document.documentElement.clientHeight];
  		}
  		else if (document.body)
  		{
  			ret = [document.body.clientWidth, document.body.clientHeight];
  		}
  		return ret;
  	}

    var bulle = $('infoBulle');
    var pos = Position.cumulativeOffset(button);
  	if (bulle)
  	{
  	  var sText = GetStudyText(button.className);
  		bulle.innerHTML = sText;
  		if(sText!="")
  	   bulle.style.visibility = "visible";
  	  else
  	   bulle.style.visibility = "hidden";
  	  bulle.style.border = "1px solid #C5C5C5";
  	  bulle.style.backgroundColor =  "#FFFFFF";
  	  bulle.style.position = "absolute";
  	  bulle.style.width = "380px";
  	  bulle.style.zIndex = 50;
  	  
      pos[1] += button.offsetHeight;
      var pt = GetWindowBottomRight();
      var w = bulle.offsetWidth;
	  var h = bulle.offsetHeight;
	  if((pos[0]+w) > pt[0])
      	pos[0] = Math.max(pos[0]-w+button.offsetWidth,0);
	    if((pos[1]+h) > pt[1])
      	pos[1] = Math.max(pos[1]-h-button.offsetHeight,0);
	  
  	  bulle.style.top = (pos[1]) + "px"; 
  	  bulle.style.left = (pos[0]) + "px";
  	  bulle.style.textAlign = "left";
  	  bulle.style.margin = "0 0 20px 0";
	  bulle.style.padding = "10px";
    	
    	var FlashObjects;
    	var In = function(x, x1, x2)
    	{
			return (x>=x1) && (x<=x2);
		}
    	var rect0 = {
    		x1: pos[0], 
    		y1: pos[1], 
    		x2: pos[0]+w, 
    		y2: pos[1]+h,
			IsIntersectRect: function(rc)
			{
				return (In(this.x1, rc.x1, rc.x2) || In(this.x2, rc.x1, rc.x2) ||
						In(rc.x1, this.x1, this.x2)	 || In(rc.x2, this.x1, this.x2)) &&
					   (In(this.y1, rc.y1, rc.y2) || In(this.y2, rc.y1, rc.y2) ||
						In(rc.y1, this.y1, this.y2)	 || In(rc.y2, this.y1, this.y2));
    		}
    	}
    	var rect1;
    	
  		FlashObjects = document.getElementsByTagName("object");
    	for(var i = 0; i<FlashObjects.length; i++)
    	{
    		rect1 = Position.cumulativeOffset(FlashObjects[i]);
    		rect1 = {x1:rect1[0], y1:rect1[1], x2:rect1[0]+FlashObjects[i].offsetWidth, y2:rect1[1]+FlashObjects[i].offsetHeight};
    		if(rect0.IsIntersectRect(rect1))
    			FlashObjects[i].style.visibility = "hidden";
      	}
  		FlashObjects = document.getElementsByTagName("embed");
    	for(var i = 0; i<FlashObjects.length; i++)
    	{
    		rect1 = Position.cumulativeOffset(FlashObjects[i]);
    		rect1 = {x1:rect1[0], y1:rect1[1], x2:rect1[0]+FlashObjects[i].offsetWidth, y2:rect1[1]+FlashObjects[i].offsetHeight};
    		if(rect0.IsIntersectRect(rect1))
    			FlashObjects[i].style.visibility = "hidden";
      	}
    }
  }
  function HideStudyInfo(sStep)
  {
  	  $('infoBulle').style.visibility = "hidden";
  	  var FlashObjects;
  	
	FlashObjects = document.getElementsByTagName("object");
  	for(var i =0; i<FlashObjects.length; i++)
  	{
      FlashObjects[i].style.visibility = "visible";
    }
	FlashObjects = document.getElementsByTagName("embed");
  	for(var i =0; i<FlashObjects.length; i++)
  	{
      FlashObjects[i].style.visibility = "visible";
    }
  }

	var DisplayTime = function(sel) {
		var thElement = sel.parentNode;
		var tableElement = thElement.parentNode;
		var bLoop = tableElement;
	
		while(bLoop)
		{
			if(tableElement.tagName == 'TABLE')
			{
				bLoop = false;
			}
			else
			{
				tableElement = tableElement.parentNode;
				bLoop = tableElement;
			}
		}
		
		if(tableElement)
		{
			var index = thElement.cellIndex;
			var tdElement;
			var i;
			var aValues;
			
			for(i = 0; i < tableElement.rows.length; i++)
			{
				tdElement = tableElement.rows[i].cells[index];
				if(tdElement && tdElement.tagName == 'TD')
				{
					eval(tdElement.getElementsByTagName('input')[0].value);
					tdElement.getElementsByTagName('span')[0].innerHTML = aValues[sel.selectedIndex];
				}
			}
		}
	}

	function GetZoneWidth(sZone)
	{
		var sText='';

		switch (sZone)
		{
			case 'zone1':
				sText+="900";
			break;

			case 'zone2':
				sText+="490";
			break;

			case 'zone3':
				sText+="600";
			break;

			case 'zone4':
				sText+="450";
			break;
		}

		return sText;
	}

	function GetZoneDesc(sZone)
	{
		var sText='';

		switch (sZone)
		{
			case 'zone1':
				sText+="<table class=\"product_table\" style=\"width: auto\"><tr><th>Le ruban</th></tr><tr><td>Apparu avec MS Office 2007, le ruban (Ribbon Bar) remplace les menus et les barres d'outils traditionnels.<br />Toutes les actions et fonctionnalités sont directement accessible de façon contextuelle dans le ruban.<br /><br /><img src=\"/ressources/images/Presentation Web-02.png\" border=\"0\"></td></tr></table>";
			break;

			case 'zone2':
				sText+="<table class=\"product_table\" style=\"width: auto\"><tr><th>L'espace de travail</th></tr><tr><td>Il regroupe et organise l'ensemble<br />des éléments constituant vos études.<br /><br />On retrouve les connexions aux<br />bases de données, les cartes modèles,<br />graphiques et rapports.<br /><br />Les Portraits de Zone prennent<br />également leur place dans cet espace.<br />Chaque Portrait de Zone est<br />situé dans un soufflet séparé.</td><td><img src=\"/ressources/images/Presentation Web-04.png\" border=\"0\"></td></tr></table>";
			break;

			case 'zone3':
				sText+="<table class=\"product_table\" style=\"width: auto\"><tr><th>Le tableau de bord</th><th>Nouvelles vues propriétés</th></tr><tr><td>Au centre d'Asterop Analyzer 2010,<br />c'est l'endroit où sont visualisées<br />et manipulées les données.</td><td>propriété Base de données<br />propriété Requête<br />propriété Table<br /><br />Ces vues permettent la création et<br />l'édition de formules, relations,<br />requêtes, tables composites, etc.<br /></td></tr><tr><td colspan=\"2\"><img src=\"/ressources/images/Presentation Web-05.png\" border=\"0\"></td></tr></table>";
			break;

			case 'zone4':
				sText+="<table class=\"product_table\" style=\"width: auto\"><tr><th>L'explorateur</th></tr><tr><td>Il présente les détails de la vue active. Son contenu dépend du type de vue.<br />Il donne accès aux propriétés des divers éléments constituant la vue.<br/><br/><img src=\"/ressources/images/Presentation Web-03.png\" border=\"0\"></td></tr></table>";
			break;
		}

		return sText;
	}

  function UpdateProductInfo(e)
  {
  	var event = e || window.event;
  	var zone = Event.element(event);
  	
    var GetWindowBottomRight = !(window.attachEvent && !window.opera)?function()
  	{
  		// other browser
  		return [window.innerWidth, window.innerHeight];
  	}:function()
  	{
  		// IE
  		var ret = [0, 0];
  		if (document.documentElement && document.documentElement.clientWidth)
  		{
  			ret = [document.documentElement.clientWidth, document.documentElement.clientHeight];
  		}
  		else if (document.body)
  		{
  			ret = [document.body.clientWidth, document.body.clientHeight];
  		}
  		return ret;
  	}

    var bulle = $('infoBulle');
  	if (bulle)
  	{
  	  var sText = GetZoneDesc(zone.id);
  		bulle.innerHTML = sText;
  		if(sText!="")
  	   bulle.style.visibility = "visible";
  	  else
  	   bulle.style.visibility = "hidden";
	bulle.style.backgroundColor =  "#FFFFFF";
  	bulle.style.position = "absolute";
  	bulle.style.zIndex = 50;
	bulle.style.opacity = 0.9;
	bulle.style.filter = 'alpha(opacity=90)';
	var pt = GetWindowBottomRight();

    var pos = Position.cumulativeOffset(zone);
   switch(zone.id)
    {
		case 'zone1':
			pos[0] += 10;
			pos[1] += zone.offsetHeight + 10;
			break;
		case 'zone2':
			pos[0] += zone.offsetWidth + 10;
			pos[1] += 10;
			break;
		case 'zone3':
			var X = Event.pointerX(event) - pos[0];
			var Y = Event.pointerY(event) - pos[1];
		
			pos[0] += 10;
			if (Y < (zone.offsetHeight / 4))
				pos[1] += Math.round(zone.offsetHeight / 4) + 10;
			else if (Y < (zone.offsetHeight / 2))
				pos[1] += Math.round(zone.offsetHeight / 2) + 10;
			else if (Y < (zone.offsetHeight * 3 / 4))
				pos[1] += Math.round(zone.offsetHeight * 3 / 4) + 10;
			else
				pos[1] += -(Math.round(zone.offsetHeight / 4) + 10);
			break;
		case 'zone4':
			pos[0] += -(bulle.offsetWidth + 10);
			pos[1] += 10;
			break;
    }
  	  bulle.style.top = pos[1] + "px"; 
  	  bulle.style.left = pos[0] + "px";
  	  bulle.style.textAlign = "left";
    }
}

