/* 	@author		Volodymyr Snigur
	Please use http://www.zoekplaats.nl/ for searching Netherlands cities
	Make an a screenshot of each city; create an action in Photoshop for 
	cropping to Netherland map (width: 331px; height: 388px;);
	create a list of X and Y coordinats for all cities.
	
	For used styles please see map.css
	
	For customizing for your project please change chooser () and map.html select options
 */

var leftpad = 20;	/*Please select the distance from left*/
var toppad = 20;	/*Please select the distance from top*/
var newWindow;

function hTitle(){
    }

var URLparam = "";

function viewer(cityItem){
	city = document.citySelectForm.cities.options[cityItem].text;
 	document.getElementById('divTitle').style.display='none';
	document.getElementById('puntD').style.display='block';
	chooser();
	URLparam = URL + baseURL[lang] + '?map=popup';

	linkTitle = "<a class='maplink' target='_blank' onclick='javascript:closeNewWindow();  makeNewWindow(URLparam);'><img src='/site/images/WhiteSpot.gif' width='10' height='10' ALT='' class='img'><br><span class='titleDiv'>&#160;" + 
	linkTitle + "&#160;</span></a>";		
    
	document.getElementById('puntD').innerHTML=linkTitle;
	document.getElementById('puntD').style.left = leftpad+X-15 + 'px';
	document.getElementById('puntD').style.top = toppad+Y-30 + 'px';		
		
	/*	
    if (document.all) {		
		puntD.innerHTML=linkTitle;				
		document.getElementById('puntD').style.left = leftpad+X-15 + 'px';
		document.getElementById('puntD').style.top = toppad+Y-30 + 'px';		
    }	   
  
	if (document.layers) {	
		document.puntL.document.write(linkTitle);
		document.puntL.document.close();
	}
	*/
}

