<?php echo $header; ?>
<div id="content">
<div class="breadcrumb">
  <?php foreach ($breadcrumbs as $breadcrumb) { ?>
  <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
  <?php } ?>
</div>
<?php if ($error_warning) { ?>
<div class="warning"><?php echo $error_warning; ?></div>
<?php } ?>
<div class="box">
  <div class="heading">
    <h1><img src="view/image/module.png" alt="" /> <?php echo $heading_title; ?></h1>
    <div class="buttons"><a onclick="$('#form').submit();" class="button"><span><?php echo $button_save; ?></span></a><a onclick="location = '<?php echo $cancel; ?>';" class="button"><span><?php echo $button_cancel; ?></span></a></div>
  </div>
  <div class="content">
      <div id="tabs" class="htabs"><a href="#tab-general"><?php echo $tab_general; ?></a><a href="#tab-info"><?php echo $tab_info; ?></a></div>
      <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form">
 <div id="tab-general">
          <table class="form">
	  		<tr>
          <td><?php echo $entry_speed; ?></td>
          <td>
		  <input type="text" size="10" name="unislider4_speed" value="<?php echo $unislider4_speed; ?>" 
		  </td>
       </tr>
		<tr>
          <td><?php echo $entry_distance; ?></td>
          <td>
		  <input type="text" name="unislider4_distance" value="<?php echo $unislider4_distance; ?>" size="10"/></td>
       </tr>
 		<tr>
          <td><?php echo $entry_navigation;  ?></td>        
          <td><select name="unislider4_navigation">
              <?php if ($unislider4_navigation) { ?>
              <option value="unislider.js" selected="selected">Title of Slider Image / Navigation buttons with background   </option>
              <option value="unislider4.js">  Non Title of Slider Image / Navigation buttons with background</option>
              <option value="unislider2.js">Non Title of Slider Image / Navigation buttons without background</option>
              <option value="unislider3.js">Title of Slider Image / Non Navigation buttons with background</option>
              <option value="unislider4.js">Non Title of Slider Image / Non Navigation buttons without background</option>
              <?php } else { ?>
              <option value="unislider.js" selected="selected">Title of Slider Image / Navigation buttons with background   </option>
              <option value="unislider4.js">Non Title of Slider Image / Navigation buttons with background</option>
              <option value="unislider2.js">Non Title of Slider Image / Navigation buttons without background</option>
              <option value="unislider3.js">Title of Slider Image / Non Navigation buttons with background</option>
              <option value="unislider4.js">Non Title of Slider Image / Non Navigation buttons without background</option>
              <?php } ?>
            </select></td>
        </tr>
		  </table>
        </div>
       	<div id="tab-info">
          <table class="htabs">
	<tr>
          <td><b><?php echo $entry_info_width; ?></b></td>
        </tr>
	 <tr>
          <td><?php echo $entry_position; ?>&nbsp;&nbsp;&nbsp;&nbsp;<b><?php echo $text_content_top; ?> , <?php echo $text_content_bottom; ?></b></td>
          <td><input type="text" size="2" name="unislider4_dimension" value="980"/>&nbsp;&nbsp;<b><?php echo $entry_width; ?></b>       </td>
	    <td><img src="view/image/uni_img/uni1.png" alt="" title="Width = 980 px" height="200" width="600"/></td>
        </tr>
	<tr>
          <td><?php echo $entry_position; ?>&nbsp;&nbsp;&nbsp;&nbsp;<b><?php echo $text_content_top; ?> , <?php echo $text_content_bottom; ?></b></td>
          <td><input type="text" size="2" name="unislider4_dimension" value="785"/>&nbsp;&nbsp;<b><?php echo $entry_width; ?></b></td>
	    <td><img src="view/image/uni_img/uni2.png" alt="" title="Width = 785 px" height="200" width="600"/></td>	  
        </tr>
	<tr>
          <td><?php echo $entry_position; ?>&nbsp;&nbsp;&nbsp;&nbsp;<b><?php echo $text_content_top; ?> , <?php echo $text_content_bottom; ?></b></td>
          <td><input type="text" size="2" name="unislider4_dimension" value="590"/>&nbsp;&nbsp;<b><?php echo $entry_width; ?></b></td>
	    <td><img src="view/image/uni_img/uni3.png" alt="" title="Width = 590 px" height="200" width="600"/></td>
        </tr>
	<tr>
          <td><?php echo $entry_position; ?>&nbsp;&nbsp;&nbsp;&nbsp;<b><?php echo $text_column_left; ?> , <?php echo $text_column_right; ?></b></td>
          <td><input type="text" size="2" name="unislider4_dimension" value="180"/>&nbsp;&nbsp;<b><?php echo $entry_width; ?></b></td>
          <td><img src="view/image/uni_img/uni4.png" alt="" title="Width = 180 px" height="200" width="600"/></td>	  
        </tr>
	<tr>
          <td><b><?php echo $entry_support; ?></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;EliesDesign.com</td>
          <td><a href="http://eliesdesign.com/" target="_blank">Click here</a></td>
	</tr>
	<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eshop@eliesdesign.com</td>
	  <td><a href="mailto:eshop@eliesdesign.com">Click here</a></td>
        </tr>
	</table>
      </div>
    <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form">
      <table id="module" class="list">
        <thead>
          <tr>
            <td class="left"><?php echo $entry_banner; ?></td>
            <td class="left"><?php echo $entry_dimension; ?></td>
            <td class="left"><?php echo $entry_layout; ?></td>
            <td class="left"><?php echo $entry_position; ?></td>
            <td class="left"><?php echo $entry_status; ?></td>
            <td class="right"><?php echo $entry_sort_order; ?></td>
            <td></td>
          </tr>
        </thead>
        <?php $module_row = 0; ?>
        <?php foreach ($modules as $module) { ?>
        <tbody id="module-row<?php echo $module_row; ?>">
          <tr>
            <td class="left"><select name="unislider4_module[<?php echo $module_row; ?>][banner_id]">
                <?php foreach ($banners as $banner) { ?>
                <?php if ($banner['banner_id'] == $module['banner_id']) { ?>
                <option value="<?php echo $banner['banner_id']; ?>" selected="selected"><?php echo $banner['name']; ?></option>
                <?php } else { ?>
                <option value="<?php echo $banner['banner_id']; ?>"><?php echo $banner['name']; ?></option>
                <?php } ?>
                <?php } ?>
              </select></td>
            <td class="left"><input type="text" name="unislider4_module[<?php echo $module_row; ?>][width]" value="<?php echo $module['width']; ?>" size="3" />
              <input type="text" name="unislider4_module[<?php echo $module_row; ?>][height]" value="<?php echo $module['height']; ?>" size="3"/>
              <?php if (isset($error_dimension[$module_row])) { ?>
              <span class="error"><?php echo $error_dimension[$module_row]; ?></span>
              <?php } ?></td>
            <td class="left"><select name="unislider4_module[<?php echo $module_row; ?>][layout_id]">
                <?php foreach ($layouts as $layout) { ?>
                <?php if ($layout['layout_id'] == $module['layout_id']) { ?>
                <option value="<?php echo $layout['layout_id']; ?>" selected="selected"><?php echo $layout['name']; ?></option>
                <?php } else { ?>
                <option value="<?php echo $layout['layout_id']; ?>"><?php echo $layout['name']; ?></option>
                <?php } ?>
                <?php } ?>
              </select></td>
            <td class="left"><select name="unislider4_module[<?php echo $module_row; ?>][position]">
                <?php if ($module['position'] == 'content_top') { ?>
                <option value="content_top" selected="selected"><?php echo $text_content_top; ?></option>
                <?php } else { ?>
                <option value="content_top"><?php echo $text_content_top; ?></option>
                <?php } ?>
                <?php if ($module['position'] == 'content_bottom') { ?>
                <option value="content_bottom" selected="selected"><?php echo $text_content_bottom; ?></option>
                <?php } else { ?>
                <option value="content_bottom"><?php echo $text_content_bottom; ?></option>
                <?php } ?>
                <?php if ($module['position'] == 'column_left') { ?>
                <option value="column_left" selected="selected"><?php echo $text_column_left; ?></option>
                <?php } else { ?>
                <option value="column_left"><?php echo $text_column_left; ?></option>
                <?php } ?>
                <?php if ($module['position'] == 'column_right') { ?>
                <option value="column_right" selected="selected"><?php echo $text_column_right; ?></option>
                <?php } else { ?>
                <option value="column_right"><?php echo $text_column_right; ?></option>
                <?php } ?>
              </select></td>
            <td class="left"><select name="unislider4_module[<?php echo $module_row; ?>][status]">
                <?php if ($module['status']) { ?>
                <option value="1" selected="selected"><?php echo $text_enabled; ?></option>
                <option value="0"><?php echo $text_disabled; ?></option>
                <?php } else { ?>
                <option value="1"><?php echo $text_enabled; ?></option>
                <option value="0" selected="selected"><?php echo $text_disabled; ?></option>
                <?php } ?>
              </select></td>
            <td class="right"><input type="text" name="unislider4_module[<?php echo $module_row; ?>][sort_order]" value="<?php echo $module['sort_order']; ?>" size="3" /></td>
            <td class="left"><a onclick="$('#module-row<?php echo $module_row; ?>').remove();" class="button"><span><?php echo $button_remove; ?></span></a></td>
          </tr>
        </tbody>
        <?php $module_row++; ?>
        <?php } ?>
        <tfoot>
          <tr>
            <td colspan="6"></td>
            <td class="left"><a onclick="addModule();" class="button"><span><?php echo $button_add_module; ?></span></a></td>
          </tr>
        </tfoot>
      </table>
    </form>
  </div>
