function getDocumentHeight()
{
	return (document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
}

function hide_window(id)
{
 	document.getElementById(id).style.display = "none";
  	lock_screen(false);
}
  
function view_window(id)
{
  	document.getElementById(id).style.marginTop  =  (document.body.scrollTop)  + 'px';
  	document.getElementById(id).style.display = "block";
  	lock_screen(true);
}

function lock_screen(value)
{
    if(value)
    {
     document.getElementById('lock').style.height = getDocumentHeight()+'px';
     document.getElementById('lock').style.display = "block";     
    }
    else
    {
     document.getElementById('lock').style.display = "none";
    }
 }

function view(pic_url)
{
   document.getElementById('view_pic').innerHTML = '<table cellspacing=\"0\" cellpadding=\"0\" border=0 width=\"570\"  id="otstup"><tr><td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"534\"  align=\"center\"><tr><td id=\"img_lt\"></td><td id=\"img_mt\"></td><td id=\"img_rt\"></td></tr><tr><td id=\"img_ml\"></td><td bgcolor=\"White\" align=\"center\"><img src=\"'+pic_url+'\" id=\"cur\" onclick=\"hide_window(\'view_pic\')\"></td><td id=\"img_mr\"></td></tr><tr bgcolor="White"><td id="img_ml"></td><td align="center" class="img_descr2"><a href =\"javascript:hide_window(\'view_pic\')\">Закрыть</a></td><td id=\"img_mr\"></td></tr><tr><td id=\"img_lb\"></td><td id=\"img_mb\"></td><td id=\"img_br\"></td></tr></table></td></tr></table>';
   view_window('view_pic');
}