<!-- SmartResponder.ru PopOver code (begin) -->
<script language="javascript" type="text/javascript" src="popover.js"></script>
<script>
$(document).on('click', '[data-action="popover"]', function () {
popover_set_margins(5, 5, 5, 5);
popover_slide('SR_PopOver', 'centerUp', 'centerCenter', 200, 0, '#000000');
});
</script>
<div id="SR_PopOverModalBackground" style="display: none; background-color:#000; filter: alpha(opacity=90); width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;"></div><span style="margin: 0; padding: 10px; width: 384px; height: 370; position: absolute; left: 0; right: 0; display: none; background:url(opacity.png);" id="SR_PopOver"><table cellspacing="0" cellpadding="0"><tr><td><table cellspacing="0" cellpadding="3" width="100%" height="100%">
<tr valign="middle"><td onMouseDown="popover_drag_start(event, this, 'SR_PopOver')" width="100%" align="left" style="font-family: Courier; font-size: 12pt; color: #ffffff; font-weight: bold;"> </td><td align="right"><table cellspacing="0"><tr><td style="padding: 5 10 0 3; font-family: Verdana; font-size: 10pt; color: #ff0000; font-weight: bold;" onClick="popover_slideClose('SR_PopOver', 'up', 200)" onMouseOver="this.style.cursor='pointer'" onMouseOut="this.style.cursor='default'"><img src="close.png"/></td></tr></table></td></tr><tr><td colspan="2" style="font-family: Verdana; font-size: 10pt; color: #000000;" align="center" valign="middle" height="100%">
content
</td></tr></table></td></tr></table></span>
<!-- SmartResponder.ru PopOver code (end) -->
<div data-action="popover">Клик</div>