</div>
<script type="text/javascript"><!--
var module_row = <?php echo $module_row; ?>;

function addModule() {	
	html  = '<tbody id="module-row' + module_row + '">';
	html += '  <tr>';
	html += '    <td class="left"><select name="unislider4_module[' + module_row + '][banner_id]">';
	<?php foreach ($banners as $banner) { ?>
	html += '      <option value="<?php echo $banner['banner_id']; ?>"><?php echo addslashes($banner['name']); ?></option>';
	<?php } ?>
	html += '    </select></td>';
	html += '    <td class="left"><input type="text" name="unislider4_module[' + module_row + '][width]" value="" size="3" /> <input type="text" name="unislider4_module[' + module_row + '][height]" value="" size="3" /></td>';	
	html += '    <td class="left"><select name="unislider4_module[' + module_row + '][layout_id]">';
	<?php foreach ($layouts as $layout) { ?>
	html += '      <option value="<?php echo $layout['layout_id']; ?>"><?php echo addslashes($layout['name']); ?></option>';
	<?php } ?>
	html += '    </select></td>';
	html += '    <td class="left"><select name="unislider4_module[' + module_row + '][position]">';
	html += '      <option value="content_top"><?php echo $text_content_top; ?></option>';
	html += '      <option value="content_bottom"><?php echo $text_content_bottom; ?></option>';
	html += '      <option value="column_left"><?php echo $text_column_left; ?></option>';
	html += '      <option value="column_right"><?php echo $text_column_right; ?></option>';
	html += '    </select></td>';
	html += '    <td class="left"><select name="unislider4_module[' + module_row + '][status]">';
    html += '      <option value="1" selected="selected"><?php echo $text_enabled; ?></option>';
    html += '      <option value="0"><?php echo $text_disabled; ?></option>';
    html += '    </select></td>';
	html += '    <td class="right"><input type="text" name="unislider4_module[' + module_row + '][sort_order]" value="" size="3" /></td>';
	html += '    <td class="left"><a onclick="$(\'#module-row' + module_row + '\').remove();" class="button"><span><?php echo $button_remove; ?></span></a></td>';
	html += '  </tr>';
	html += '</tbody>';
	
	$('#module tfoot').before(html);
	
	module_row++;
}
//--></script>
<script type="text/javascript"><!--
$('#tabs a').tabs(); 
//--></script> 
<?php echo $footer; ?>