//show big images
function showBigImg(param, event)
	{
	var MouseX = event.clientX + 15;
	if (MouseX < (screen.width - 530))
		MouseX = MouseX + 'px';
	else
		MouseX = screen.width - 530 + 'px';

	/*if (event.clientY < (screen.height - 625))
		var MouseY = event.clientY + document.body.scrollTop + 15 + 'px';
	else
		var MouseY = screen.height + document.body.scrollTop - 625 + 'px';*/
  MouseY = '10px';

	var obj = document.getElementById("myBigImg");
	obj.style.top = MouseY;
	obj.style.left = MouseX;
	
	document.getElementById("bigImgPlace").innerHTML = '<img src="'+param+'" alt="" border="0">';
	
	obj.style.visibility = 'visible';
  $("#myBigImg").draggable();
	}

function hideBigImg()
	{
	document.getElementById("myBigImg").style.visibility = 'hidden';
	}
	
	$(document).ready(function(){
		$("body").append("<div id=\"myBigImg\" style=\"position: absolute; left: 0; top: 0; width: 500px; visibility: hidden; z-index: 1; border: 1px solid #808080; background: #fff;\"><a href=\"#\" onClick=\"hideBigImg(); return false;\" style=\"font-size: 13px; font-color: black; text-decoration: none; float: right; margin-right:15px;\" title=\"закрыть\"><b>[х]</b></a>&nbsp; <br /><br /><table width=\"100%\" border=\"0\" cellpadding=\"3\" cellspacing=\"0\"><tr><td id=\"bigImgPlace\" align=\"center\">&nbsp;</td></tr><tr><td id=\"tovar_info\" class=\"middle\" style=\"padding-left: 10px; padding-right: 10px;\">&nbsp;</td></tr></table><br /></div>");
	});

