function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
    obj.attachEvent( 'on'+type, obj[type+fn] );
  } else
    obj.addEventListener( type, fn, false );
}

var repositioning = false;
var reposition = 0;
function showcategory(id,imageperline) {
 _getElement('categorys_div').innerHTML="<table border='0' width='100%' height='100%'><tr><td align='center' valign='center' onclick='hideimage();'><img src='pictures/loading.gif' border='0'></td></tr></table>";
 FillDiv('categorys_div',"includes/oldalelem/galery.showitems.php?category="+id+"&imageperline="+imageperline, "<img src='pictures/loading.gif' border='0'>");
}

function repos(mode) {
 if (!repositioning) return;
 document.body.scrollTop = reposition;
 if (mode) setTimeout('repos()',1000);
}

function showimage(id) {
 var topplus = document.body.scrollTop;
 var body = document.getElementsByTagName('body')[0];
 _getElement('hiddenlayer').style.top    = topplus+'px';
 _getElement('hiddenlayer').style.height = body.clientHeight;
 _getElement('hiddenlayer').style.width  = body.clientWidth;
 _getElement('imagelayer').style.top    = topplus+'px';
 _getElement('imagelayer').style.height  = body.clientHeight;
 _getElement('imagelayer').style.width   = body.clientWidth;
 _getElement('imagelayer').innerHTML     = "<table border='0' width='100%' height='100%'><tr><td align='center' valign='center' onclick='hideimage();'><img src='pictures/loading.gif' border='0'></td></tr></table>";
 reposition = topplus; repositioning = true; repos(true);
 addEvent(window, 'scroll', function(event) { repos(false); } );
 FillDiv('imagelayer',"includes/oldalelem/galery.showimage.php?id="+id,_getElement('imagelayer').innerHTML);
}

function showimagebylink(link) {
 var topplus = document.body.scrollTop;
 var body = document.getElementsByTagName('body')[0];
 _getElement('hiddenlayer').style.top    = topplus+'px';
 _getElement('hiddenlayer').style.height = body.clientHeight;
 _getElement('hiddenlayer').style.width  = body.clientWidth;
 _getElement('imagelayer').style.top    = topplus+'px';
 _getElement('imagelayer').style.height  = body.clientHeight;
 _getElement('imagelayer').style.width   = body.clientWidth;
 _getElement('imagelayer').innerHTML     = "<table border='0' width='100%' height='100%'><tr><td align='center' valign='center' onclick='hideimage();'><img src='pictures/loading.gif' border='0'></td></tr></table>";
 reposition = topplus; repositioning = true; repos(true);
 addEvent(window, 'scroll', function(event) { repos(false); } );
 FillDiv('imagelayer',"includes/oldalelem/galery.showimage.php?lk="+link,_getElement('imagelayer').innerHTML);
}

function hideimage() {
 _getElement('hiddenlayer').style.top    = '0px';
 _getElement('hiddenlayer').style.height = '0px';
 _getElement('hiddenlayer').style.width  = '0px';
 _getElement('imagelayer').style.top     = '0px';
 _getElement('imagelayer').style.height  = '0px';
 _getElement('imagelayer').style.width   = '0px';
 _getElement('imagelayer').innerHTML     = "";
 repositioning = false;
}