<?php $hugeit_colorbox_values = $this->model->getcolorboxList(); ?>
<?php $path_site2 = plugins_url("../../images", __FILE__); ?>
<style>
		.free_version_banner {
			position:relative;
			display:block;
			background-image:url(<?php echo $path_site2; ?>/wp_banner_bg.jpg);
			background-position:top left;
			backround-repeat:repeat;
			overflow:hidden;
		}
		
		.free_version_banner .manual_icon {
			position:absolute;
			display:block;
			top:15px;
			left:15px;
		}
		
		.free_version_banner .usermanual_text {
                        font-weight: bold !important;
			display:block;
			float:left;
			width:270px;
			margin-left:75px;
			font-family:'Open Sans',sans-serif;
			font-size:12px;
			font-weight:300;
			font-style:italic;
			color:#ffffff;
			line-height:10px;
                        margin-top: 0;
                        padding-top: 15px;
		}
		
		.free_version_banner .usermanual_text a,
		.free_version_banner .usermanual_text a:link,
		.free_version_banner .usermanual_text a:visited {
			display:inline-block;
			font-family:'Open Sans',sans-serif;
			font-size:17px;
			font-weight:600;
			font-style:italic;
			color:#ffffff;
			line-height:30.5px;
			text-decoration:underline;
		}
		
		.free_version_banner .usermanual_text a:hover,
		.free_version_banner .usermanual_text a:focus,
		.free_version_banner .usermanual_text a:active {
			text-decoration:underline;
		}
		
		.free_version_banner .get_full_version,
		.free_version_banner .get_full_version:link,
		.free_version_banner .get_full_version:visited {
                        padding-left: 60px;
                        padding-right: 4px;
			display: inline-block;
                        position: absolute;
                        top: 15px;
                        right: calc(50% - 167px);
                        height: 38px;
                        width: 268px;
                        border: 1px solid rgba(255,255,255,.6);
                        font-family: 'Open Sans',sans-serif;
                        font-size: 23px;
                        color: #ffffff;
                        line-height: 43px;
                        text-decoration: none;
                        border-radius: 2px;
		}
		
		.free_version_banner .get_full_version:hover {
			background:#ffffff;
			color:#bf1e2e;
			text-decoration:none;
			outline:none;
		}
		
		.free_version_banner .get_full_version:focus,
		.free_version_banner .get_full_version:active {
			
		}
		
		.free_version_banner .get_full_version:before {
			content:'';
			display:block;
			position:absolute;
			width:33px;
			height:23px;
			left:25px;
			top:9px;
			background-image:url(<?php echo $path_site2; ?>/wp_shop.png);
			background-position:0px 0px;
			background-repeat;
		}
		
		.free_version_banner .get_full_version:hover:before {
			background-position:0px -27px;
		}
		
		.free_version_banner .huge_it_logo {
			float:right;
			margin:15px 15px;
		}
		
		.free_version_banner .description_text {
                        padding:0 0 13px 0;
			position:relative;
			display:block;
			width:100%;
			text-align:center;
			float:left;
			font-family:'Open Sans',sans-serif;
			color:#fffefe;
			line-height:inherit;
		}
                .free_version_banner .description_text p{
                        margin:0;
                        padding:0;
                        font-size: 14px;
                }
		</style>
	<div class="free_version_banner">
		<img class="manual_icon" src="<?php echo $path_site2; ?>/icon-user-manual.png" alt="user manual" />
		<p class="usermanual_text">If you have any difficulties in using the options, Follow the link to <a href="http://huge-it.com/wordpress-colorbox-user-manual/" target="_blank">User Manual</a></p>
		<a class="get_full_version" href="http://huge-it.com/colorbox/" target="_blank">GET THE FULL VERSION</a>
                <a href="http://huge-it.com" target="_blank"><img class="huge_it_logo" src="<?php echo $path_site2; ?>/Huge-It-logo.png"/></a>
                <div style="clear: both;"></div>
		<div  class="description_text"><p>This is the free version of the plugin. In order to use options from this section, get the full version. We appreciate every customer.</p></div>
	</div>
	<div style="clear: both;"></div>
<div id="post-body-heading" class="post-body-line">
	<h3>General Options</h3>
	<a class="save-colorbox-options button-primary">Save</a>		
