<?php while($metabox->have_fields('webnus_page_options',1)): ?>
<p>
    <?php $selected = ' selected="selected"'; ?>
   
    <table width="100%">
 <tr>
	    <td>
	    	<b>Transparent header:</b>
	    </td>
	    <td>
<?php $mb->the_field('webnus_transparent_header'); ?>


	    <select name="<?php $mb->the_name(); ?>">
		    <option value="none"<?php if ($metabox->get_the_value() == 'none') echo $selected; ?>>None</option>
			<option value="light"<?php if ($metabox->get_the_value() == 'light') echo $selected; ?>>Light</option>
			<option value="dark"<?php if ($metabox->get_the_value() == 'dark') echo $selected; ?>>Dark</option>

		</select>
		
		
		</td>
	</tr> 

	<tr>
	    <td>
	    	<b>Hide header at start:</b>
	    </td>
	    <td>
<?php $mb->the_field('maxone_hideheader'); ?>
<input type="checkbox" name="<?php $mb->the_name(); ?>" value="yes" <?php echo $mb->is_value('yes')?' checked="checked"':''; ?> class="widefat"/>
		</td>
	</tr>   
	 <?php $metabox->the_field('show_page_title_bar'); ?>       
    <tr>
	    <td>
	    	<b>Page Title Bar:</b>
	    </td>
	    <td>
	    <select name="<?php $metabox->the_name(); ?>">
		    <option value="show"<?php if ($metabox->get_the_value() == 'show') echo $selected; ?>>Show</option>
		    <option value="hide"<?php if ($metabox->get_the_value() == 'hide') echo $selected; ?>>Hide</option>
		</select>
		</td>
	</tr>
	 <tr>
   		<td><b>Title Bar Background Color:</b></td>
	    <td>
	   		 <input type="text" name="<?php $metabox->the_name('title_background_color'); ?>" value="<?php $metabox->the_value('title_background_color'); ?>"/>
	   		 (Hex Code)
	 	</td>
 	</tr>
 	 <tr>
   		<td><b>Title Bar Text Color:</b></td>
	    <td>
	   		 <input type="text" name="<?php $metabox->the_name('title_text_color'); ?>" value="<?php $metabox->the_value('title_text_color'); ?>"/>
	   		 (Hex Code)
	 	</td>
 	</tr>
 	 <tr>
   		<td><b>Title Bar Font Size:</b></td>
	    <td>
	   		 <input type="text" name="<?php $metabox->the_name('title_font_size'); ?>" value="<?php $metabox->the_value('title_font_size'); ?>"/>
	   		 (in px format)
	 	</td>
 	</tr> 	
    <tr>
	    <td>
	  		 <b>Sidebar Position:</b>
	    </td>
	    <td>
	    <?php $metabox->the_field('sidebar_position'); ?>
	    <select name="<?php $metabox->the_name(); ?>">
		    <option value="none"<?php if ($metabox->get_the_value() == 'none') echo $selected; ?>>None</option>
			<option value="right"<?php if ($metabox->get_the_value() == 'right') echo $selected; ?>>Right</option>
		    <option value="left"<?php if ($metabox->get_the_value() == 'left') echo $selected; ?>>Left</option>
			<option value="both"<?php if ($metabox->get_the_value() == 'both') echo $selected; ?>>Both</option>
		</select>
	  </td>
 	</tr>
    <tr>
   		<td><b>Background Color:</b></td>
	    <td>
	   		 <input type="text" name="<?php $metabox->the_name('background_color'); ?>" value="<?php $metabox->the_value('background_color'); ?>"/>
	   		 (Hex Code)
	 	</td>
 	</tr>
 	<tr>
 		<td><b>Background Image:</b></td>
 		<td>
	 		<?php $mb->the_field('the_page_bg'); ?>
			<input  type="text" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>" id="Image"/>
			<!--<button name="upload-img" id="upload-img" onclick='return false;'>Browse</button> -->
			<script type="text/javascript">
			jQuery(document).ready(function(){
	
				var formfield;
				
				jQuery('#upload-img').click(function() {
					jQuery('html').addClass('Image');
					formfield = jQuery('#Image').attr('name');
					tb_show('', 'media-upload.php?type=image&TB_iframe=true');
					return false;
				});
				
				// user inserts file into post. only run custom if user started process using the above process
				// window.send_to_editor(html) is how wp would normally handle the received data
	
				window.original_send_to_editor = window.send_to_editor2;
				window.send_to_editor2 = function(html){
	
					if (formfield) {
						fileurl = jQuery('img',html).attr('src');
						
						jQuery('#Image').val(fileurl);
	
						tb_remove();
						
						jQuery('html').removeClass('Image');
						
					} else {
						window.original_send_to_editor(html);
					}
				};
	
				});
			</script>
	 			
 		</td>
 	</tr>
 	
 	
 	 <tr>
	    <td>
	  		 <b>100% Background Image:</b>
	    </td>
	    <td>
	    <?php $metabox->the_field('bg_image_100'); ?>
	    <select name="<?php $metabox->the_name(); ?>">
		    <option value="no"<?php if ($metabox->get_the_value() == 'no') echo $selected; ?>>No</option>
		    <option value="yes"<?php if ($metabox->get_the_value() == 'yes') echo $selected; ?>>Yes</option>
		</select>
	  </td>
 	</tr>
 	
 	
 	
 	<tr>
	    <td>
	  		 <b>Background Repeat:</b>
	    </td>
	    <td>
	    <?php $metabox->the_field('bg_image_repeat'); ?>
	    <select name="<?php $metabox->the_name(); ?>">
		    <option value="1"<?php if ($metabox->get_the_value() == '1') echo $selected; ?>>Tile</option>
		    <option value="2"<?php if ($metabox->get_the_value() == '2') echo $selected; ?>>Tile Horizontally</option>
		    <option value="3"<?php if ($metabox->get_the_value() == '3') echo $selected; ?>>Tile Vertically</option>
		    <option value="0"<?php if ($metabox->get_the_value() == '0') echo $selected; ?>>No Repeat</option>
		</select>
	  </td>
 	</tr>
 	
	 	<tr>
	    <td>
	  		 <b>Footer:</b>
	    </td>
	    <td>
	    <?php $mb->the_field('webnus_footer_show'); ?>
	    <select name="<?php $metabox->the_name(); ?>">
		    <option value="true"<?php if ($metabox->get_the_value() == 'true') echo $selected; ?>>Show</option>
		    <option value="false"<?php if ($metabox->get_the_value() == 'false') echo $selected; ?>>Hide</option>
		</select>
	  </td>
 	</tr>
 	
   </table>
 
   
</p>
<?php endwhile; ?>