/* Déclaration des variables pour le calcul d'itinéraire */
var NomSociete = 'Cabinet dentaire les Cyclades';
var Adresse = '59 rue du 8 mai';
var CodePostal = '63500';
var Ville = 'ISSOIRE';
var LatitudeDestination = '45.5440538';
var LongitudeDestination = '3.2406020';

/* Déclaration des variables globales */
var iconeRouge;
var maCarte;
var Cabinet;
var StreetView;
/* Fonction initialize() */
function initialize() {
/* Si le navigateur est compatible avec l'API de Google Maps ... */
if (GBrowserIsCompatible()) {
/*  Création des onglets  */

var infoTabs = [
/*	 Création d'un nouvel onglet dont le titre est "Onglet 1" et le contenu au format HTML est "<div style='width: 520px; height: 100px;'>Texte contenu dans l'onglet 1</div>" */
new GInfoWindowTab("Itinéraire", '<div style="width:300px; height:200px; border: 1px solid #ccc; text-align:center; background:#feddff; font: 14px \'trebuchet ms\',verdana, helvetica, sans-serif;">' +
'<br /><b>Indiquez votre adresse de départ ci-dessous : </b>' +
'<form action="http://maps.google.com/maps" method="get" target="_blank" style="margin:0;padding;0">' +
'<input type="text" name="saddr" id="saddr" value="" style="width:275px; height:20px; border:1px solid grey;" /><br /><br />' +
'<b>Adresse d\'arrivée : </b><br />'+NomSociete+'<br />'+Adresse+'<br />'+CodePostal+' '+Ville+'<br /><br />' +
'<input value="Calculez votre itinéraire avec Google Maps" type="submit">' +
'<input type="hidden" name="daddr" value="'+LatitudeDestination+','+LongitudeDestination+'"/>'+
'</form>' +
'</div>'),
/*	 Création d'un nouvel onglet dont le titre est "Onglet 2" et le contenu au format HTML est "<div style='width: 520px; height: 100px;'>Texte contenu dans l'onglet 2</div>" */
new GInfoWindowTab("StreetView", '<div id="EmplacementStreetView" style="width: 300px; height: 200px; text-align:center">Street View en cours de chargement ...</div>'),

];


/* ... Détermine les paramètres nécessaires pour la création de l'icône nommé "iconeRouge" ... */

var baseIcone = new GIcon();
baseIcone.iconSize=new GSize(12,20);
baseIcone.shadowSize=new GSize(20,22);
baseIcone.iconAnchor=new GPoint(6,20);
baseIcone.infoWindowAnchor=new GPoint(5,1);
iconeRouge = new GIcon(baseIcone, 'http://labs.google.com/ridefinder/images/mm_20_red.png', null, 'http://labs.google.com/ridefinder/images/mm_20_shadow.png');


/* ... Création d'un point, nommé "Cabinet", ayant pour latitude : 48.857865 et longitude : 2.295107 ... */
Cabinet = new GLatLng(45.5440538,3.2406020);

/* ... Création d'une nouvelle carte nommée "maCarte" qui s'affichera à l'intérieur de la balise <div> ayant pour identifiant id="EmplacementDeMaCarte" ... */
maCarte = new GMap2(document.getElementById("EmplacementDeMaCarte"));
/* ... La carte nommée "maCarte" est centrée sur la Latitude 47.341571, la Longitude 0.514233, avec un niveau de zoom égal à 13 ... */
maCarte.setCenter(Cabinet, 17);
//maCarte.setMapType(G_HYBRID_MAP);
maCarte.addControl(new GSmallMapControl());  
maCarte.addControl(new GMapTypeControl()); 

/* ... Création d'un nouveau, marqueur nommé "marqueur", ancré sur le point nommé "Cabinet" ... */
/* ... Ce marqueur est représenté par l'icône nommé "iconeRouge". Lorsqu'il est survolé par ... */
/* ... votre curseur le titre suivant "Cliquer sur le marqueur pour voir le panoramique" apparaît juste en dessous ... */
var marqueur = new GMarker(Cabinet, {icon: iconeRouge, title: "Cliquer sur le marqueur pour voir le Street View"});

//GEvent.addListener(marqueur, "click", function() {
/* ... On déclenche l'ouverture de l'info-bulle à onglet liée au marqueur ... */
/* ... nommé "monMarqueur" et dont le contenu est précisé dans "infoTabs" ... */
//marqueur.openInfoWindowTabsHtml(infoTabs);
//setTimeout("afficheStreetView();",3000);
//});



/* ... Un observateur d'événement est associé au marqueur nommé "marqueur" ... */
/* ... L'événement détecté est le "click" sur ce marqueur. ... */
/* ... Lorsqu'un "click" est détecté sur ce marqueur alors ... */
//GEvent.addListener(marqueur, 'click', function() {

/* ... Ouverture de l'info-bulle liée au marqueur nommé "marqueur", et dont le contenu sera "html" ... */
//marqueur.openInfoWindowTabsHtml(infoTabs);
/* ... Déclenche l'affichage du Street View dans l'info-bulle par appel ... */
/* ... de la fonction " afficheStreetView(); " après un délai d'attente de 3 secondes... */
//setTimeout("afficheStreetView();",3000);
//});

document.getElementById("EmplacementStreetView").innerHTML="";
/* Le Street View va venir s'afficher à l' intérieur de la balise <div> ayant pour identifiant id="EmplacementStreetView" */
StreetView = new GStreetviewPanorama(document.getElementById("EmplacementStreetView"));
/* yaw = angle de la caméra par rapport au Nord vrai : 0 - Ouest : 90 - Sud : 180 - Est : 270 */
/* pitch = angle de la caméra par rapport à la rue : vue horizontale : 0 - vue zénith : -90 - vue sol : 90 */
/* zoom = niveau de zoom à appliquer sur l'image du Street View */
var myPOV = {yaw:190,pitch:0,zoom:0};

/* Permet l'affichage du Street View sur le point "Cabinet" en lui appliquant les options de visualisation "myPOV" */
StreetView.setLocationAndPOV(Cabinet, myPOV);
/* S'il est impossible d'afficher le "StreetView", une erreur est générée et l'appel de la fonction "handleNoFlash" est déclenché */
GEvent.addListener(StreetView, "error", handleNoFlash);



maCarte.addOverlay(marqueur);
/* Si le navigateur n'est pas compatible avec l'API de Google Maps ... */
}else{
/* ... affichage du message "Désolé, mais votre navigateur n'est pas compatible avec Google Maps". */
alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
}
}



