title: gallery not opening pop up view effectless
body: <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" href="{$Templates_CSS}backbox.css" type="text/css" /&gt;
      &lt;script type="text/javascript" src="{$Templates_JS}prototype.compressed.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{$Templates_JS}scriptaculous.js?load=effects"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{$Templates_JS}lightbox.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{$Templates_JS}dhtmlHistory.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{$Templates_JS}customsignsheader.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;table width="1000" border="0" align="center" cellpadding="20" cellspacing="0"&gt;
      &lt;tr&gt;
          &lt;td class="heading"&gt;
              &lt;table width="100%" border="0" cellpadding="1" cellspacing="0" bgcolor="#FF9900"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;table width="100%" border="0" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF"&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;
                                      &lt;table width="100%" border="0" cellpadding="7" cellspacing="0" background="{$Templates_Image}header_bg.jpg"&gt;
                                          &lt;tr&gt;
                                              &lt;td class="heading"&gt;&lt;span&gt;{$gallery_title}&lt;/span&gt;
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
                                      &lt;/table&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;table width="100%" border="0" align="center" cellpadding="3" style="border-collapse: collapse;"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;table style="border-collapse: collapse;" border="0" bordercolor="#666666" cellpadding="3" cellspacing="0" width="100%"&gt;
                              &lt;tr&gt;
                                  &lt;td valign="top" width="4"&gt;
                                      &lt;table style="border-collapse: collapse;" border="0" cellpadding="2" width="100%"&gt;{section name=menuimg loop=$Loop} {if $smarty.section.menuimg.index &gt; 0 &amp;&amp; $smarty.section.menuimg.index%4 == 0 }&lt;/table&gt;
                                  &lt;/td&gt;
                                  &lt;td valign="top" width="947"&gt;
                                      &lt;table style="border-collapse: collapse;" border="0" cellpadding="2" width="100%"&gt;{/if} {if $smarty.section.menuimg.index == 0}
                                          &lt;tr&gt;
                                              &lt;td align="center" valign="top"&gt;
                                                  &lt;div align="center"&gt;
                                                      &lt;table class="stdTableBorder" width="3%"&gt;
                                                          &lt;tr&gt;
                                                              &lt;td&gt;&lt;a href="{$img_path_pro}big_thumb_{$gallery_images}" rel="lightbox[slide]"&gt;
          &lt;img src="{$img_path_pro}medium_thumb_{$image_name[menuimg]}" width="198" height="135" border="0" class="imgAction"/&gt;&lt;/a&gt;
                                                              &lt;/td&gt;
                                                          &lt;/tr&gt;
                                                      &lt;/table&gt;
                                                  &lt;/div&gt;
                                              &lt;/td&gt;
                                          &lt;/tr&gt;{else}
                                          &lt;tr&gt;
                                              &lt;td align="center" valign="top"&gt;
                                                  &lt;div align="center"&gt;
                                                      &lt;table class="stdTableBorder" width="3%"&gt;
                                                          &lt;tr&gt;
                                                              &lt;td&gt;&lt;a href="{$img_path1}big_thumb_{$image_name[menuimg]}" rel="lightbox[slide]"&gt;
              &lt;img src="{$img_path1}thumb_{$image_name[menuimg]}" width="198" height="135" class="imgAction"  /&gt;&lt;/a&gt;
                                                              &lt;/td&gt;
                                                          &lt;/tr&gt;
                                                      &lt;/table&gt;
                                                  &lt;/div&gt;
                                              &lt;/td&gt;
                                          &lt;/tr&gt;{/if} {/section}&lt;/table&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
              &lt;p class="bodytextblack"&gt;&amp;nbsp;&lt;/p&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;script type="text/javascript" src="{$Templates_JS}customsignsfooter.js"&gt;&lt;/script&gt;
  </code></pre>