var setOverlay = true;

var overlay = false;
var light;
var target;
var head;
var close;
var prev;
var next;
	
function lightbox() {
	var links = $('a[target^=popup]');
  
	if(overlay == false) {
		overlay = $(jQuery('<div id="overlay" style="display: none"></div>'));
	  	light = $(jQuery('<div id="lightbox" style="display: none"></div>'));
	  	target = $(jQuery('<div class="target" id="target"></div>'));
	  	head = $(jQuery("<h2></h2>"));
	  	close = $(jQuery('<div class="close"><a href="#close"><img src="/gfx/close.gif" alt="sluiten" title="sluiten"></a></div>'));
	  	prev = $(jQuery('<a href="#prev" class="prev">&laquo; Previous</a>'));
	  	next = $(jQuery('<a href="#next" class="next">Next &raquo;</a>'));
	
	  	$('body').append(overlay).append(light);
  	
		overlay.css('width', $(window).width());
		overlay.css('height', $(window).height());
		
		light.append(close);
		light.append(target);
		light.append(head);
  
  		overlay.add(light);
  
		close.click(function(c) {
    		c.preventDefault();
    		overlay.add(light).fadeOut('normal');
		});
		prev.add(next).click(function(c) {
    		c.preventDefault();
			var current = parseInt(links.filter('.selected').attr('lb-position'),10);
			var to = $(this).is('.prev') ? links.eq(current - 1) : links.eq(current + 1);
			if(!to.size()) {
			to = $(this).is('.prev') ? links.eq(links.size() - 1) : links.eq(0);
			}
			if(to.size()) {
			to.click();
			}
		});
	} else {
		setOverlay = false;
		
	}
	links.each(function(index) {
	    var link = $(this);
	    
	    link.click(function(c) {
			c.preventDefault();
			u = link.attr('href');
	      	if(u.indexOf("?") > 0) {
	      		u += "&x=1";
	    	} else {
	    		u += "?x=1";
	    	}
			open(u, link.attr('title'));
			links.filter('.selected').removeClass('selected');
			link.addClass('selected');
			return false;
	    });
    link.attr({'lb-position': index});
  });

  var open = function(url, t) {
  	if(light.is(':visible')) {
      light.hide();
      prev.hide();
      next.hide();
      //target.children().fadeOut('normal', function() {
        //target.children().remove();
        
        
      //});
      loadimage(url, t);
    } else {
		target.children().remove();
		//
		overlay.fadeIn(500, function() {;
			loadimage(url, t);
		});
      
    }
  }
  var loadimage = function(tmpUrl, t) {
    if(light.is('.loading')) { 
    	return; 
    }
    
    light.addClass('loading');
    $(light).css("zIndex", 10);
    //$(lightbox).css("height", "400px");
	
    w = 850;
    _top = 150 + $(document).scrollTop();
    _left = Math.round(($(window).width() - w - parseInt(light.css('padding-left'),10) - parseInt(light.css('padding-right'),10)) / 2);
    
    light.animate({'top': _top + 'px'},'normal', function() {
		light.css("left", _left + 'px');
		$(target).load(tmpUrl + "?y=1", false, function() {
			light.show();
			//v = $(this).html();
			//a = $("#other_reason").val() || $("#reason").val();
			//reg = /{reason}/ig;
			//$(this).html(v.replace(reg, a));
			lightbox();
		});
		
		light.removeClass('loading');
	 });
	
  }
}