// JavaScript Document

function openMap() {
	window.open ("/en/CVA_boundary_map.html",
"CVAMap","status=0,toolbar=0,location=0,menubar=0,resizable=0,scrollbars=0,width=780,height=590,directories=0"); 
}

function zoomOnCamera(cameraID) {
	var cameraDetails = Object(details[cameraID]);
	var zoomImage = cameraDetails.image;
	var zoomText = cameraDetails.txt;
	var img = document.getElementById("zoomImage");
	var txt = document.getElementById("zoomText");
	var loading = document.getElementById("loadingIcon");
	loading.style.display = "";
	img.src = zoomImage;
	img.style.display = "none";
	img.onload = function() {
		this.style.display = "";
		loading.style.display = "none";
	}
	txt.innerHTML = zoomText;
	
	showMap = true;
}
function hideZoom() {
	showMap = false;
}
function checkMouseOnCamera(e) {
	var mouseX = getMouseX(e);
	var mouseY = getMouseY(e);
	var windowW = 780;
	var windowH = 590;
	var zoomMapWidth = 402;
	var zoomMapHeight = 326;
	var marginX = 20;
	var marginY = 20;
	var zoomedMap = document.getElementById("zoomMap");
	if (showMap) {
		zoomedMap.style.width = "398px";
		var newX = mouseX;
		var newY = mouseY;
		if (mouseX < (windowW/2)) {
			newX += marginX;
		}
		else
		{
			newX -= (marginX + zoomMapWidth);
		}
		if (mouseY < (windowH / 2)) {
			newY += marginY;
		}
		else
		{

			newY -= (marginY + zoomMapHeight);
		}
		if (newX + zoomMapWidth > windowW) {
			newX = windowW - zoomMapWidth;
		}else if (newX < 0) {
			newX = 0
		}
		if (newY + zoomMapHeight > windowH) {
			newY = windowH - zoomMapHeight;
		} else if (newY < 0) 
		{
			newY = 0;
		}
		
		zoomedMap.style.display = "";
		zoomedMap.style.left = newX + "px";
		zoomedMap.style.top = newY + "px";
	}
	else
	{
		zoomedMap.style.display = "none";
	}
	
}
function initMapMouse() {
	//Set details
	details = new Array();


	
	
	var camera = new Object();
	//0
	camera.image = "/images/maps/camera1.jpg";
	camera.txt = "Triq il-Lancia";
	details.push(camera);
	//1
	var camera = new Object();
	camera.image = "/images/maps/camera2.jpg";
	camera.txt = "Marsamxett Street";
	details.push(camera);
	//2
	var camera = new Object();
	camera.image = "/images/maps/camera3.jpg";
	camera.txt = "English Curtain";
	details.push(camera);
	//3
	var camera = new Object();
	camera.image = "/images/maps/camera4.jpg";
	camera.txt = "Mediterranean Street";
	details.push(camera);
	//4
	var camera = new Object();
	camera.image = "/images/maps/camera5.jpg";
	camera.txt = "Victoria Gate";
	details.push(camera);
	//5
	var camera = new Object();
	camera.image = "/images/maps/camera6.jpg";
	camera.txt = "St Paul's Street";
	details.push(camera);
	//6
	var camera = new Object();
	camera.image = "/images/maps/camera7.jpg";
	camera.txt = "Pope Pius V Street";
	details.push(camera);

		
	
	
	//Set Mouse Move
	showMap = false;
	document.onmousemove = checkMouseOnCamera;
}
function initFAQs() {
	currSelected = null;
}
function openFAQ(num) {


		currSelected = num;
		var FAQ_text = document.getElementById("faq_"+currSelected);
		var FAQ_link = document.getElementById("faq_link_"+currSelected);
		
		if (FAQ_text.style.display == "") {

			collapseFAQ(num);
		}
		else{
			FAQ_link.className = "list_selected"
			FAQ_text.style.display = "";
		}
}
function collapseFAQ(num) {
	var FAQ_text = document.getElementById("faq_"+num);
	var FAQ_link = document.getElementById("faq_link_"+num);
	FAQ_link.className = "list"
	FAQ_text.style.display = "none";
}
