$(document).ready(function(){
	$("#uitschrijven").bind("click",function(){
		var arrIds = ["info_name_a","info_name_b","info_name_c","info_name_d"];
		if ($(this).get(0).checked){
			$(arrIds).each(function(key,value){
				$("#" + value).hide();
			});
		} else {
			$(arrIds).each(function(key,value){
				$("#" + value).show();
			});
		}
	});
	
	$("#inschrijven").bind("click",function(){
		var arrIds = ["info_name_a","info_name_b","info_name_c","info_name_d"];
		if ($(this).get(0).checked){
			$(arrIds).each(function(key,value){
				$("#" + value).show();
			});
		} else {
			$(arrIds).each(function(key,value){
				$("#" + value).hide();
			});
		}
	});
});

function swapimg(id,url,urlb){
	if (document.getElementById(id).src == url){
		document.getElementById(id).src = urlb;
		} else {
			document.getElementById(id).src = url;
			}
	}

function showhidecategorieinfo(id,linktext){
	var div = document.getElementById(id);
	var linktext = document.getElementById(linktext);
	if (div.style.display == "none"){
		div.style.display = "block";
		linktext.innerHTML = "Verberg extra info over \"De Vlaamse tuinaannemer < 250m2\"";
	} else {
		div.style.display = "none";
		linktext.innerHTML = "Toon extra info over \"De Vlaamse tuinaannemer < 250m2\"";
		}
}

function showhidecriteria(id,id2,linktext,linktext2){
	var div = document.getElementById(id);
	var linktext = document.getElementById(linktext);
	var div2 = document.getElementById(id2);
	var linktext2 = document.getElementById(linktext2);
	if (div.style.display == "none"){
		div.style.display = "block";
		div2.style.display = "none";
		linktext.innerHTML = "Verberg extra zoekcriteria";
		linktext2.innerHTML = "Toon de gevonden tuinaannemers op de kaart";
	} else {
		div.style.display = "none";
		linktext.innerHTML = "Voeg andere zoekcriteria toe";
		}
}

function showhidekaart(id,id2,linktext,linktext2){
	var div = document.getElementById(id);
	var linktext = document.getElementById(linktext);
	var div2 = document.getElementById(id2);
	var linktext2 = document.getElementById(linktext2);
	if (div.style.display == "none"){
		div.style.display = "block";
		div2.style.display = "none";
		linktext.innerHTML = "Verberg de kaart";
		linktext2.innerHTML = "Voeg andere zoekcriteria toe";
		
		// refresh the map
		if (typeof window.SE !== "undefined" && typeof window.SE.maps !== "undefined"){
			var map = window.SE.maps.mapObject;
			map.checkResize();
			
			// zoom to bounds:
		   var bounds = new GLatLngBounds();
		   var markers = window.SE.maps.config.initialMarkers;
		   for(var i=0,l=markers.length;i<l;i++){
				var point = new google.maps.LatLng(markers[i].lat,markers[i].lon);
				bounds.extend(point);
		   }
		   map.setZoom(map.getBoundsZoomLevel(bounds));
		   map.setCenter(bounds.getCenter());
		   
		   map.checkResize();
		}
	} else {
		div.style.display = "none";
		linktext.innerHTML = "Toon de gevonden tuinaannemers op de kaart";
		}
}

function clickclear(thisfield, defaulttext) {
	if (thisfield.value == defaulttext) {
		thisfield.value = "";
	}
}

function clickrecall(thisfield, defaulttext) {
	if (thisfield.value == "") {
		thisfield.value = defaulttext;
	}
}


/* Smooth scrolling
   Changes links that link to other parts of this page to scroll
   smoothly to those links rather than jump to them directly, which
   can be a little disorienting.
   
   sil, http://www.kryogenix.org/
   
   v1.0 2003-11-11
   v1.1 2005-06-16 wrap it up in an object
*/