function chooser() {
	switch(city) {
		case "SRS Beerse - Maatschappelijke zetel" : { X=273; Y=50; URL="srs_beerse_maatschappelijk"; linkTitle="SRS Beerse - Maatschappelijke zetel"; break; }
		case "SRS Beerse (gevaarlijk afval)" : { X=261; Y=55; URL="srs_beerse_gevaarlijk"; linkTitle="SRS Beerse (gevaarlijk afval)"; break; }
		case "SRS Brugge" : { X=64; Y=67; URL="srs_brugge"; linkTitle="SRS Brugge"; break; }
		case "SRS Brussels" : { X=209; Y=123; URL="srs_brussels"; linkTitle="SRS Brussels"; break; }
		case "SRS Gent" : { X=136; Y=98; URL="srs_gent"; linkTitle="SRS Gent"; break; }
		case "Sita Henri" : { X=292; Y=125; URL="sita_henri"; linkTitle="Sita Henri"; break; }
		case "SRS Izegem" : { X=74; Y=132; URL="srs_izegem"; linkTitle="SRS Izegem"; break; }
		case "SRS Maasmechelen" : { X=370; Y=109; URL="srs_maasmechelen"; linkTitle="SRS Maasmechelen"; break; }
		case "SRS Tongeren" : { X=344; Y=128; URL="srs_tongeren"; linkTitle="SRS Tongeren"; break; }
		case "SWA Awans" : { X=331; Y=165; URL="swa_awans"; linkTitle="SWA Awans"; break; }
		case "SWA Chievres" : { X=141; Y=163; URL="swa_chievres"; linkTitle="SWA Chi&#232;vres"; break; }
		case "SWA Estaimpuis" : { X=82; Y=161; URL="swa_estaimpuis"; linkTitle="SWA Estaimpuis"; break; }
		case "SWA Etalle" : { X=376; Y=356; URL="swa_etalle"; linkTitle="SWA Etalle"; break; }
		case "SWA Grace-Hollogne" : { X=349; Y=162; URL="swa_grace_hollogne"; linkTitle="SWA Gr&#226;ce-Hollogne"; break; }
		case "SWA Habay-la-Neuve" : { X=376; Y=334; URL="swa_habay_la_neuve"; linkTitle="SWA Habay-la-Neuve"; break; }
		case "SWA Herstal" : { X=378; Y=160; URL="swa_herstal"; linkTitle="SWA Herstal"; break; }
		case "SWA Jumet (gevaarlijk afval)" : { X=220; Y=195; URL="swa_jumet"; linkTitle="SWA Jumet (gevaarlijk afval)"; break; }
		case "SWA Sombreffe" : { X=260; Y=198; URL="swa_sombreffe"; linkTitle="SWA Sombreffe"; break; }
		case "SWA Tenneville" : { X=345; Y=314; URL="swa_tenneville"; linkTitle="SWA Tenneville"; break; }
		case "Corvers Recycling" : { X=338; Y=103; URL="corvers_recycling"; linkTitle="Corvers Recycling"; break; }
		case "Econatie" : { X=218; Y=43; URL="econatie"; linkTitle="Econatie"; break; }
		case "SITA Archives" : { X=216; Y=74; URL="sita_archives"; linkTitle="SITA Archives"; break; }
		case "SITA Recycling Center" : { X=225; Y=132; URL="sita_recycling_center"; linkTitle="SITA Recycling Center"; break; }
		
		case "SVP De Meuter" : { X=234; Y=139; URL="svp_de_meuter"; linkTitle="SVP De Meuter"; break; }
		
		
		/*
		case "Amsterdam" : { X=120; Y=161; URL="amsterdam"; linkTitle="Amsterdam"; break; }
		case "Dordrecht" : { X=100; Y=238; URL="dordrecht"; linkTitle="Dordrecht"; break; }
		case "Duiven" : { X=212; Y=219; URL="duiven"; linkTitle="Duiven"; break; }
		case "Helmond" : { X=180; Y=286; URL="helmond"; linkTitle="Helmond"; break; }
		case "Hengelo" : { X=275; Y=175; URL="hengelo"; linkTitle="Hengelo"; break; }
		case "Roosendaal" : { X=85; Y=274; URL="roosendaal"; linkTitle="Roosendaal"; break; }
		case "Soesterberg" : { X=152; Y=186; URL="soesterberg"; linkTitle="Soesterberg"; break; }
		case "Utrecht" : { X=130; Y=196; URL="utrecht"; linkTitle="Utrecht"; break; }
		case "Veendam" : { X=276; Y=61; URL="veendam"; linkTitle="Veendam"; break; }
		case "Almere" : { X=148; Y=153; URL="almere"; linkTitle="Almere"; break; }
		case "Almelo" : { X=269; Y=164; URL="almelo"; linkTitle="Almelo"; break; }
		case "Amersfoort" : { X=158; Y=184; URL="amersfoort"; linkTitle="Amersfoort"; break; }
		case "Apeldoorn" : { X=190; Y=173; URL="apeldoorn"; linkTitle="Apeldoorn"; break; }
		case "Arnhem" : { X=200; Y=212; URL="arnhem"; linkTitle="Arnhem"; break; }
		case "Delft" : { X=75; Y=208; URL="delft"; linkTitle="Delft"; break; }
		case "Doetinchem" : { X=235; Y=213; URL="doetinchem"; linkTitle="Doetinchem"; break; }
		case "Emmen" : { X=281; Y=120; URL="emmen"; linkTitle="Emmen"; break; }
		case "Gorkum" : { X=124; Y=229; URL="gorkum"; linkTitle="Gorkum"; break; }
		case "Groningen" : { X=255; Y=45; URL="groningen"; linkTitle="Groningen"; break; }
		case "Harderwijk" : { X=180; Y=161; URL="harderwijk"; linkTitle="Harderwijk"; break; }
		case "Heerenveen" : { X=220; Y=72; URL="heerenveen"; linkTitle="Heerenveen"; break; }
		case "Hoorn" : { X=131; Y=121; URL="hoorn"; linkTitle="Hoorn"; break; }
		case "Kapelle (ZL)" : { X=44; Y=278; URL="kapelle"; linkTitle="Kapelle (ZL)"; break; }
		case "Leeuwarden" : { X=193; Y=43; URL="leeuwarden"; linkTitle="Leeuwarden"; break; }
		case "Leusden" : { X=170; Y=190; URL="leusden"; linkTitle="Leusden"; break; }
		case "Maastricht" : { X=185; Y=361; URL="maastricht"; linkTitle="Maastricht"; break; }
		case "Rotterdam" : { X=84; Y=215; URL="rotterdam"; linkTitle="Rotterdam"; break; }
		case "Schiedam" : { X=78; Y=215; URL="schiedam"; linkTitle="Schiedam"; break; }
		case "Terneuzen" : { X=21; Y=299; URL="terneuzen"; linkTitle="Terneuzen"; break; }
		case "Veendendaal" : { X=175; Y=202; URL="veendendaal"; linkTitle="Veendendaal"; break; }
		case "Venlo" : { X=222; Y=292; URL="venlo"; linkTitle="Venlo"; break; }
		case "Vijfhuizen" : { X=112; Y=164; URL="vijfhuizen"; linkTitle="Vijfhuizen"; break; }
		case "Waalwijk" : { X=133; Y=247; URL="waalwijk"; linkTitle="Waalwijk"; break; }
		case "Weurt" : { X=195; Y=225; URL="weurt"; linkTitle="Weurt"; break; }
		case "Wijchen" : { X=180; Y=230; URL="Wijchen"; linkTitle="Wijchen"; break; }
		case "Zuidwolde" : { X=251; Y=125; URL="zuidwolde"; linkTitle="Zuidwolde"; break; }*/
	}
}

 function showTitle(objID, width, height)
 {
	document.getElementById('puntD').style.display='none';
	document.getElementById(objID).style.display='block';
    var offsetleft = document.getElementById('mainTable').offsetLeft;
	document.getElementById(objID).style.left =offsetleft+ 86 + width + leftpad-15 + 'px';
	document.getElementById(objID).style.top = 225+height + toppad+30  + 'px';
 }


