var openSelect = "";
document.onclick=check; 
function check(e){ 

	
	var target = (e && e.target) || (event && event.srcElement); 
	
	if(target.className != "selected" && target.className != "default selected"  && target.className != "default" ){	
		if( openSelect != ""){
			closeSelect(openSelect);	
			
		}
	}
} 
function closeSelect(id){	
	
	
	var divId = id.substr(3);
	var div = document.getElementById("spacer_" + divId);
	div.style.height = "0px";
		
	obj = document.getElementById(id);	
	obj.className = obj.className.replace(new RegExp(" selectOpen\\b"), '');	
	var lis = obj.getElementsByTagName('li');
	for (var i=0; i<lis.length; i++) {					
		/*
		if(lis[i].className != "default selected" && lis[i].className != "default"  ){
			lis[i].className='';
		}
		else{
			lis[i].className='default selected';
		}		
		*/
		lis[i].onclick = function() {
			if(this.parentNode.className != "selectReplacement selectOpen"){
				this.parentNode.className += ' selectOpen';
				div.style.height = "48px";
				if(openSelect != "" && openSelect != this.parentNode.id){				
					closeSelect(openSelect);
				}
			}
			openSelect = this.parentNode.id;
			selectMe(this);
		};	
	} 					
	openSelect = "";
}
function selectReplacement(obj) {
      obj.className += ' replaced';
      var ul = document.createElement('ul');
      ul.className = 'selectReplacement';
	  ul.id = "ul_" + obj.id;
	  
	  var newDiv = document.createElement("div");
	  newDiv.id = "spacer_" + obj.id;
	  newDiv.className = "spacer";	
	  
      var opts = obj.options;
      var selectedOpt = (!obj.selectedIndex) ? 0 : obj.selectedIndex;
      for (var i=0; i<opts.length; i++) {
        var li = document.createElement('li');
        var txt = document.createTextNode(opts[i].text);
		if(opts[i].disabled == true){
			li.className = "default";
		}
        li.appendChild(txt);
        li.selIndex = i;
        li.selectID = obj.id;
        li.onclick = function() {
          selectMe(this);
        };
        if (i == selectedOpt) {
			if(li.className != "default"){
          		li.className = 'selected';
			}
			else{
				li.className = 'default selected';
			}
        li.onclick = function() {
			if(openSelect != "" && openSelect != this.parentNode.id){		
			
				closeSelect(openSelect);	
				
			}
			this.parentNode.className += ' selectOpen';	
			
			newDiv.style.height = "48px";
			
			openSelect = this.parentNode.id;
            this.onclick = function() {
            selectMe(this);
			menusOpen = false;
            };
          };
        }
        if (window.attachEvent) {
          li.onmouseover = function() {
			  if(this.className != "default selected" && this.className != "default"  ){
            	this.className += ' hover';
			  }
          };
          li.onmouseout = function() {
            this.className = 
              this.className.replace(new RegExp(" hover\\b"), '');
          };
        }
        ul.appendChild(li);
      }
      obj.onfocus = function() {
        ul.className += ' selectFocused';		
      };
      ul.onblur = function() {
        ul.className = 'selectReplacement';
      };
      obj.onchange = function() {
        var idx = this.selectedIndex;
        selectMe(ul.childNodes[idx]);
      };
      obj.onkeypress = obj.onchange;
      obj.parentNode.insertBefore(ul,obj);
	  obj.parentNode.insertBefore(newDiv,obj);
    }
	function selectMe(obj) {
		
		var lis = obj.parentNode.getElementsByTagName('li');		
		
		
		for (var i=0; i<lis.length; i++) {
			
			if (lis[i] != obj) {				
				if(lis[i].className != "default selected" && lis[i].className != "default"  ){
					lis[i].className='';
				}
				else{
					lis[i].className='default';
				}
								
				lis[i].onclick = function() {
					selectMe(this);
				};
				
			} else {	
				
				if(lis[i].className != "default selected" && lis[i].className != "default" && lis[i].className != "selected"  ){
					
					setVal(obj.selectID, obj.selIndex);
					
					openSelect = "";
					obj.className='selected';
					obj.parentNode.className = obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');		
					
					
					var divId = obj.parentNode.id.substr(3);
					var div = document.getElementById("spacer_" + divId);
					div.style.height = "0px";
													
					obj.onclick = function() {
						if(obj.parentNode.className != "selectReplacement selectOpen"){
						openSelect = obj.parentNode.id;
							
						obj.parentNode.className += ' selectOpen';
						
						var divId = obj.parentNode.id.substr(3);
						var div = document.getElementById("spacer_" + divId);
						div.style.height = "48px";
						}						
					}	
				};
			}
		}
	}
