var destids = Array();
var desttitles = Array();
var desttypes = Array();
function add(id, title, build, type) {
	destids.push(id);
	desttitles.push(title);
	desttypes.push(type);
	try {
		var n = document.getElementById('none'+type);
		if (n) document.getElementById("none"+type).removeNode(true);
		var o = document.getElementById('quicklistitems'+type);
		var node = document.createElement("li");
		var myid = "li"+id;
		node.id = myid;
		node.className = "sortList";
		node.innerHTML = '<div class="qldestination"><a href="#">'+title+'</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="remove(\''+id+'\', \''+type+'\'); return false;"><img src="/img/del.gif" width="7" height="9" border="0" alt="delete" title="delete" /></a></div>';
		o.insertBefore(node, o.firstChild)		
	
		new YAHOO.example.DDList("li"+id);
	}catch (e) {
		alert(e);
	}

//	if (build) buildCurTrayle();
}

/*
* Add multiples, | seperated
*/
function addMultiple(ids, titles, build, types) {
	var qtdestids = ids.split('|');
	var qtdesttitles = titles.split('|');
	var qtdesttypes = types.split('|');
	if (qtdestids.length != qtdesttitles.length) return false;
	for (var i = 0; i < qtdestids.length; i++) {	
		if (qtdestids[i] > 0) {
			add(qtdestids[i], qtdesttitles[i], false, qtdesttypes[i]);
		}
	}
}

function buildCurTrayle() {
	var d = document.getElementById('curtrayle');
	if (d) {
		var inner = '';
		if (desttitles.length == 0) inner = 'None yet!';
		for (var i = 0; i < desttitles.length ; i++) {
			inner += desttitles[i]+'&nbsp;<a href="#" onclick="remove('+i+', true); return false;">remove</a><br />';
		}
		d.innerHTML = inner;
	}
}

function remove(id, type) {
	for (var i = 0; i < destids.length; i++) {
		if (destids[i] == id && desttypes[i] == type) {
			destids.splice(i, 1);
			desttitles.splice(i, 1);
			desttypes.splice(i, 1);
			document.getElementById("li"+id).removeNode(true);
		}
	}	
}

function navigateQuickMap() {
	map.DetachEvent("onchangeview", navigateMap);
	map.AttachEvent("onchangeview", navigateQuickMap);
	try { 
		var zoomlevel = map.GetZoomLevel();
		var topleft = map.PixelToLatLong(0,0);
		var center = map.GetCenter();
		var bottomright = new VELatLong(center.Latitude + (center.Latitude - topleft.Latitude), center.Longitude + (center.Longitude - topleft.Longitude));
		Connect.setArgument("destination");
		var cObj = Connect.asyncRequest('GET', '/call/snippet/destinations.php?go=search&key=&ret=xml&top='+topleft.Latitude+'&left='+topleft.Longitude+'&bottom='+bottomright.Latitude+'&right='+bottomright.Longitude, doNavigateQuickMap, null);
	} catch (e) {
		alert(e.message);
	}
}
		
		
function doNavigateQuickMap(o, succes) {
//alert(o.responseText);
	try { 
		var type = o.argument;
		var conts = o.responseXML.getElementsByTagName("continent");
		locs = new Array;
		titles = new Array;
		descs = new Array;
		var ids = new Array;
		var webnames = new Array;
		var types = new Array;
		for (var i=0;i<conts.length;i++) {
			for (var j=0;j<conts[i].childNodes.length;j++) {
				if (conts[i].childNodes[j].tagName == "country") {
					for (var k=0;k<conts[i].childNodes[j].childNodes.length;k++) {
						if (conts[i].childNodes[j].childNodes[k].tagName == "destination") {
							if (type == 'destination') {
								var title = conts[i].childNodes[j].childNodes[k].getAttribute("name");
								var id = conts[i].childNodes[j].childNodes[k].getAttribute("id");
								var desc = getNodeValue(conts[i].childNodes[j].childNodes[k],'description');
					           	ids.push(id);					         
					           	locs.push(createCenterLatLong(conts[i].childNodes[j].childNodes[k].getAttribute('lat1'), conts[i].childNodes[j].childNodes[k].getAttribute('long1'), conts[i].childNodes[j].childNodes[k].getAttribute('lat2'), conts[i].childNodes[j].childNodes[k].getAttribute('long2')));
								titles.push(title);
								descs.push('<br /><a href="#" onclick="add(\''+id+'\', \''+title+'\', true, 1); return false;">Been there?</a><br /><a href="#" onclick="add(\''+id+'\', \''+title+'\', true, 3); return false;">Dream to go?</a><br />');
								//webnames.push(conts[i].childNodes[j].childNodes[k].getAttribute("webname"));
							} 
							for (var l=0;l<conts[i].childNodes[j].childNodes[k].childNodes.length;l++) {							
								if (conts[i].childNodes[j].childNodes[k].childNodes[l].tagName == "poi") {								
									type = 'poi';
									if (type == 'poi') {										
										var title = getNodeValue(conts[i].childNodes[j].childNodes[k].childNodes[l],'name')
										var desc = getNodeValue(conts[i].childNodes[j].childNodes[k].childNodes[l],'description');
							           	locs.push(new VELatLong(conts[i].childNodes[j].childNodes[k].childNodes[l].getAttribute('lat'),conts[i].childNodes[j].childNodes[k].childNodes[l].getAttribute('long')));
										titles.push(title);
										webnames.push(conts[i].childNodes[j].childNodes[k].childNodes[l].getAttribute('webname'));
										var typer = conts[i].childNodes[j].childNodes[k].childNodes[l].getAttribute('categoryTypeId');
										types.push(typer);
										descs.push(desc);
							        }
								}								
							}						
						}
					}
				}
			}
		}
		if (type == 'destination') {
			map.DeleteAllPushpins();	
		}
		for (var i = 0; i < locs.length; i++) {
			if (titles.length > i && descs.length > i) {
				if (type == 'poi') {
					//alert(types[i] + poiPins[types[i]-1]);
					if (!poiPins[types[i]-1].inArray(types[i]+'-'+i)) {
						AddPoiPin(types[i]+'-'+i, locs[i], titles[i], descs[i], types[i], webnames[i]);
						//alert(types[i] + poiPins[types[i]-1]);
						poiPins[types[i]-1].push(types[i]+'-'+i);
					}
				} else {					
					AddQuickPin(i, locs[i], titles[i], descs[i], '', ids[i]); 
				}
			}
		}
	} catch (e) {
		if (showCatchAlert) alert('(A)' + e.message);
	}
}		
		