</div>
<div id="colorbox-options-list">
	<form action="admin.php?page=huge_it_colorbox" method="post" id="adminForm" name="adminForm">
	<div class="options-block">	
		<h3>Internationalization</h3>
			<div class="has-background">
                            <label for="colorbox_style">colorbox style
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Choose the style of your popup</p>
                                        </div>
                                    </div>
                                </label>
				<select id="colorbox_style" name="params[colorbox_style]">	
					<option <?php if($hugeit_colorbox_values['colorbox_style'] == '1'){ echo 'selected="selected"'; } ?> value="1">1</option>
					<option <?php if($hugeit_colorbox_values['colorbox_style'] == '2'){ echo 'selected="selected"'; } ?> value="2">2</option>
					<option <?php if($hugeit_colorbox_values['colorbox_style'] == '3'){ echo 'selected="selected"'; } ?> value="3">3</option>
					<option <?php if($hugeit_colorbox_values['colorbox_style'] == '4'){ echo 'selected="selected"'; } ?> value="4">4</option>
					<option <?php if($hugeit_colorbox_values['colorbox_style'] == '5'){ echo 'selected="selected"'; } ?> value="5">5</option>
				</select>
				<div id="view-style-block">
					<ul>
						<li data-id="1" class="active"><img src="<?php echo plugins_url('../../images/view1.jpg', __FILE__); ?>"></li>
						<li data-id="2"><img src="<?php echo plugins_url('../../images/view2.jpg', __FILE__); ?>"></li>
						<li data-id="3"><img src="<?php echo plugins_url('../../images/view3.jpg', __FILE__); ?>"></li>
						<li data-id="4"><img src="<?php echo plugins_url('../../images/view4.jpg', __FILE__); ?>"></li>
						<li data-id="5"><img src="<?php echo plugins_url('../../images/view5.jpg', __FILE__); ?>"></li>
					</ul>
				</div>
                            
			</div>
			<div>
                                <label for="colorbox_transition">Transition type
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Set the way of opening the popup.</p>
                                        </div>
                                    </div>
                                </label>
				<select id="colorbox_transition" name="params[colorbox_transition]">	
					<option <?php if($hugeit_colorbox_values['colorbox_transition'] == 'elastic'){ echo 'selected="selected"'; } ?> value="elastic">Elastic</option>
					<option <?php if($hugeit_colorbox_values['colorbox_transition'] == 'fade'){ echo 'selected="selected"'; } ?> value="fade">Fade</option>
					<option <?php if($hugeit_colorbox_values['colorbox_transition'] == 'none'){ echo 'selected="selected"'; } ?> value="none">none</option>
				</select>
			</div>	
			<div class="has-background">
                                <label for="colorbox_speed">Opening speed
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Set the speed of opening the popup in milliseconds..</p>
                                        </div>
                                    </div>
                                </label>
				<input type="number" name="params[colorbox_speed]" id="colorbox_speed" value="<?php echo $hugeit_colorbox_values['colorbox_speed']; ?>" class="text">
				<span>ms</span>
			</div>
			<div>
                                <label for="colorbox_fadeout">Closing speed
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Set the speed of closing the popup in milliseconds.</p>
                                        </div>
                                    </div>
                                </label>
				<input type="number" name="params[colorbox_fadeout]" id="colorbox_fadeout" value="<?php echo $hugeit_colorbox_values['colorbox_fadeout']; ?>" class="text">
				<span>ms</span>
			</div>
			<!-- <div class="has-background">
				<label for="colorbox_href">Light box href<span class="help"></span></label>
				<input type="text" name="params[colorbox_href]" id="colorbox_href" value="<?php echo $hugeit_colorbox_values['colorbox_href']; ?>" class="text">
				<span>px</span>
			</div> -->
			<div class="has-background">
                                <label for="colorbox_title">Show the title
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Choose whether to display the content title.</p>
                                        </div>
                                    </div>
                                </label>
				<input type="hidden" value="false" name="params[colorbox_title]" />
				<input type="checkbox" id="colorbox_title"  <?php if($hugeit_colorbox_values['colorbox_title']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_title]" value="true" />
			</div>
			<!-- <div class="has-background">
				<label for="colorbox_rel">Light box Rel<span class="help"></span></label>
				<input type="text" name="params[colorbox_rel]" id="colorbox_rel" value="<?php echo $hugeit_colorbox_values['colorbox_rel']; ?>" class="text">
				<span>px</span>
			</div> -->
			<!--<div class="has-background">
				<label for="colorbox_scalephotos">Scale photos<span class="help"></span></label>
				<select id="colorbox_scalephotos" name="params[colorbox_scalephotos]">	
					<option <?php if($hugeit_colorbox_values['colorbox_scalephotos'] == 'true'){ echo 'selected="selected"'; } ?> value="true">True</option>
					<option <?php if($hugeit_colorbox_values['colorbox_scalephotos'] == 'false'){ echo 'selected="selected"'; } ?> value="false">False</option>
				</select>
			</div>
			<div class="has-background">
				<label for="colorbox_scrolling">Light box Scrolling<span class="help"></span></label>
				<select id="colorbox_scrolling" name="params[colorbox_scrolling]">	
					<option <?php if($hugeit_colorbox_values['colorbox_scrolling'] == 'true'){ echo 'selected="selected"'; } ?> value="true">True</option>
					<option <?php if($hugeit_colorbox_values['colorbox_scrolling'] == 'false'){ echo 'selected="selected"'; } ?> value="false">False</option>
				</select>
			</div>-->
			<div>
                                <label for="colorbox_opacity">Overlay transparency
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Change the level of popup background transparency.</p>
                                        </div>
                                    </div>
                                </label>
				<div class="slider-container">
					<input name="params[colorbox_opacity]" id="colorbox_opacity" data-slider-highlight="true"  data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text" data-slider="true" value="<?php echo $hugeit_colorbox_values['colorbox_opacity']; ?>" />
					<span><?php echo $hugeit_colorbox_values['colorbox_opacity']; ?>%</span>
				</div>
			</div>
			<div class="has-background">
                                <label for="colorbox_open">Auto open
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Choose for automatically opening the firs content after reloading.</p>
                                        </div>
                                    </div>
                                </label>
				<input type="hidden" value="false" name="params[colorbox_open]" />
				<input type="checkbox" id="colorbox_open"  <?php if($hugeit_colorbox_values['colorbox_open']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_open]" value="true" />
			</div>
			<!--<div class="has-background">
				<label for="colorbox_returnfocus">Light box returnFocus<span class="help"></span></label>
				<select id="colorbox_returnfocus" name="params[colorbox_returnfocus]">	
					<option <?php if($hugeit_colorbox_values['colorbox_returnfocus'] == 'true'){ echo 'selected="selected"'; } ?> value="true">True</option>
					<option <?php if($hugeit_colorbox_values['colorbox_returnfocus'] == 'false'){ echo 'selected="selected"'; } ?> value="false">False</option>
				</select>
			</div>
			<div class="has-background">
				<label for="colorbox_trapfocus">Light box trapFocus<span class="help"></span></label>
				<select id="colorbox_trapfocus" name="params[colorbox_trapfocus]">	
					<option <?php if($hugeit_colorbox_values['colorbox_trapfocus'] == 'true'){ echo 'selected="selected"'; } ?> value="true">True</option>
					<option <?php if($hugeit_colorbox_values['colorbox_trapfocus'] == 'false'){ echo 'selected="selected"'; } ?> value="false">False</option>
				</select>
			</div>
			<div class="has-background">
				<label for="colorbox_fastiframe">Light box fastIframe<span class="help"></span></label>
				<select id="colorbox_fastiframe" name="params[colorbox_fastiframe]">	
					<option <?php if($hugeit_colorbox_values['colorbox_fastiframe'] == 'true'){ echo 'selected="selected"'; } ?> value="true">True</option>
					<option <?php if($hugeit_colorbox_values['colorbox_fastiframe'] == 'false'){ echo 'selected="selected"'; } ?> value="false">False</option>
				</select>
			</div>
			<div class="has-background">
				<label for="colorbox_preloading">Light box preloading<span class="help"></span></label>
				<select id="colorbox_preloading" name="params[colorbox_preloading]">	
					<option <?php if($hugeit_colorbox_values['colorbox_preloading'] == 'true'){ echo 'selected="selected"'; } ?> value="true">True</option>
					<option <?php if($hugeit_colorbox_values['colorbox_preloading'] == 'false'){ echo 'selected="selected"'; } ?> value="false">False</option>
				</select>
			</div>-->
			<div>
                                <label for="colorbox_overlayclose">Overlay close
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Choose to close the content by clicking on the overlay.</p>
                                        </div>
                                    </div>
                                </label>
				<input type="hidden" value="false" name="params[colorbox_overlayclose]" />
				<input type="checkbox" id="colorbox_overlayclose"  <?php if($hugeit_colorbox_values['colorbox_overlayclose']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_overlayclose]" value="true" />
			</div>
			<div class="has-background">
                            <label for="colorbox_esckey">EscKey close
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Choose to close the content with esc button.</p>
                                        </div>
                                    </div>
                                </label>
				<input type="hidden" value="false" name="params[colorbox_esckey]" />
				<input type="checkbox" id="colorbox_esckey"  <?php if($hugeit_colorbox_values['colorbox_esckey']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_esckey]" value="true" />
			</div>
			<div>
                                <label for="colorbox_arrowkey">Keyboard navigation
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Set to change the images with left and right buttons.</p>
                                        </div>
                                    </div>
                                </label>
				<input type="hidden" value="false" name="params[colorbox_arrowkey]" />
				<input type="checkbox" id="colorbox_arrowkey"  <?php if($hugeit_colorbox_values['colorbox_arrowkey']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_arrowkey]" value="true" />
			</div>
			<div class="has-background">
                                <label for="colorbox_loop">Loop content
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>Loop content. If �true� give the ability to move from the last image to the first image while navigation..</p>
                                        </div>
                                    </div>
                                </label>
				<input type="hidden" value="false" name="params[colorbox_loop]" />
				<input type="checkbox" id="colorbox_loop"  <?php if($hugeit_colorbox_values['colorbox_loop']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_loop]" value="true" />
			</div>
			<!-- <div class="has-background">
				<label for="colorbox_data">Light box data<span class="help"></span></label>
				<input type="text" name="params[colorbox_data]" id="colorbox_data" value="<?php echo $hugeit_colorbox_values['colorbox_data']; ?>" class="text">
				<span>px</span>
			</div> -->
			<!-- <div class="has-background">
				<label for="colorbox_classname">Light box className<span class="help"></span></label>
				<input type="text" name="params[colorbox_classname]" id="colorbox_classname" value="<?php echo $hugeit_colorbox_values['colorbox_classname']; ?>" class="text">
				<span>px</span>
			</div> -->
			<div>
                                <label for="colorbox_closebutton">Show close button
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Choose whether to display close button.</p>
                                        </div>
                                    </div>
                                </label>
				<input type="hidden" value="false" name="params[colorbox_closebutton]" />
				<input type="checkbox" id="colorbox_closebutton"  <?php if($hugeit_colorbox_values['colorbox_closebutton']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_closebutton]" value="true" />
			</div>
	</div>
	<!--<div class="options-block">
		<h3>Buttons Texts</h3>
		<div class="has-background">
			<label for="colorbox_previous">Previous button text<span class="help"></span></label>
			<input type="text" name="params[colorbox_previous]" id="colorbox_previous" value="<?php echo $hugeit_colorbox_values['colorbox_previous']; ?>" class="text">
		</div>
		<div>
			<label for="colorbox_next">Next button text<span class="help"></span></label>
			<input type="text" name="params[colorbox_next]" id="colorbox_next" value="<?php echo $hugeit_colorbox_values['colorbox_next']; ?>" class="text">
		</div>
		<div class="has-background">
			<label for="colorbox_close">Close button text<span class="help"></span></label>
			<input type="text" name="params[colorbox_close]" id="colorbox_close" value="<?php echo $hugeit_colorbox_values['colorbox_close']; ?>" class="text">
		</div>
	</div>
	-->
	<div class="options-block">
		<h3>Dimensions</h3>
		
		<div class="has-background">
                        <label for="colorbox_size_fix">Popup size fix
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Choose to fix the popup width and high.</p>
                                </div>
                            </div>
                        </label>
			<input type="hidden" value="false" name="params[colorbox_size_fix]" />
			<input type="checkbox" id="colorbox_size_fix"  <?php if($hugeit_colorbox_values['colorbox_size_fix']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_size_fix]" value="true" />
		</div>
		
		<div class="fixed-size" >
                        <label for="colorbox_width">Popup width
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Change the width of content.</p>
                                </div>
                            </div>
                        </label>
			<input type="number" name="params[colorbox_width]" id="colorbox_width" value="<?php echo $hugeit_colorbox_values['colorbox_width']; ?>" class="text">
			<span>px</span>
		</div>
		
		<div class="has-background fixed-size">
                        <label for="colorbox_height">Popup height
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Change the high of content.</p>
                                </div>
                            </div>
                        </label>
			<input type="number" name="params[colorbox_height]" id="colorbox_height" value="<?php echo $hugeit_colorbox_values['colorbox_height']; ?>" class="text">
			<span>px</span>
		</div>
		
		<div class="not-fixed-size">
                        <label for="colorbox_maxwidth">Popup maxWidth
                                    <div class="help">?
                                        <div class="help-block">
                                            <span class="pnt"></span>
                                            <p>Set unfix content max width.</p>
                                        </div>
                                    </div>
                                </label>
			<input type="number" name="params[colorbox_maxwidth]" id="colorbox_maxwidth" value="<?php echo $hugeit_colorbox_values['colorbox_maxwidth']; ?>" class="text">
			<span>px</span>
		</div>
		<div class="has-background not-fixed-size">
                        <label for="colorbox_maxheight">Popup maxHeight
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Set unfix max hight.</p>
                                </div>
                            </div>
                        </label>
			<input type="number" name="params[colorbox_maxheight]" id="colorbox_maxheight" value="<?php echo $hugeit_colorbox_values['colorbox_maxheight']; ?>" class="text">
			<span>px</span>
		</div>
		<!--<div class="has-background">
			<label for="colorbox_innerwidth">Light box innerWidth<span class="help"></span></label>
			<input type="text" name="params[colorbox_innerwidth]" id="colorbox_innerwidth" value="<?php echo $hugeit_colorbox_values['colorbox_innerwidth']; ?>" class="text">
			<span>px</span>
		</div>
		<div class="has-background">
			<label for="colorbox_innerheight">Light box innerHeight<span class="help"></span></label>
			<input type="text" name="params[colorbox_innerheight]" id="colorbox_innerheight" value="<?php echo $hugeit_colorbox_values['colorbox_innerheight']; ?>" class="text">
			<span>px</span>
		</div>-->
		<div>
                        <label for="colorbox_initialwidth">Popup initial width
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Set the initial size of opening.</p>
                                </div>
                            </div>
                        </label>
			<input type="number" name="params[colorbox_initialwidth]" id="colorbox_initialwidth" value="<?php echo $hugeit_colorbox_values['colorbox_initialwidth']; ?>" class="text">
			<span>px</span>
		</div>
		<div class="has-background">
                        <label for="colorbox_initialheight">Popup initial height
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Set the initial high of opening.</p>
                                </div>
                            </div>
                        </label>
			<input type="number" name="params[colorbox_initialheight]" id="colorbox_initialheight" value="<?php echo $hugeit_colorbox_values['colorbox_initialheight']; ?>" class="text">
			<span>px</span>
		</div>
	</div>
	<div class="options-block">
		<h3>Slideshow</h3>
		
		<div class="has-background">
                        <label for="colorbox_slideshow">Slideshow
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Select to enable slideshow.</p>
                                </div>
                            </div>
                        </label>
			<input type="hidden" value="false" name="params[colorbox_slideshow]" />
			<input type="checkbox" id="colorbox_slideshow"  <?php if($hugeit_colorbox_values['colorbox_slideshow']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_slideshow]" value="true" />
		</div>
		<div>
                        <label for="colorbox_slideshowspeed">Slideshow interval
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Set the time between each slide.</p>
                                </div>
                            </div>
                        </label>
			<input type="number" name="params[colorbox_slideshowspeed]" id="colorbox_slideshowspeed" value="<?php echo $hugeit_colorbox_values['colorbox_slideshowspeed']; ?>" class="text">
			<span>ms</span>
		</div>
		<div class="has-background">
                        <label for="colorbox_slideshowauto">Slideshow auto start
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>If �true� it works automatically.</p>
                                </div>
                            </div>
                        </label>
			<input type="hidden" value="false" name="params[colorbox_slideshowauto]" />
			<input type="checkbox" id="colorbox_slideshowauto"  <?php if($hugeit_colorbox_values['colorbox_slideshowauto']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_slideshowauto]" value="true" />
		</div>
		<div>
                        <label for="colorbox_slideshowstart">Slideshow start button text
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Set the text on start button.</p>
                                </div>
                            </div>
                        </label>
			<input type="text" name="params[colorbox_slideshowstart]" id="colorbox_slideshowstart" value="<?php echo $hugeit_colorbox_values['colorbox_slideshowstart']; ?>" class="text">
		</div>
		<div class="has-background">
                        <label for="colorbox_slideshowstop">Slideshow stop button text
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Set the text of stop button.</p>
                                </div>
                            </div>
                        </label>
			<input type="text" name="params[colorbox_slideshowstop]" id="colorbox_slideshowstop" value="<?php echo $hugeit_colorbox_values['colorbox_slideshowstop']; ?>" class="text">
		</div>
	</div>
	<div class="options-block" style="margin-top:0px;">
		<h3>Positioning</h3>
		
		<div class="has-background">
                        <label for="colorbox_fixed">Fixed position
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>If �true� the popup does not change it�s position while scrolling up or down.</p>
                                </div>
                            </div>
                        </label>
			<input type="hidden" value="false" name="params[colorbox_fixed]" />
			<input type="checkbox" id="colorbox_fixed"  <?php if($hugeit_colorbox_values['colorbox_fixed']  == 'true'){ echo 'checked="checked"'; } ?>  name="params[colorbox_fixed]" value="true" />
		</div>
		<div class="has-height">
                        <label for="">Popup position
                            <div class="help">?
                                <div class="help-block">
                                    <span class="pnt"></span>
                                    <p>Set the position of popup.</p>
                                </div>
                            </div>
                        </label>
			<div>
			<table class="bws_position_table">
				<tbody>
				  <tr>
					<td><input type="radio" value="1" id="slideshow_title_top-left" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '1'){ echo 'checked="checked"'; } ?> /></td>
					<td><input type="radio" value="2" id="slideshow_title_top-center" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '2'){ echo 'checked="checked"'; } ?> /></td>
					<td><input type="radio" value="3" id="slideshow_title_top-right" name="params[slider_title_position]"  <?php if($hugeit_colorbox_values['slider_title_position'] == '3'){ echo 'checked="checked"'; } ?> /></td>
				  </tr>
				  <tr>
					<td><input type="radio" value="4" id="slideshow_title_middle-left" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '4'){ echo 'checked="checked"'; } ?> /></td>
					<td><input type="radio" value="5" id="slideshow_title_middle-center" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '5'){ echo 'checked="checked"'; } ?> /></td>
					<td><input type="radio" value="6" id="slideshow_title_middle-right" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '6'){ echo 'checked="checked"'; } ?> /></td>
				  </tr>
				  <tr>
					<td><input type="radio" value="7" id="slideshow_title_bottom-left" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '7'){ echo 'checked="checked"'; } ?> /></td>
					<td><input type="radio" value="8" id="slideshow_title_bottom-center" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '8'){ echo 'checked="checked"'; } ?> /></td>
					<td><input type="radio" value="9" id="slideshow_title_bottom-right" name="params[slider_title_position]" <?php if($hugeit_colorbox_values['slider_title_position'] == '9'){ echo 'checked="checked"'; } ?> /></td>
				  </tr>
				</tbody>	
			</table>
			</div>
		</div>
		<!--<div class="has-background">
			<label for="colorbox_reposition">Light box reposition<span class="help"></span></label>
			<select id="colorbox_reposition" name="params[colorbox_reposition]">	
				<option <?php if($hugeit_colorbox_values['colorbox_reposition'] == 'true'){ echo 'selected="selected"'; } ?> value="true">True</option>
				<option <?php if($hugeit_colorbox_values['colorbox_reposition'] == 'false'){ echo 'selected="selected"'; } ?> value="false">False</option>
			</select>
		</div>-->
			
		<!--
		<div class="has-background">
			<label for="colorbox_size">Light box size<span class="help"></span></label>
			<input type="text" name="params[colorbox_size]" id="colorbox_size" value="<?php echo $hugeit_colorbox_values[colorbox_size]; ?>" class="text">
			<span>px</span>
		</div>
		 -->
	</div>
	</form>
</div>
<div id="post-body-heading" class="post-body-line">
	<a class="save-colorbox-options button-primary">Save</a>		
</div>