function setVal(objID,val) {
  var obj = document.getElementById(objID);
  obj.selectedIndex = val;
}
function setForm() {
  var s = document.getElementsByTagName('select');
  for (var i=0; i<s.length; i++) {
	selectReplacement(s[i]);
  }
}

function doCheck(){

	/*  REMEMBER CATEGORY OF LONG RENT PAGE */
	if(window.location.hash != ""){
		hashString = window.location.hash.substring(1, window.location.hash.length);		
		makeLinksDynamic(hashString);
	}
}
function getElementsByClassName(needle) {
	var my_array = document.getElementsByTagName("*");
	var retvalue = new Array();
	var i;
	var j;
	for (i=0,j=0;i<my_array.length;i++) {
		var c = " " + my_array[i].className + " ";
		if (c.indexOf(" " + needle + " ") != -1) retvalue[j++] = my_array[i];
	}
	return retvalue;
}
function toggleCat(id){
	if(id == "all"){
			ret=getElementsByClassName("pand");
			for (j=0;j<ret.length;j++) {
				ret[j].style.display = "block";
			}
		}
	else{
		ret=getElementsByClassName("pand");
		for (j=0;j<ret.length;j++) {
			ret[j].style.display = "none";
		}
		
		ret=getElementsByClassName(id);
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "block";
		}				
	}
	window.location.hash = id;
	makeLinksDynamic(id);
}
function makeLinksDynamic(id){	
	
	/*  ADD HASH TO ALL DYNAMIC LINKS */
	
	ret=getElementsByClassName("dynamicLink");
	for (p=0;p<ret.length;p++) {		
		oldUrl = ret[p].href;
		hashIndex = oldUrl.indexOf("#");
		/*  CHECK TO SEE IF THERE ALREADY IS A HASH */
		if(hashIndex != -1){
			oldUrl = oldUrl.substring(0, hashIndex);
			ret[p].href = oldUrl + "#" + id;	
		}
		else{
			ret[p].href += "#" + id;	
		}
	}				
}
function loadCats(){
	if (window.location.hash != "" && window.location.hash != "#form" && window.location.hash.substring(0,4) != "#id=" && window.location.hash != "#" )
	{
		if(window.location.hash == "#all"){
			ret=getElementsByClassName("pand");
			for (j=0;j<ret.length;j++) {
				ret[j].style.display = "block";
			}
		}
		else{
			urlString = window.location.hash.substring(1, window.location.hash.length);	
			makeLinksDynamic(urlString);
			
			ret=getElementsByClassName("pand");
			for (j=0;j<ret.length;j++) {
				ret[j].style.display = "none";
			}
			
			ret=getElementsByClassName(urlString);
			for (k=0;k<ret.length;k++) {
				ret[k].style.display = "block";
			}				
			
			document.getElementById("radio_" + urlString).checked = true;
		}
	}	
}

var lastFoto = "foto1";
function showFoto(id){
	document.getElementById(lastFoto).style.display = "none";
	document.getElementById(id).style.display = "block";
	lastFoto = id;
}


	
function showLigging() {
var title = document.getElementById("title").value;
var adres = document.getElementById("adres").value;	
var lat = document.getElementById("lat").value;
var long = document.getElementById("long").value;		
var img = document.getElementById("img").value;		

var WINDOW_HTML = '<div id="googleMarker">' + img + '<b>' + title + '</b><br/>' + adres + '</div>';	
	
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(lat, long), 16);
		var marker = new GMarker(new GLatLng(lat, long));
		map.addOverlay(marker);
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(WINDOW_HTML);
		});
		marker.openInfoWindowHtml(WINDOW_HTML);			
	}
}


function loadNieuwpoort(){
	showMap();
	checkNews();
}

var ids = new Array();
var title = new Array();
var snippet = new Array();
var cat = new Array();
var lat = new Array();
var long = new Array();
var lees_meer = "";
var eecke_meer = "";
var parent;
var count;

function initMap(){
	
	parent = document.getElementById("coordinaten");
	count = (parent.getElementsByTagName("input").length)/6;
	
	for(var i =1;i<=count;i++){				
		ids[i] = document.getElementById("id_" + i).value;
		title[i] = document.getElementById("title_" + i).value;
		snippet[i] = document.getElementById("snippet_" + i).value;
		cat[i] = document.getElementById("cat_" + i).value;
		lat[i] = document.getElementById("lat_" + i).value;
		long[i] = document.getElementById("long_" + i).value;
	}    		
	lees_meer = document.getElementById("lees_meer").value;
	eecke_meer = document.getElementById("eecke_meer").value;
}