function saveQuickTrayle() {
	if (destids.length < 1) {
		alert('Choose at least one destination');
		return false;
	}
	var val = '';	
	for (var i = 0; i < destids.length; i++) {
		val += destids[i]+'|';
	}
	document.quickmapForm.destids.value = val;
	var val = '';	
	for (var i = 0; i < desttypes.length; i++) {
		val += desttypes[i]+'|';
	}
	document.quickmapForm.desttypes.value = val;
	if (checkEmail(document.quickmapForm.email.value)) {
		document.quickmapForm.submit();	
	} else {
		alert('Fill in an email address');
		return false;
	}
}

function showQuickTrayle(userId, email, trayleTypeId, iframe, mapwidth, mapheight) {
	if (mapwidth != undefined && mapwidth != null) {
		globalMapwidth = mapwidth;
	} 
	if (mapheight != undefined && mapheight != null) {
		globalMapheight = mapheight;
	} 
	map.DetachEvent("onchangeview", navigateMap);
	map.DetachEvent("onchangeview", navigateQuickMap);
	clearTimeout(panTrayleTimeoutId);
	show("trayleslideshow");
	var call = '/call/xml/trayletree.php?go=quicktrayletree&userId='+userId+'&email='+email+'&trayleTypeId='+trayleTypeId;
	if (isSmallMap()) {
		call += '&latest=1';
	}
	//alert(call + globalMapheight + ' HENK ' + globalMapwidth + mapwidth + ' PIET ' + mapheight);
	Connect.setArgument('iframe');
	iframemap = iframe;	
	var cObj = Connect.asyncRequest('GET', call, setAdvDynamicXMLContent, null);
	var d = document.getElementById("maptraylediv");
	if (d && !isSmallMap()) {		
		d.style.display="inline";		
		var inner = '<strong>Show</strong><br /><br />';
		inner += '<a href="#" onClick="showQuickTrayle(\''+userId+'\', \''+email+'\', 1, '+iframe+');return false;" ><img src="/img/map/infobox/beenhere.gif" height="17" width="66" border="0" alt="been here" title="show quicktrayle" /></a><br />';
		inner += '<a href="#" onClick="showQuickTrayle(\''+userId+'\', \''+email+'\', 3, '+iframe+');return false;"><img src="/img/map/infobox/wanttogohere.gif" height="17" width="92" border="0" alt="want to go here" title="show quicktrayle" /></a><br />';
		d.innerHTML = inner;
	}
}


function buildQuickPopup(name, desc, webname, id) {
	var inner = '';	
	inner += '	<div id="quickmappicker" class="quickmappickerright">';
	inner += '		<div class="tuitleft">'+name+'</div>';
	inner += '		<div class="box">';
	inner += '			<a href="#" onClick="add(\''+id+'\', \''+name+'\', true, 1);return false;"><img src="/img/map/infobox/beenhere.gif" height="17" width="66" border="0" alt="been here" title="been here" /></a>';
	inner += '			<a href="#" onClick="add(\''+id+'\', \''+name+'\', true, 3);return false;"><img src="/img/map/infobox/wanttogohere.gif" height="17" width="92" border="0" alt="want to go here" title="want to go here" /></a>';
	inner += '		</div>';
	inner += '		<div class="tuitright">&nbsp;</div>';
	inner += '	</div>';
	return inner;
}