<!-- Image Matrix -->
<table>
<tr>
- <td colspan="{$columns}">
- {$count} images have been found for the selected tags
+ <td class="index_header">
+ <b>Photo Index</b><br />
+ {if ! $searchfor }
+ {if $count == 1}
+ {$count} image has been found for the selected tags
+ {else}
+ {$count} images have been found for the selected tags
+ {/if}
+ {else}
+ {if $count == 1}
+ {$count} image is the result for your search about "{$searchfor}"
+ {else}
+ {$count} images are the result for your search about "{$searchfor}"
+ {/if}
+ {/if}
</td>
</tr>
-{section name="row" loop=$rows step=1}
<tr>
- {section name="col" loop=$columns step=1}
<td>
- {if $images[row][col] }
- <a href="javascript:showImage({$images[row][col]});">
- <img src="phpfspot_img.php?idx={$images[row][col]}&width={$width}" />
- </a>
- {/if}
+ <div id="matrix">
+ <table>
+ {section name="row" loop=$rows step=1}
+ <tr>
+ {section name="col" loop=$columns step=1}
+ <td class="thumb">
+ {if $images[row][col] }
+ <div id="outter">
+ <div id="inner">
+ <a href="javascript:showImage({$images[row][col]});" id="{$images[row][col]}" class="bubble">
+ <img class="thumb" src="phpfspot_img.php?idx={$images[row][col]}&width={$width}" />
+ </a>
+ </div>
+ </div>
+ {else}
+
+ {/if}
+ </td>
+ {/section}
+ </tr>
+ {/section}
+ </table>
+ </div>
</td>
- {/section}
</tr>
-{/section}
</table>
+<script type="text/javascript">
+<!--
+ bindBubbles();
+-->
+</script>
<!-- /Image Matrix -->