function showMap() {
	if(document.getElementById("map")){
		if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map"));
			map.setMapType(G_SATELLITE_MAP);
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(51.145956,2.712593), 14);
								
			var baseIcon = new GIcon(G_DEFAULT_ICON);
			baseIcon.iconSize = new GSize(26, 29);
			baseIcon.iconAnchor = new GPoint(13, 29);
			baseIcon.infoWindowAnchor = new GPoint(22, 4);
			baseIcon.shadow = "";
			
			var bigIcon = new GIcon(G_DEFAULT_ICON);
			bigIcon.iconSize = new GSize(52, 52);
			bigIcon.iconAnchor = new GPoint(26, 52);
			bigIcon.infoWindowAnchor = new GPoint(48, 4);
			bigIcon.shadow = "";
			
			var icon_event = new GIcon(baseIcon);
			icon_event.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_event.png";
			
			var icon_resto = new GIcon(baseIcon);
			icon_resto.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_resto.png";
			
			var icon_post = new GIcon(baseIcon);
			icon_post.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_post.png";
			
			var icon_bezien = new GIcon(baseIcon);
			icon_bezien.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_bezien.png";
			
			var icon_eecke = new GIcon(bigIcon);
			icon_eecke.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_eecke.png";
								
			for(var j =1;j<=count;j++){
				var locatie = new GLatLng(lat[j], long[j]);
				if(cat[j] ==  9){
					var marker = new GMarker(locatie, icon_event);							
					map.addOverlay(marker);	
					maakMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
				if(cat[j] ==  10){
					var marker = new GMarker(locatie, icon_resto);					
					map.addOverlay(marker);	
					maakMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
				if(cat[j] ==  11){
					var marker = new GMarker(locatie, icon_eecke);					
					map.addOverlay(marker);	
					maakSpecialMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
				if(cat[j] ==  12){
					var marker = new GMarker(locatie, icon_post);					
					map.addOverlay(marker);	
					maakMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
				if(cat[j] ==  13){
					var marker = new GMarker(locatie, icon_bezien);					
					map.addOverlay(marker);	
					maakMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
			}					
		}
		changeEntries("all");
	}
}

function changeMap(category) {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.setMapType(G_SATELLITE_MAP);
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(51.145956,2.712593), 14);
							
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.iconSize = new GSize(26, 29);
		baseIcon.iconAnchor = new GPoint(13, 29);
		baseIcon.infoWindowAnchor = new GPoint(22, 4);
		baseIcon.shadow = "";
		
		var icon_event = new GIcon(baseIcon);
		icon_event.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_event.png";
		
		var icon_resto = new GIcon(baseIcon);
		icon_resto.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_resto.png";
		
		var icon_bezien = new GIcon(baseIcon);
		icon_bezien.image = "http://customers.chilli.be/eecke/website/themes/site_themes/eecke/eecke/images/icon_bezien.png";
				
		
		
		for(var j =1;j<=count;j++){
			if(category == 9){
				if(cat[j] ==  9){
					var locatie = new GLatLng(lat[j], long[j]);
					var marker = new GMarker(locatie, icon_event);
					map.addOverlay(marker);	
					maakMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
			}
			if(category == 10){
				if(cat[j] ==  10){
					var locatie = new GLatLng(lat[j], long[j]);
					var marker = new GMarker(locatie, icon_resto);
					map.addOverlay(marker);	
					maakMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
			}	
			if(category == 13){
				if(cat[j] ==  13){
					var locatie = new GLatLng(lat[j], long[j]);
					var marker = new GMarker(locatie, icon_bezien);
					map.addOverlay(marker);	
					maakMarkerActief(marker,title[j],snippet[j],ids[j]);
				}
			}					
		}			
		changeEntries(category);					
	}
}

function maakMarkerActief(marker,title,snippet,ids){
		
	GEvent.addListener(marker, "mouseover", function() {
		marker.openInfoWindowHtml('<div id="googleMarker"><h3>' + title + '</h3><div>' + snippet + '</div><a onclick="showEntry(' + ids + ');changeMenu(\'\')">' + lees_meer + '..</a></div>');					
	});
	GEvent.addListener(marker, "click", function() {	
		showEntry(ids);
		changeMenu('');
	});		
}	
function maakSpecialMarkerActief(marker,title,snippet,ids){
		
	GEvent.addListener(marker, "mouseover", function() {
		marker.openInfoWindowHtml('<div id="googleMarker"><h3>' + title + '</h3><div>' + snippet + '</div><a href="../kantoor">' + eecke_meer + '..</a></div>');					
	});
	GEvent.addListener(marker, "click", function() {	
		window.location = "{path='kantoor'}";
	});		
}	
function showEntry(id){
	ret=getElementsByClassName("entry");
	for (k=0;k<ret.length;k++) {
		ret[k].style.display = "none";
	}
	
	window.location.hash = "id="+id;
	
	document.getElementById("entry_" + id).style.display = "block";
	document.getElementById("full_" + id).style.display = "block";
	document.getElementById("summary_" + id).style.display = "none";
	document.getElementById("pagination").style.display = "none";
	
}
var lastCat = "all";
function changeEntries(category){
	
	lastCat = category;
	if(category == "all"){
		ret=getElementsByClassName("entry");
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "block";
		}
		ret=getElementsByClassName("full");
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "none";
		}
		ret=getElementsByClassName("summary");
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "block";
		}
	}
	else{
		ret=getElementsByClassName("entry");
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "none";
		}
		ret=getElementsByClassName(category);
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "block";
		}
		ret=getElementsByClassName("full");
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "none";
		}
		ret=getElementsByClassName("summary");
		for (k=0;k<ret.length;k++) {
			ret[k].style.display = "block";
		}
	}		
	
	showPagination(category);
}
function naarOverzicht(){
	document.getElementById("pagination").style.display = "block";
	changeEntries(lastCat);
	/*
	if(lastCat == "all"){								
		changeMenu("algemeen");	 
	}
	if(lastCat == 9){								
		changeMenu("events");	 
	}
	if(lastCat == 10){								
		changeMenu("resto");	 
	}
	if(lastCat == 13){								
		changeMenu("bezien");	 
	}
	*/
}

