<style>
.vk {
width: 100%;
overflow:hidden;
}
</style>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<xen:if is="{$xenOptions.gx_vk_menu} == '0' ">
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "{$xenOptions.gx_vk_width}", height: "{$xenOptions.gx_vk_height}", color1: '{@gx_vk_background_color}', color2: '@gx_vk_color', color3: '@gx_vk_button'}, {$xenOptions.gx_vk_id});
</script>
</xen:if>
<xen:if is="{$xenOptions.gx_vk_menu} == '1' " >
<div id="vk"><div id="vk_groups"></div></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "{$xenOptions.gx_vk_width}", height: "{$xenOptions.gx_vk_height}", color1: '@gx_vk_background_color', color2: '@gx_vk_color', color3: '@gx_vk_button'}, {$xenOptions.gx_vk_id});
</script>
</xen:if>
<xen:if is="{$xenOptions.gx_vk_menu} == '2' " >
<div id="vk"><div id="vk_groups"></div></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "{$xenOptions.gx_vk_width}", height: "{$xenOptions.gx_vk_height}", color1: '@gx_vk_background_color', color2: '@gx_vk_color', color3: '@gx_vk_button'}, {$xenOptions.gx_vk_id});
</script>
</xen:if>