Не срабатывает скрипт увеличения изображений
 

Здравствуйте, имеется скрипт, который должен передавать параметры скрипту, который открывает картинку. подскажите в чем проблема этого скрипта? что не хватает ? Вот собственно сам код:

function ShowMess(content)
{
  document.getElementById('show_product').innerHTML=content;
  document.getElementById('show_product').style.top=document.documentElement.scrollTop +'px';
  document.getElementById('show_product').style.visibility="visible";
  document.getElementById('not_overlay').id="overlay";
  document.getElementById('overlay').style.top=document.documentElement.scrollTop - 200 +'px';
  //alert(content);
}

function HideMess()
{
  document.getElementById('show_product').style.visibility="hidden";
  document.getElementById('overlay').id="not_overlay";
}
									 										 
function ShowProd(id,cat,sess) {
//var newHTML;
//var type='assort';
$.post("http://www.127.0.0.1/include/show_prod.php", { prod_id:id,cat_id:cat,user_sess_id:sess }, function(data){
if (data != 'false') {
ShowMess(data);
} 
});
}

function PopAddToBask(prod_id,cat_id,sess){
var pic="<img src='../images/loading9.gif' width='32' height='32' border='0'>&nbsp;&nbsp;<b>Ожидайте...</b>";
document.getElementById('report_mess').innerHTML=pic;
var col = document.forms["add_bask"].elements["col"].value;
$.post("http://www.127.0.0.1/include/add_to_basket.php", { prod_id:prod_id,cat_id:cat_id,col:col,user_sess_id:sess }, function(data){
document.getElementById('report_mess').innerHTML=data; 
});
//alert(col);

скрипт вызывается таким образом javascript:ShowProd(5296,487,'e7ac1676800087643b66 cd46877c0576')

а менять айди обязательно?

document.getElementById('not_overlay').id="overlay";

могу ошибаться, но кажется браузеры этого не могут...

покажите пример весртки и стидей для #overlay и #show_product