// JavaScript Document
   
    //<![CDATA[

    var map ;
	var lines=[];
	var line=[];
function ajaxRequest(){
 var activexmodes=["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
 if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
  for (var i=0; i<activexmodes.length; i++){
   try{
    return new ActiveXObject(activexmodes[i])
   }
   catch(e){
    //suppress error
   }
  }
 }
 else if (window.XMLHttpRequest) // if Mozilla, Safari etc
  return new XMLHttpRequest()
 else
  return false
}		

			function ping(id){
					parent.objets.location="ping.php?pingName="+id;
					
			}
			function ActDir(id){
				
				parent.objets.location="noPage.php";
				var xhr=new ajaxRequest();
			
			
			
			xhr.onreadystatechange = function() {
				
				if(xhr.readyState == 4 && (xhr.status == 200 || window.location.href.indexOf("http")==-1)) {
					
					
						parent.objets.document.getElementById('secretDiv').innerHTML=xhr.responseText;
				}
			}

var parameters="id=" + id ;
xhr.open("POST", "active.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(parameters);
					
			}
    function load(latitude, longitude, zoom) {
		 var latitude=27.322779;
			var	longitude=-12.849722;
			var	zoom=8; 
		var zone=parent.head.document.getElementById('zone').value;
		 if(zone=='laayoune'){
				  latitude=27.160586;
				longitude=-13.2122;
				zoom=16; 
			   }
			   if(zone=='plage'){
				  latitude=27.056986;
				longitude=-13.424266;
				zoom=16; 
			   }
			   if(zone=='boucraa'){
				  latitude=27.160586;
				longitude=-13.2122;
				zoom=16; 
			   }
	 var i ;
      map = new google.maps.Map(document.getElementById("map"), {
       
		center: new google.maps.LatLng(latitude,longitude),
        zoom: zoom,
        mapTypeId: 'roadmap'
      });
	  				
      var infoWindow = new google.maps.InfoWindow;
      downloadUrl("word.php", function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName("place");
	    var armoire=[];
	  
	
		var point2=[]
		var address=[];
		var end=false;
		for (var i = 0; i < markers.length; i++) {
		
		armoire=[];
		
          var adress = markers[i].getAttribute("batiment"); 
          var type = markers[i].getAttribute("etage");
		 
        var  point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("latitude")),
              parseFloat(markers[i].getAttribute("longitude")));
			   var j=i+1;
			   
			   if(j<=markers.length && i!=markers.length && !end){
			  armoire.push(markers[i].getAttribute("marque"));
			   var model=markers[i].getAttribute("adresse");
			    var serie=markers[i].getAttribute("serie");
				var id=model;
		 
		 
		 armoire.push( ["<table align='center'><tr><td> Address:" + model +" </td><td> ",
    "<input type='button' id='map-go' value='PING' onclick=\"ping('"+id+"')\" /></td></tr></table>"].join(""));
			 
			  var boucle=true;
			 
			  while(j != markers.length && boucle){
			
			  	if(markers[i].getAttribute("idfils")== markers[j].getAttribute("idfils")){
				armoire.push(markers[j].getAttribute("marque"));
				 var model=markers[j].getAttribute("adresse");
				  var serie=markers[j].getAttribute("serie");
		 		var id=model;
				
		 
		  armoire.push( ["<table align='center'><tr><td>Address:"+ model +"</td><td>",
    "<input type='button' id='map-go' value='PING' onclick=\"ping('"+id+"')\" /></td></tr></table>"].join(""));
	  boucle=true; j++;
				  if(j>markers.length){
				  	end=true;
				  }
				}
			
				else{
				  
					i=j-1;
					
					boucle=false;
				}
				
					
		
		 
			 
			  }
			  var active = markers[i].getAttribute("idfils");
		var user	= [ "<table align='center'><tr><td>"  +active+  "</td><td><input type='button' id='map-go' value='Active directory'  onclick=\"ActDir('"+active+"')\" /></td></tr></table>"].join("");
			  armoire.push( user );
			
			 var  html = "<b>Emplacement : " + type + "</b> <br/>" + address +"<b><table>";
			 for(var g=0;g<armoire.length;g++){
				 
				 html+="<tr><td>"+armoire[g] +"</td></tr>" ;
			 }
			 html+="</table>";
			 
	
			 var icon1 = new google.maps.MarkerImage("img/armoire.png", null, null, null, new google.maps.Size(50, 50));
			 var marker = new google.maps.Marker({
            map: map,
            position: point,
            icon: icon1,
		title: type,
			draggable : false
         		 });
		


		 bindInfoWindow(marker, map, infoWindow, html);
			 }
			 }
			  var liens = xml.documentElement.getElementsByTagName("liens");
	   			
			 var point;
			 var points=[];
			 for(var i=0;i<liens.length;i++){
			 	point=[];
			 			
							
							point.push(liens[i].getAttribute("idlien"));
							point.push(liens[i].getAttribute("idfils"));
							point.push(liens[i].getAttribute("idparent"));
							var trouveFils=false;
							var trouveParent=false;
							var j=0;
							
							 while(!trouveFils && j<markers.length){
							 if(markers[j].getAttribute("idfils")==liens[i].getAttribute("idfils")){
							 	point.push(markers[j].getAttribute("latitude"));
								point.push(markers[j].getAttribute("longitude"));
								trouveFils=true;
							 }
							 
							 j++;
							 }
							 var j=0;
							 while(!trouveParent  && j<markers.length){
							 if(markers[j].getAttribute("idfils")==liens[i].getAttribute("idparent")){
							 	point.push(markers[j].getAttribute("latitude"));
								point.push(markers[j].getAttribute("longitude"));
								trouveParent=true;
							 }
							 
							 j++;
							 }
			 					
							
							var boolean=false;
							for(var x=0;x<points.length;x++){
								if((points[x][1]==point[1] && points[x][2]==point[2]) || (points[x][2]==point[1] && points[x][1]==point[2])){
									boolean=true;
								}
							}
							if(!boolean){
								points.push(point);
							}
							
							point=[];
					
				
			 }
			 
			 var tableauPointsPolyline;
			 var optionsPolyline;
			 var maPolyline;
			  for(var i=0;i<points.length;i++){
			 	
					tableauPointsPolyline=[];
					
					line.push(points[i]);
					
					 tableauPointsPolyline = [
					new google.maps.LatLng(points[i][3],points[i][4]),
					new google.maps.LatLng(points[i][5],points[i][6])
				];
				 optionsPolyline = {
				 
					map: map,
					strokeColor: 'cyan',
					path: tableauPointsPolyline
				};
				
				 maPolyline = new google.maps.Polyline(optionsPolyline);
				 line.push(maPolyline);
				lines.push(line);
				line=[];
				 
			 
			 }
			
			 
			 
        
		});
		
		
    }
	function bindInfoWindow(marker, map, infoWindow, html) {
      google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
      });
	  
	  
    }

    function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }

    function doNothing() {}
	function setColorLines(lignes){
	for(var j = 0; j < lines.length; j++){
	lines[j][1].setOptions({strokeColor:"#EEEE00"});
	}
		for(var i = 0; i < lignes.length; i++){
		for(var j = 0; j < lines.length; j++){
					
				if(lines[j][0][0]==lignes[i]){
					lines[j][1].setOptions({strokeColor:"#FF0000"});
						}
				
			}
			}	
	}
	function panne(id){
			
				preparerMatrice(lines,id,'LV5');
				
			}		
			function setColor(id){
			
				for(var i=0;i<lines.length;i++){
					lines[i][1].setOptions({strokeColor:"#EEEE00"});
					if(lines[i][0][0]==id){
						
						lines[i][1].setOptions({strokeColor:"#FF0000"});
					}		
				}
			}		
    //]]>