function showimage(url, width, height, descr) {
var content = '<div id="imagebox" style="display: none;"><img src="'+url+'" id="image" alt="" /><div style="width: '+width+'px;">'+descr+'</div><a href="#" onclick="closeimage();return false">schließen</a></div>';
var overlay = '<div id="overlay" style="display: none;"></div>';
Element.insert('main', content);
Element.insert('main', { after: overlay });
var client = {
  viewportWidth: function() {
    return self.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth);
  },

  viewportHeight: function() {
    return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
  },

  viewportSize: function() {
    return { width: this.viewportWidth(), height: this.viewportHeight() };
  }
};
//var viewportWidth = client.viewportWidth();
//var viewportHeight = client.viewportHeight();
var arrayPageSize = this.getPageSize();
var viewportWidth = arrayPageSize[0];
var viewportHeight = arrayPageSize[1];
//var videoWidth = $('imagebox').getWidth();
//var videoHeight = $('imagebox').getHeight();
var videoWidth = width+20;
var videoHeight = height+45;

var top = (viewportHeight/2-videoHeight/2)+'px';
var left = (viewportWidth/2-videoWidth/2)+'px';

$('imagebox').setStyle({
top: top,
left: left
});
$('overlay').setStyle({
width: viewportWidth+'px',
height: viewportHeight+'px'
});
Effect.Appear('overlay', { duration: 0.3, from: 0.0, to: 0.7 });
if(Effect.Appear('imagebox', { duration: 0.3 })) {
//Effect.Grow('videoplayer', { duration: 0.5 });
//Effect.Grow('prevideo', { duration: 0.5 });
//window.setTimeout("insertplayer('"+format+"', "+videowidth+", "+videoheight+", '"+video+"')", 500);
}

return false;
}

function closeimage(action) {
if(action != 'remove') {
Effect.Appear('overlay', { duration: 0.3, from: 0.7, to: 0.0 });
Effect.Appear('imagebox', { duration: 0.3, from: 1.0, to: 0.0 });
window.setTimeout("closeimage('remove')", 300);
}
else {
$('imagebox').remove();
$('overlay').remove();
}
}

function getPageSize() {

             var xScroll, yScroll;

                if (window.innerHeight && window.scrollMaxY) {
                        xScroll = window.innerWidth + window.scrollMaxX;
                        yScroll = window.innerHeight + window.scrollMaxY;
                } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
                        xScroll = document.body.scrollWidth;
                        yScroll = document.body.scrollHeight;
                } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
                        xScroll = document.body.offsetWidth;
                        yScroll = document.body.offsetHeight;
                }

                var windowWidth, windowHeight;

                if (self.innerHeight) {        // all except Explorer
                        if(document.documentElement.clientWidth){
                                windowWidth = document.documentElement.clientWidth;
                        } else {
                                windowWidth = self.innerWidth;
                        }
                        windowHeight = self.innerHeight;
                } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                        windowWidth = document.documentElement.clientWidth;
                        windowHeight = document.documentElement.clientHeight;
                } else if (document.body) { // other Explorers
                        windowWidth = document.body.clientWidth;
                        windowHeight = document.body.clientHeight;
                }

                // for small pages with total height less then height of the viewport
                if(yScroll < windowHeight){
                        pageHeight = windowHeight;
                } else {
                        pageHeight = yScroll;
                }

                // for small pages with total width less then width of the viewport
                if(xScroll < windowWidth){
                        pageWidth = xScroll;
                } else {
                        pageWidth = windowWidth;
                }

                return [pageWidth,pageHeight];
        }

function toggleText(id) {
if($('text_'+id+'_div').getStyle('display') == 'none') {
Effect.BlindDown('text_'+id+'_div', { duration: 0.5 });
}
else {
Effect.BlindUp('text_'+id+'_div', { duration: 0.5 });
}
}

function showtext(id) {
Effect.BlindDown('text_'+id+'_div', { duration: 0.5 });
//$('text_'+id+'_more').setStyle({
//display: 'none'
//});
return false;
}

function hidetext(id) {
Effect.BlindUp('text_'+id+'_div', { duration: 0.5 });
//$('text_'+id+'_more').setStyle({
//display: 'inline'
//});
return false;
}