var currentPage = 1;			
var pagLimit = 3;
var currentCat ="all";
var totalPosts = "";
var totalPages = "";

function showPagination(category){
	if(category == "all")
	{
		ret=getElementsByClassName("entry");
		totalPosts = ret.length;
		totalPages = Math.ceil(totalPosts/pagLimit);
		
		for (k=0;k<ret.length;k++) {					
			if(k < pagLimit){
				ret[k].style.display = "block";
			}
			else{
				ret[k].style.display = "none";
			}
		}
	}
	else{
		ret=getElementsByClassName(category);
		totalPosts = ret.length;
		totalPages = Math.ceil(totalPosts/pagLimit);
		
		for (k=0;k<ret.length;k++) {					
			if(k < pagLimit){
				ret[k].style.display = "block";
			}
			else{
				ret[k].style.display = "none";
			}
		}
	}
	currentCat = category;
	currentPage = 1;
	document.getElementById("previous").style.display = "none";
	document.getElementById("previous_dis").style.display = "inline";
	if(currentPage == totalPages){
		document.getElementById("next").style.display = "none";
		document.getElementById("next_dis").style.display = "inline";
	}	
	else{
		document.getElementById("next").style.display = "inline";
		document.getElementById("next_dis").style.display = "none";
	}
	document.getElementById("footer").style.height = "80px";
}
function nextPage(){
	var lowerlimit = pagLimit * currentPage;
	var upperlimit = pagLimit * (currentPage+1);
	
	if(currentCat == "all")
	{
		ret=getElementsByClassName("entry");
		for (k=0;k<ret.length;k++) {					
			if(k >= lowerlimit && k <= upperlimit-1 ){
				ret[k].style.display = "block";
			}
			else{
				ret[k].style.display = "none";
			}
		}
	}
	else{
		ret=getElementsByClassName(currentCat);
		for (k=0;k<ret.length;k++) {					
			if(k >= lowerlimit && k <= upperlimit-1 ){
				ret[k].style.display = "block";
			}
			else{
				ret[k].style.display = "none";
			}
		}
	}
	currentPage++;
	document.getElementById("previous").style.display = "inline";
	document.getElementById("previous_dis").style.display = "none";
	if(currentPage == totalPages){
		document.getElementById("next").style.display = "none";
		document.getElementById("next_dis").style.display = "inline";
	}	
	document.getElementById("footer").style.height = "80px";
}
function prevPage(){
	var lowerlimit = pagLimit * (currentPage-2);
	var upperlimit = pagLimit * (currentPage-1);
	
	if(currentCat == "all")
	{
		ret=getElementsByClassName("entry");
		for (k=0;k<ret.length;k++) {					
			if(k >= lowerlimit && k <= upperlimit-1 ){
				ret[k].style.display = "block";
			}
			else{
				ret[k].style.display = "none";
			}
		}
	}
	else{
		ret=getElementsByClassName(currentCat);
		for (k=0;k<ret.length;k++) {					
			if(k >= lowerlimit && k <= upperlimit-1 ){
				ret[k].style.display = "block";
			}
			else{
				ret[k].style.display = "none";
			}
		}	
	}
	currentPage--;				
	document.getElementById("next").style.display = "inline";
	document.getElementById("next_dis").style.display = "none";
	if(currentPage == 1){
		document.getElementById("previous").style.display = "none";
		document.getElementById("previous_dis").style.display = "inline";
	}
}
function checkNews(){
	if(document.location.hash != "" && document.location.hash != "#" && document.location.hash != "#form"){
		id = document.location.hash.substring(4, window.location.hash.length);	
		if(id != ""){
			showEntry(id);		
			changeMenu('');
		}
	}
}
function changeMenu(){
	// do nothing atm..	
}