<?php echo anchor('admin/packages','Register'); ?>

<script type="text/javascript">
$(document).ready(function() {
    <?php
    foreach($templates as $template2): ?>
        $("#various_<?php echo $template2->id; ?>").fancybox({
            'width'             : '75',
            'height'            : '75',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'ajax'
        });
<?php endforeach; ?>
});
</script>

<!-- HTML Codes by Quackit.com -->
<div style="height:400px;width:750px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
<table width="100%">
<?php
$count = 1;
?>
<?php foreach($templates as $template): ?>
<?php
if($count == 1):
    echo '<tr>';
    endif
?>

<td><?php echo anchor('sign_up/themes/'.$template->id.'','<img src="'.base_url().'assets/images/templates/'.$this->x_template->get_template_default_t_image($template->id).'" border="0" class="classname" record="'.$template->id.'">','id="various_'.$template->id.'" border="0"'); ?><br />
<?php foreach($this->x_template->get_templates_colors($template->id) as $theme): ?>
<?php echo anchor($this->uri->uri_string().'#',$theme->color_theme,'class="classname_'.$theme->id.'" record="'.$theme->id.'"'); ?>
<?php endforeach; ?>
<?php //endforeach; ?>
</td>
<?php
if($count == 3):
    echo '</tr>';
    $count = 1;
    endif;
    $count++;
?>
<?php endforeach; ?>
</table>
</div>

<?php echo form_open('sign_up/step2'); ?>
<input type="text" name="template" id="template" value="" />
<?php echo form_submit('submit', 'Next Step'); ?>
<?php echo form_close(); ?>

<script type="text/javascript">
function get_template()
{
   $(".classname_"+record).click(function() {
     var record = $(this).attr("record");
     $("#template").attr('value', record);
     $(this).css("border", "1px solid red");
     alert("theme_"+record);
    // alert(record);
   });
}
$(document).ready(function() {
    get_template();
 });
</script>