var map;
var id;
var newZoom = 4;
var centLat = 62;
var centLng = 16;
var latlngs = [];
var no_courses;
var courses = [];
var color;
var color_id;

function plotPolylines() {
		
	//Get number of courses by taking highest course id 
 	for (i in points) {
		courses.push(points[i].course_id);
	}
	var no_courses = Math.max.apply(Math, courses);
	
	color_id = 0;
	id = 1;
	while (id <= no_courses) {
		
		//Set polyline color
		switch (color_id) {
			case 0:
				color = 'RED';		
				break
			case 1:
				color = 'GREEN';		
				break
			case 2:
				color = 'YELLOW';		
				break
			case 3:
				color = 'SILVER';		
				break
			case 4:
				color = 'GREY';		
				break
			case 5:
				color = 'WHITE';		
				break
			case 6:
				color = 'BLUE';		
				break
			case 7:
				color = 'BLACK';		
				break
//			case 8:
//				color = 'WHITE';		
//				break
//			case 9:
//				color = 'GOLD';		
//				break
//			case 10:
//				color = 'GREENYELLOW';		
//				break
			default:
				color = 'BLACK';
		}
		
		//Fetch all point with a course_id
		for(j in points) {
			if (points[j].course_id == id) {
				latlngs.push(new GLatLng(points[j].latitude,points[j].longitude));	
				
				function createMarker(point, j) {  
					var marker = new GMarker(point);   
					GEvent.addListener(marker, "click", function() {    
					 	courseLink = 'Bana: <a href="./view_course.php?lang=swe&course_id=' + points[j].course_id + '">' + points[j].name + '</a>';
						marker.openInfoWindowHtml(courseLink);
					});  
					return marker;
				}
				
				var point = new GLatLng(points[j].latitude,points[j].longitude);
				map.addOverlay(createMarker(point, j));		
			}
		}
		
		//Plot polyline
		var polyline = new GPolyline(latlngs,color,5,0.5);
		map.addOverlay(polyline);
		
		//Check polyline color index
		if (color_id == 7) {
		 	color_id = 0;
		}
		color_id++;
		id++;
		latlngs.length = 0;
	}
	
	request.send(null);
}

function init() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(centLat, centLng), newZoom,G_SATELLITE_MAP);
		map.enableDoubleClickZoom();
		map.enableContinuousZoom();
		 
		plotPolylines();
	}
}
 
window.onload = init;
window.onunload = GUnload;