function hiddenTitle(objID){
	 document.getElementById(objID).style.display='none';
}

function createLink(divObjID, objID){
	linkTitle = "<a class='maplink'  target='_self' " + "href=javascript:closeNewWindow();makeNewWindow('" + objID + baseURL[lang] + "?map=popup')" + ">&#160;" + document.getElementById(objID).alt + "&#160;</a>";
	document.getElementById(divObjID).innerHTML=linkTitle;
}
	
function createText(divObjID, objID){
	linkTitle = "<a target='_self' class='maplink'" + "href=javascript:closeNewWindow();makeNewWindow('" + objID + baseURL[lang] + "?map=popup')" + "><span class='maplink'>&#160;" + document.getElementById(objID).alt + "&#160;</span>&#160;</a>";
	document.getElementById(divObjID).innerHTML=linkTitle;
}

function formatedLink(objID, divObjID){
	linkTitle = "<a class='maplink' target='_blank' href='" + objID + baseURL[lang] +"?map=popup'><span class='cityTitle'>&#160;" + document.getElementById(objID).alt + "&#160;</span></a>";
	divObjID.innerHTML=linkTitle;
}

function makeNewWindow(pageURL){
    var positionTD = document.getElementById('top-left');
    var popupTop;
    var popupLeft;

    if (positionTD.offsetLeft && positionTD.offsetTop)
    {
        popupTop = positionTD.offsetTop + 82;
        popupLeft = positionTD.offsetLeft + 5;
    }
    else
    {
        popupTop = 198;
        popupLeft = 220;
    }
    
   
    newWindow = window.open(pageURL,'newWindow', "toolbar=0, menubar=0, resizable=0, width=150, height=150, scrollbars=1, top=" + popupTop + ", left=" + popupLeft + "");
}

function closeNewWindow(){
    if (newWindow) newWindow.close();
}

var baseURL = {
	"nl" : "_nl.html",
	"en" : "_en.html",
	"fr" : "_fr.html"
}