// JavaScript Document

var map;
var xmlhttp = zXmlHttp.createRequest();


var selected=new Array();
function check(obj){
	if(!selected[obj.value]){
		selected[obj.value]=true;
	}else{
		selected[obj.value]=false;
	}
	loadItems();
}

function loadItems(){
	// chaine des id à chopper
	var s='';
	for(var o in selected){
		if(selected[o]){
			s=s+o+",";
		}
	}
	
	removeAll();
	
	var ac=Math.random()*10000;
	var urltocall="loadItems.php?ids="+s+"&ac="+ac;
	
	xmlhttp.open("get", urltocall, true);
	xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlhttp.onreadystatechange=function(){
		if (xmlhttp.readyState==4){
			if ( xmlhttp.responseText!= ""){
				var xmlDom  = zXmlDom.createDocument();
				//xmlDom.async = false;
				xmlDom.loadXML(xmlhttp.responseText);
				var r=xmlDom.documentElement;
										
				var items=r.getElementsByTagName("item");
				for(var i=0; i<items.length; i++){
					var id=items[i].getAttribute('id');
					var lat=items[i].getAttribute('lat');
					var lng=items[i].getAttribute('lng');
					var title=items[i].getAttribute('title');
					var url=items[i].getAttribute('url');
					var catid=items[i].getAttribute('catid');
					var img=items[i].getAttribute('img');
					map.addOverlay(createMarker(parseFloat(lat), parseFloat(lng), title, url, catid, img));
				}
			}
		}
	}
	xmlhttp.send(null);
	
	
}


function removeAll(){
	map.clearOverlays();
}

function createMarker(lat, lng, title ,url, catid, img){
	var latlng = new GLatLng(lat, lng);
	var mark=new GMarker(latlng);
	GEvent.addListener(mark,"click", function() {
        var myHtml = '<div class="info info'+catid+'">';
		myHtml+='<h1><a href="'+url+'">'+title+'</a><h1>';
		myHtml+='<img src="'+img+'" width="120" alt="'+title+'"/>';
		myHtml+='</div>';
       	map.openInfoWindowHtml(latlng, myHtml);
    });
	return(mark);
}

function resizeMap(){
	var m=document.getElementById("map");
	var w=document.documentElement.clientWidth;
	var h=document.documentElement.clientHeight;
	mapw=w-16-180-16-8;
	maph=h-16-16;

	m.style.width=mapw+"px";
	m.style.height=maph+"px";
	
	var menu=document.getElementById("menu");
	menuh=h-16-101-8;
	menu.style.height=menuh+"px";
	
}
function loadMap() {
	resizeMap();
	
  if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GOverviewMapControl());
	map.setCenter(new GLatLng(50.986942, 2.125894), 12);
  }
  showItem();
}

function toggle(id){
	var obj=document.getElementById(id);
	if(obj.className=="visible"){
		obj.className="hidden";
	}else{
		obj.className="visible";
	}
}

window.onresize=resizeMap;