Kit Includes Template

Below is an example HTML code snipet to place in the 'Kit Includes Template' editor. This is used to style the squares/gallery area. See the below example:

<div class="x-tb-mid x-ts-mid" id="x-tg-thumbs"><!-- TEMPLATE MULTI IMAGE GALLERY GOES HERE --><!-- GALLERY 1 --><img alt="" name="img01" onclick="document.images['img00'].src='#?KitIncludesImage01?#'" src="#?KitIncludesImage01?#" /><!-- GALLERY 2 --><img alt="" name="img02" onclick="document.images['img00'].src='#?KitIncludesImage02?#'" src="#?KitIncludesImage02?#" /><!-- GALLERY 3 --><img alt="" name="img03" onclick="document.images['img00'].src='#?KitIncludesImage03?#'" src="#?KitIncludesImage03?#" /><!-- GALLERY 4 --><img alt="" name="img04" onclick="document.images['img00'].src='#?KitIncludesImage04?#'" src="#?KitIncludesImage04?#" /><!-- GALLERY 5 --><img alt="" name="img05" onclick="document.images['img00'].src='#?KitIncludesImage05?#'" src="#?KitIncludesImage05?#" /><!-- GALLERY 6 --><img alt="" name="img06" onclick="document.images['img00'].src='#?KitIncludesImage06?#'" src="#?KitIncludesImage06?#" /><!-- GALLERY 7 --><img alt="" name="img07" onclick="document.images['img00'].src='#?KitIncludesImage07?#'" src="#?KitIncludesImage07?#" /><!-- GALLERY 8 --><img alt="" name="img08" onclick="document.images['img00'].src='#?KitIncludesImage08?#'" src="#?KitIncludesImage08?#" /><!-- GALLERY 9 --><img alt="" name="img09" onclick="document.images['img00'].src='#?KitIncludesImage09?#'" src="#?KitIncludesImage09?#" /><!-- GALLERY10 --><img alt="" name="img10" onclick="document.images['img00'].src='#?KitIncludesImage11?#'" src="#?KitIncludesImage10?#" /><!-- GALLERY11 --><img alt="" name="img11" onclick="document.images['img00'].src='#?KitIncludesImage11?#'" src="#?KitIncludesImage11?#" /><!-- GALLERY12 --><img alt="" name="img12" onclick="document.images['img00'].src='#?KitIncludesImage12?#'" src="#?KitIncludesImage12?#" /> </div>
<script language="javascript" type="text/javascript">
    if ("#?KitIncludesImage01?#" == "")
        document.getElementById('img01').style.display = 'none';
    if ("#?KitIncludesImage02?#" == "")
        document.getElementById('img02').style.display = 'none';
    if ("#?KitIncludesImage03?#" == "")
        document.getElementById('img03').style.display = 'none';
    if ("#?KitIncludesImage04?#" == "")
        document.getElementById('img04').style.display = 'none';
    if ("#?KitIncludesImage05?#" == "")
        document.getElementById('img05').style.display = 'none';
    if ("#?KitIncludesImage06?#" == "")
        document.getElementById('img06').style.display = 'none';
    if ("#?KitIncludesImage07?#" == "")
        document.getElementById('img07').style.display = 'none';
    if ("#?KitIncludesImage08?#" == "")
        document.getElementById('img08').style.display = 'none';
    if ("#?KitIncludesImage09?#" == "")
        document.getElementById('img09').style.display = 'none';
    if ("#?KitIncludesImage10?#" == "")
        document.getElementById('img10').style.display = 'none';
    if ("#?KitIncludesImage11?#" == "")
        document.getElementById('img11').style.display = 'none';
    if ("#?KitIncludesImage12?#" == "")
        document.getElementById('img12').style.display = 'none';
 
</script>

How did we do?