    Request.HTML.implement({
 
        processHTML: function(text){
            var match = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
            text = (match) ? match[1] : text;
           
            var container = new Element('div');
           
            return $try(function(){
                var root = '<root>' + text + '</root>', doc;
                if (Browser.Engine.trident){
                    doc = new ActiveXObject('Microsoft.XMLDOM');
                    doc.async = false;
                    doc.loadXML(root);
                } else {
                    doc = new DOMParser().parseFromString(root, 'text/html');
                }
                root = doc.getElementsByTagName('root')[0];
                for (var i = 0, k = root.childNodes.length; i < k; i++){
                    var child = Element.clone(root.childNodes[i], true, true);
                    if (child) container.grab(child);
                }
                return container;
            }) || container.set('html', text);
        }
   
    });

if ($('collectie_viewerbg'))
	$('collectie_viewerbg').setStyle('display','none');

if ($('collectie_viewer'))
	$('collectie_viewer').setStyle('display','none');

function openCollectie_viewer() {

	//Let's setup a full screen
	var screenWidth = document.documentElement.clientWidth;
	var screenHeight = document.documentElement.scrollHeight;
	var viewportHeight = document.documentElement.clientHeight;

	$('collectie_viewerbg').style.width = screenWidth + 'px';
	if (screenHeight < viewportHeight ) {
		$('collectie_viewerbg').style.height = viewportHeight + (viewportHeight - screenHeight) + 'px';
	} else {
		$('collectie_viewerbg').style.height = screenHeight + 'px';
	}

	var DivWidth        = 710;
    var DivHeight       = 600;

   	var DivLeft         = (screenWidth / 2) - (DivWidth /2);
  	var DivTop          = (viewportHeight / 2) - (DivHeight /2);

    $('collectie_viewer').style.left = DivLeft + 'px';
  	$('collectie_viewer').style.top  = DivTop + 'px';

  	$('collectie_viewerbg').style.display = 'block';
	$('collectie_viewer').style.display = 'block';
}

function closeCollectie_viewer() {
	if ($('collectie_viewerbg'))
		$('collectie_viewerbg').setStyle('display','none');
	if ($('collectie_viewerbg'))
		$('collectie_viewer').setStyle('display','none');
}