// désactiver pour affichage plus intuitif dans la page "Localisation"
/* Fonction afficheStreetView() */
function afficheStreetView(){
/* On efface le message d'attente affiché dans l'info-bulle */
document.getElementById("EmplacementStreetView").innerHTML="";
/* Le Street View va venir s'afficher à l' intérieur de la balise <div> ayant pour identifiant id="EmplacementStreetView" */
StreetView = new GStreetviewPanorama(document.getElementById("EmplacementStreetView"));
/* yaw = angle de la caméra par rapport au Nord vrai : 0 - Ouest : 90 - Sud : 180 - Est : 270 */
/* pitch = angle de la caméra par rapport à la rue : vue horizontale : 0 - vue zénith : -90 - vue sol : 90 */
/* zoom = niveau de zoom à appliquer sur l'image du Street View */
var myPOV = {yaw:190,pitch:0,zoom:0};
var Cabinet = new GLatLng(45.5440538,3.2406020);
/* Permet l'affichage du Street View sur le point "Cabinet" en lui appliquant les options de visualisation "myPOV" */
StreetView.setLocationAndPOV(Cabinet, myPOV);
/* S'il est impossible d'afficher le "StreetView", une erreur est générée et l'appel de la fonction "handleNoFlash" est déclenché */
GEvent.addListener(StreetView, "error", handleNoFlash);
}
 
/* Fonction handleNoFlash() */
function handleNoFlash(errorCode) {
alert(errorCode);
if (errorCode == FLASH_UNAVAILABLE) {
alert("Erreur : Flash n'est pas supporté par votre navigateur");
return;
}
}