var ss = {
  fixAllLinks: function() {
    // Get a list of all links in the page
    var allLinks = document.getElementsByTagName('a');
    // Walk through the list
    for (var i=0;i<allLinks.length;i++) {
      var lnk = allLinks[i];
      if ((lnk.href && lnk.href.indexOf('#') != -1) && 
          ( (lnk.pathname == location.pathname) ||
	    ('/'+lnk.pathname == location.pathname) ) && 
          (lnk.search == location.search)) {
        // If the link is internal to the page (begins in #)
        // then attach the smoothScroll function as an onclick
        // event handler
        ss.addEvent(lnk,'click',ss.smoothScroll);
      }
    }
  },

  smoothScroll: function(e) {
    // This is an event handler; get the clicked on element,
    // in a cross-browser fashion
    if (window.event) {
      target = window.event.srcElement;
    } else if (e) {
      target = e.target;
    } else return;

    // Make sure that the target is an element, not a text node
    // within an element
    if (target.nodeName.toLowerCase() != 'a') {
      target = target.parentNode;
    }
  
    // Paranoia; check this is an A tag
    if (target.nodeName.toLowerCase() != 'a') return;
  
    // Find the <a name> tag corresponding to this href
    // First strip off the hash (first character)
    anchor = target.hash.substr(1);
    // Now loop all A tags until we find one with that name
    var allLinks = document.getElementsByTagName('a');
    var destinationLink = null;
    for (var i=0;i<allLinks.length;i++) {
      var lnk = allLinks[i];
      if (lnk.name && (lnk.name == anchor)) {
        destinationLink = lnk;
        break;
      }
    }
    if (!destinationLink) destinationLink = document.getElementById(anchor);

    // If we didn't find a destination, give up and let the browser do
    // its thing
    if (!destinationLink) return true;
  
    // Find the destination's position
    var destx = destinationLink.offsetLeft; 
    var desty = destinationLink.offsetTop;
    var thisNode = destinationLink;
    while (thisNode.offsetParent && 
          (thisNode.offsetParent != document.body)) {
      thisNode = thisNode.offsetParent;
      destx += thisNode.offsetLeft;
      desty += thisNode.offsetTop;
    }
  
    // Stop any current scrolling
    clearInterval(ss.INTERVAL);
  
    cypos = ss.getCurrentYPos();
  
    ss_stepsize = parseInt((desty-cypos)/ss.STEPS);
    ss.INTERVAL =
setInterval('ss.scrollWindow('+ss_stepsize+','+desty+',"'+anchor+'")',10);
  
    // And stop the actual click happening
    if (window.event) {
      window.event.cancelBubble = true;
      window.event.returnValue = false;
    }
    if (e && e.preventDefault && e.stopPropagation) {
      e.preventDefault();
      e.stopPropagation();
    }
  },

  scrollWindow: function(scramount,dest,anchor) {
    wascypos = ss.getCurrentYPos();
    isAbove = (wascypos < dest);
    window.scrollTo(0,wascypos + scramount);
    iscypos = ss.getCurrentYPos();
    isAboveNow = (iscypos < dest);
    if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
      // if we've just scrolled past the destination, or
      // we haven't moved from the last scroll (i.e., we're at the
      // bottom of the page) then scroll exactly to the link
      window.scrollTo(0,dest);
      // cancel the repeating timer
      clearInterval(ss.INTERVAL);
      // and jump to the link directly so the URL's right
      location.hash = anchor;
    }
  },

  getCurrentYPos: function() {
    if (document.body && document.body.scrollTop)
      return document.body.scrollTop;
    if (document.documentElement && document.documentElement.scrollTop)
      return document.documentElement.scrollTop;
    if (window.pageYOffset)
      return window.pageYOffset;
    return 0;
  },

  addEvent: function(elm, evType, fn, useCapture) {
    // addEvent and removeEvent
    // cross-browser event handling for IE5+,  NS6 and Mozilla
    // By Scott Andrew
    if (elm.addEventListener){
      elm.addEventListener(evType, fn, useCapture);
      return true;
    } else if (elm.attachEvent){
      var r = elm.attachEvent("on"+evType, fn);
      return r;
    } else {
      alert("Handler could not be removed");
    }
  } 
}

ss.STEPS = 25;

ss.addEvent(window,"load",ss.fixAllLinks);




var imagePreviewCache = {};

this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("div.preview").hover(function(e){
		// fetch correct data:
		
		if (typeof window.imagePreviewCache[$(this).attr("id")] == "undefined") {
			if (typeof previewBaseUrl !== "undefined") {
				var url = previewBaseUrl + "/ref/" + $(this).attr("id");
				var id = $(this).attr("id");
				$.get(url,function(data){
					window.imagePreviewCache[id] = data;
					showImagePreview(data,e,xOffset,yOffset);
				});
			}
		} else {
			showImagePreview(window.imagePreviewCache[$(this).attr("id")],e,xOffset,yOffset);
		}
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("div.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

function showImagePreview (data,e,xOffset,yOffset) {
	/*
	this.t = this.title;
	this.title = "";	
	var c = (this.t != "") ? "<br/>" + this.t : "";
	*/
	
	var p = document.createElement('p');
	$(p).attr('id','preview');
	$(p).html(data);
	$("body").append($(p));
	$("#preview")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px")
		.fadeIn("fast");	
}


// starting the script on page load
$(document).ready(function(){
	imagePreview();
});