function downl2( link ) {
        
      var app4 = document.getElementById('mat').style;
      var app5 = document.getElementById('dlpopup').style;

      if (app4.display == "block") {
        app4.display = "none";
	      app5.display = "none";
        frames[('dlpopup')].location.href='empty.html';
      } else {
        hide_img_preview();
	      document.getElementById('realpopup').style.marginTop = document.body.scrollTop + 50;
        app4.display = "block";
	      app5.display = "block";
  
        if( !link ) link = active_img_link;
        frames[('dlpopup')].location.href=[link];
      }
}

window.onload = init;
function init() {
	if (window.Event) {
	document.captureEvents(Event.MOUSEMOVE);
	}
	document.onmousemove = getCursorXY;
}

var x;
var y;
var preview_img_position = new Array();
var preview_img_active = 0;
var active_img_link;

function getCursorXY(e) {
	x = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
	y = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

  if( preview_img_active == 1 ){
    if( x < preview_img_position['x1'] || x > preview_img_position['x2'] || y < preview_img_position['y1'] || y > preview_img_position['y2'] ) hide_img_preview();
  }
}


function show_img_preview( obj, img_width, img_height, filename, link ){
  if( preview_img_active == 0 ){
    
    var this_position = findPos( obj );
    var img_preview = document.getElementById( 'img_preview' );
    
    
    preview_img_position['x1'] = this_position[0];
    preview_img_position['y1'] = this_position[1];
    preview_img_position['x2'] = this_position[0] + obj.offsetWidth;
    preview_img_position['y2'] = this_position[1] + obj.offsetHeight;    
    preview_img_active = 1;
    active_img_link = link;
    
    img_preview.style.marginTop = preview_img_position['y1'] + (obj.offsetHeight/2) - (img_height/2);
    img_preview.style.marginLeft = preview_img_position['x1'] + (obj.offsetWidth/2) - (img_width/2);
    img_preview.innerHTML = "<img style=\"border: #aaaaaa 6px solid;\" onClick=downl2();" + " src=" + filename + " width=" + img_width + " height=" + img_height + ">";
    img_preview.style.width = img_width+12;
    img_preview.style.height = img_height+12;
    img_preview.style.position = 'absolute';
    img_preview.style.display = "block";
  }
} 

function show_img_preview2( obj, img_width, img_height, filename, link, popis ){
  if( preview_img_active == 0 ){
    
    var this_position = findPos( obj );
    var img_preview = document.getElementById( 'img_preview' );
    
    
    preview_img_position['x1'] = this_position[0];
    preview_img_position['y1'] = this_position[1];
    preview_img_position['x2'] = this_position[0] + obj.offsetWidth;
    preview_img_position['y2'] = this_position[1] + obj.offsetHeight;    
    preview_img_active = 1;
    active_img_link = link;
    
    img_preview.style.marginTop = preview_img_position['y1'] + (obj.offsetHeight/2) - (img_height/2);
    img_preview.style.marginLeft = preview_img_position['x1'] + (obj.offsetWidth/2) - (img_width/2);
    img_preview.innerHTML = "<a href=\"" + link + "\"><img style=\"border: #aaaaaa 6px solid;\" " + " src=" + filename + " width=" + img_width + " height=" + img_height + "></a><br><div width=" + (img_width+12) + " style=\"BACKGROUND-COLOR: #FBF7D2; color: #000000; padding: 5px;\">" + popis + "</div>";
    img_preview.style.width = img_width+12;
    img_preview.style.height = img_height+12;
    img_preview.style.position = 'absolute';
    img_preview.style.display = "block";
  }
} 

function hide_img_preview( ){
  document.getElementById( 'img_preview' ).style.display = "none";
  preview_img_active = 0;
} 

function findPos(obj) {
	var curleft = 0; 
	var curtop = 0;
	if (obj.offsetParent) {
  	do {
  			curleft += obj.offsetLeft;
  			curtop += obj.offsetTop;
  	} while (obj = obj.offsetParent);
  }
	return [curleft,curtop];
}