示例#1
0
function panel_options()
{
    $categories_obj = get_categories('hide_empty=0');
    $categories = array();
    foreach ($categories_obj as $pn_cat) {
        $categories[$pn_cat->cat_ID] = $pn_cat->cat_name;
    }
    $sliders = array();
    $custom_slider = new WP_Query(array('post_type' => 'tie_slider', 'posts_per_page' => -1, 'no_found_rows' => 1));
    while ($custom_slider->have_posts()) {
        $custom_slider->the_post();
        $sliders[get_the_ID()] = get_the_title();
    }
    if (get_option('tie_theme_save') == 'n') {
        $save = '
	<div class="mpanel-submit">
		<input type="hidden" name="action" value="save" />
        <input type="hidden" name="security" value="' . wp_create_nonce("test-theme-data") . '" />
		<input name="save" class="mpanel-save" type="submit" value="Save Changes" />    
	</div>';
    } else {
        $save = '
	<div class="mpanel-submit">
		<input type="hidden" name="action" value="test_theme_data_save" />
        <input type="hidden" name="security" value="' . wp_create_nonce("test-theme-data") . '" />
		<input name="save" class="mpanel-save" type="submit" value="Save Changes" />    
	</div>';
    }
    ?>
		
		
<div id="save-alert"></div>

<div class="mo-panel">

	<div class="mo-panel-tabs">
		<div class="logo"></div>
		<ul>
			<li class="tie-tabs general"><a href="#tab1"><span></span>General Settings</a></li>
			<li class="tie-tabs homepage"><a href="#tab2"><span></span>Homepage</a></li>
			<li class="tie-tabs header"><a href="#tab9"><span></span>Header Settings</a></li>
			<li class="tie-tabs archives"><a href="#tab12"><span></span>Archives Settings</a></li>
			<li class="tie-tabs article"><a href="#tab6"><span></span>Article Settings</a></li>
			<li class="tie-tabs sidebars"><a href="#tab11"><span></span>Sidebars</a></li>
			<li class="tie-tabs footer"><a href="#tab7"><span></span>Footer Settings</a></li>
			<li class="tie-tabs slideshow"><a href="#tab5"><span></span>Slider Settings</a></li>
			<li class="tie-tabs banners"><a href="#tab8"><span></span>Ads Settings</a></li>
			<li class="tie-tabs styling"><a href="#tab13"><span></span>Styling</a></li>
			<li class="tie-tabs typography"><a href="#tab14"><span></span>Typography</a></li>
			<li class="tie-tabs Social"><a href="#tab4"><span></span>Social Networking</a></li>
			<li class="tie-tabs advanced"><a href="#tab10"><span></span>Advanced</a></li>
			<li class="tie-tabs tie-rate tie-not-tab"><a target="_blank" href="http://themeforest.net/downloads?ref=TieLabs"><span></span>Rate <?php 
    echo theme_name;
    ?>
</a></li>
			<li class="tie-tabs tie-more tie-not-tab"><a target="_blank" href="http://themeforest.net/user/TieLabs/portfolio?ref=TieLabs"><span></span>More Themes</a></li>
		</ul>
		<div class="clear"></div>
	</div> <!-- .mo-panel-tabs -->
	
	
	<div class="mo-panel-content">
	<?php 
    if (get_option('tie_theme_save') == 'n') {
        ?>
	<form method="post">
	<?php 
    } else {
        ?>
	<form action="/" name="tie_form" id="tie_form">
	<?php 
    }
    ?>
	
		<div id="tab1" class="tabs-wrap">
			<h2>General Settings</h2> <?php 
    echo $save;
    ?>

			<?php 
    if (class_exists('bbPress')) {
        ?>
			<div class="tiepanel-item">
				<h3>bbPress Settings</h3>
				<?php 
        tie_options(array("name" => "bbPress Full width", "id" => "bbpress_full", "type" => "checkbox"));
        ?>
			</div>
			<?php 
    }
    ?>
			
			<div class="tiepanel-item">
				<h3>Theme Layout</h3>
				<div class="option-item">
					<?php 
    $checked = 'checked="checked"';
    $tie_theme_layout = tie_get_option('theme_layout');
    ?>
					<ul id="tie_theme_layout" class="tie-options">
						<li>
							<input id="tie_theme_layout" name="tie_options[theme_layout]" type="radio" value="boxed" <?php 
    if ($tie_theme_layout == 'boxed' || !$tie_theme_layout) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/boxed.png" /></a>
						</li>
						<li>
							<input id="tie_theme_layout" name="tie_options[theme_layout]" type="radio" value="full" <?php 
    if ($tie_theme_layout == 'full') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/full.png" /></a>
						</li>
					</ul>
				</div>
				
				<div class="option-item">
					<?php 
    tie_options(array("name" => "Number of Columns", "id" => "columns_num", "type" => "radio", "options" => array("3c" => "Three Columns", "2c" => "Two Columns")));
    ?>
					
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Favicon</h3>
				<?php 
    tie_options(array("name" => "Custom Favicon", "id" => "favicon", "type" => "upload"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Custom Gravatar</h3>
				
				<?php 
    tie_options(array("name" => "Custom Gravatar", "id" => "gravatar", "type" => "upload"));
    ?>
			</div>	
				
			<div class="tiepanel-item">
				<h3>Apple Icons</h3>
				<?php 
    tie_options(array("name" => "Apple iPhone Icon", "id" => "apple_iphone", "type" => "upload", "extra_text" => 'Icon for Apple iPhone (57px x 57px)'));
    tie_options(array("name" => "Apple iPhone Retina Icon", "id" => "apple_iphone_retina", "type" => "upload", "extra_text" => 'Icon for Apple iPhone Retina Version (120px x 120px)'));
    tie_options(array("name" => "Apple iPad Icon", "id" => "apple_iPad", "type" => "upload", "extra_text" => 'Icon for Apple iPhone (72px x 72px)'));
    tie_options(array("name" => "Apple iPad Retina Icon", "id" => "apple_iPad_retina", "type" => "upload", "extra_text" => 'Icon for Apple iPad Retina Version (144px x 144px)'));
    ?>
			</div>	
			
			<div class="tiepanel-item">
				<h3>Time format</h3>
				<?php 
    tie_options(array("name" => "Time format for blog posts", "id" => "time_format", "type" => "radio", "options" => array("traditional" => "Traditional", "modern" => "Time Ago Format", "none" => "Disable all ")));
    ?>
									
			</div>
			
			<div class="tiepanel-item">
				<h3>Who Is Allowed To Rate ?</h3>
				<?php 
    tie_options(array("name" => 'Who Is Allowed To Rate ?', "id" => "allowtorate", "type" => "radio", "options" => array("none" => 'Disable', "both" => 'Registered Users And Guests', "guests" => 'Guests Only', "users" => 'Registered Users Only')));
    ?>
									
			</div>

			<div class="tiepanel-item">
				<h3>Breadcrumbs Settings</h3>
				<?php 
    tie_options(array("name" => "Breadcrumbs ", "id" => "breadcrumbs", "type" => "checkbox"));
    tie_options(array("name" => "Breadcrumbs Delimiter", "id" => "breadcrumbs_delimiter", "type" => "short-text"));
    ?>
			</div>
						
			<div class="tiepanel-item">
				<h3>Header Code</h3>
				<div class="option-item">
					<small>The following code will add to the &lt;head&gt; tag. Useful if you need to add additional scripts such as CSS or JS.</small>
					<textarea id="header_code" name="tie_options[header_code]" style="width:100%" rows="7"><?php 
    echo htmlspecialchars_decode(tie_get_option('header_code'));
    ?>
</textarea>				
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Footer Code</h3>
				<div class="option-item">
					<small>The following code will add to the footer before the closing  &lt;/body&gt; tag. Useful if you need to Javascript or tracking code.</small>

					<textarea id="footer_code" name="tie_options[footer_code]" style="width:100%" rows="7"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_code'));
    ?>
</textarea>				
				</div>
			</div>	
			
		</div>
		
		<div id="tab9" class="tabs-wrap">
			<h2>Header Settings</h2> <?php 
    echo $save;
    ?>
			
			<div class="tiepanel-item">
				<h3>Logo</h3>
				<?php 
    tie_options(array("name" => "Logo Setting", "id" => "logo_setting", "type" => "radio", "options" => array("logo" => "Custom Image Logo", "title" => "Display Site Title")));
    tie_options(array("name" => "Logo Image", "id" => "logo", "help" => "Upload a logo image, or enter URL to an image if it is already uploaded. the theme default logo gets applied if the input field is left blank.", "type" => "upload"));
    tie_options(array("name" => "Logo Image (Retina Version @2x)", "id" => "logo_retina", "type" => "upload", "extra_text" => 'Please choose an image file for the retina version of the logo. It should be 2x the size of main logo.'));
    tie_options(array("name" => "Standard Logo Width for Retina Logo", "id" => "logo_retina_width", "type" => "short-text", "extra_text" => 'If retina logo is uploaded, please enter the standard logo (1x) version width, do not enter the retina logo width.'));
    tie_options(array("name" => "Standard Logo Height for Retina Logo", "id" => "logo_retina_height", "type" => "short-text", "extra_text" => 'If retina logo is uploaded, please enter the standard logo (1x) version height, do not enter the retina logo height.'));
    tie_options(array("name" => "Logo Margin Top", "id" => "logo_margin", "type" => "slider", "help" => "Input number to set the top space of the logo .", "unit" => "px", "max" => 100, "min" => 0));
    ?>

			</div>
			

			<div class="tiepanel-item">
				<h3>Header Menus Settings</h3>
				<?php 
    tie_options(array("name" => "Hide Top menu", "id" => "top_menu", "type" => "checkbox"));
    tie_options(array("name" => "Top Menu Left Area", "id" => "top_left", "type" => "radio", "options" => array("" => "None", "head_menu" => "Menu", "head_brnews" => "Breaking News")));
    tie_options(array("name" => "Stick The Navigation menu", "id" => "stick_nav", "type" => "checkbox"));
    ?>
		
			</div>
			

			<div class="tiepanel-item">
				<h3>Breaking News</h3>
				<?php 
    tie_options(array("name" => "Breaking News Title", "id" => "breaking_title", "type" => "text"));
    tie_options(array("name" => "Animation Effect", "id" => "breaking_effect", "type" => "select", "options" => array('fade' => 'Fade', 'slide' => 'Slide', 'ticker' => 'Ticker')));
    tie_options(array("name" => "Animation Speed", "id" => "breaking_speed", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    tie_options(array("name" => "Time between the fades", "id" => "breaking_time", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    ?>
				
				<?php 
    tie_options(array("name" => "Breaking News Query Type", "id" => "breaking_type", "options" => array("category" => "Categories", "tag" => "Tags", "custom" => "Custom Text"), "type" => "radio"));
    tie_options(array("name" => "Number Of Posts To Show", "id" => "breaking_number", "type" => "short-text"));
    tie_options(array("name" => "Breaking News Tags", "help" => "Enter a tag name, or names seprated by comma. ", "id" => "breaking_tag", "type" => "text"));
    ?>
					
				
					<div class="option-item" id="breaking_cat-item">
						<span class="label">Breaking News Categories</span>
							<select multiple="multiple" name="tie_options[breaking_cat][]" id="tie_breaking_cat">
							<?php 
    foreach ($categories as $key => $option) {
        ?>
								<option value="<?php 
        echo $key;
        ?>
" <?php 
        if (@in_array($key, tie_get_option('breaking_cat'))) {
            echo ' selected="selected"';
        }
        ?>
><?php 
        echo $option;
        ?>
</option>
							<?php 
    }
    ?>
						</select>
					</div>
		
			</div>
			
			<div class="tiepanel-item" id="breaking_custom-item">
				<h3>Breaking News Custom Text</h3>
					<div class="option-item" >
					
						<span class="label" style="width:40px">Text</span>
						<input id="custom_text" type="text" size="56" style="direction:ltr; text-laign:left; width:200px; float:left" name="custom_text" value="" />
						<span class="label" style="width:40px; margin-left:10px;">Link</span>
						<input id="custom_link" type="text" size="56" style="direction:ltr; text-laign:left; width:200px; float:left" name="custom_link" value="" />
						<input id="TextAdd"  class="small_button" type="button" value="Add" />
							
						<ul id="customList" style="margin-top:15px;">
						<?php 
    $breaking_custom = tie_get_option('breaking_custom');
    $custom_count = 0;
    if ($breaking_custom) {
        foreach ($breaking_custom as $custom_text) {
            $custom_count++;
            ?>
							<li>
								<div class="widget-head">
									<a href="<?php 
            echo $custom_text['link'];
            ?>
" target="_blank"><?php 
            echo $custom_text['text'];
            ?>
</a>
									<input name="tie_options[breaking_custom][<?php 
            echo $custom_count;
            ?>
][link]" type="hidden" value="<?php 
            echo $custom_text['link'];
            ?>
" />
									<input name="tie_options[breaking_custom][<?php 
            echo $custom_count;
            ?>
][text]" type="hidden" value="<?php 
            echo $custom_text['text'];
            ?>
" />
									<a class="del-custom-text"></a></div>
							</li>
								<?php 
        }
    }
    ?>
						</ul>
						<script>
							var customnext = <?php 
    echo $custom_count + 1;
    ?>
 ;
						</script>
					</div>	
				</div>
		</div> <!-- Header Settings -->
		
		
		
		<div id="tab2" class="tabs-wrap">
			<h2>Homepage</h2> <?php 
    echo $save;
    ?>
		
			<div class="tiepanel-item">
				<h3>Home page displays</h3>
				<?php 
    tie_options(array("name" => "Home page displays", "id" => "on_home", "type" => "radio", "options" => array("latest" => "Latest posts - Blog Layout", "boxes" => " News Boxes - use Home Builder")));
    ?>
			</div>	
			
		<div id="Home_Builder">

			<div class="tiepanel-item">
				<h3>News Boxes Settings</h3>
				<?php 
    tie_options(array("name" => "First News Excerpt Length", "id" => "home_exc_length", "type" => "short-text"));
    tie_options(array("name" => "Author Meta", "id" => "box_meta_author", "type" => "checkbox", "extra_text" => 'This option not applied on Scrolling boxes and Recent posts Blog Style .'));
    tie_options(array("name" => "Date Meta", "id" => "box_meta_date", "type" => "checkbox"));
    tie_options(array("name" => "Categories Meta", "id" => "box_meta_cats", "type" => "checkbox", "extra_text" => 'This option not applied on Scrolling boxes and Recent posts Blog Style .'));
    tie_options(array("name" => "Comments Meta", "id" => "box_meta_comments", "type" => "checkbox", "extra_text" => 'This option not applied on Scrolling boxes and Recent posts Blog Style .'));
    tie_options(array("name" => "views Meta", "id" => "box_meta_views", "type" => "checkbox", "extra_text" => 'This option not applied on Scrolling boxes and Recent posts Blog Style .'));
    ?>
			</div>	
			
			
			<div class="tiepanel-item"  style=" overflow: visible; ">
				<h3>Home Builder</h3>
				<div class="option-item">
					<?php 
    $i = 0;
    ?>
					<a id="collapse-all">[-] Collapse All</a>
					<a id="expand-all">[+] Expand All</a>
					<div class="clear"></div>
					
					<select style="display:none" id="cats_defult">
						<?php 
    foreach ($categories as $key => $option) {
        ?>
						<option value="<?php 
        echo $key;
        ?>
"><?php 
        echo $option;
        ?>
</option>
						<?php 
    }
    ?>
					</select>
				
				<div class="tiepanel-item builder-section">
				<h3>Main Area</h3>
				<div class="option-item">
				
					<div style="clear:both"></div>
					<div class="home-builder-buttons">
						<a class="tie_add-cat" data-id="#cat_sortable" data-num="1">News Box</a>
						<a class="tie_add-slider" data-id="#cat_sortable" data-num="1">Scrolling Box</a>
						<a class="tie_add-ads" data-id="#cat_sortable" data-num="1">Ads / Custom Content</a>
						<a class="tie_add-news-picture" data-id="#cat_sortable" data-num="1">News in Picture</a>
						<a class="tie_add-recent" data-id="#cat_sortable" data-num="1">Recent Posts</a>
						<a class="tie_add-divider" data-id="#cat_sortable" data-num="1">Divider</a>
					</div>
					
	
					
					<ul id="cat_sortable" class="cat_sortable">
						<?php 
    $cats = get_option('tie_home_cats1');
    if ($cats) {
        foreach ($cats as $cat) {
            $i++;
            ?>
									<li id="listItem_<?php 
            echo $i;
            ?>
" class="ui-state-default">
			
								<?php 
            if ($cat['type'] == 'n') {
                ?>
										<div class="widget-head"> News Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats1[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label><span>Posts Order : </span><select name="tie_home_cats1[<?php 
                echo $i;
                ?>
][order]" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][order]"><option value="latest" <?php 
                if ($cat['order'] == 'latest' || $cat['order'] == '') {
                    echo 'selected="selected"';
                }
                ?>
>Latest Posts</option><option  <?php 
                if ($cat['order'] == 'rand') {
                    echo 'selected="selected"';
                }
                ?>
 value="rand">Random Posts</option></select></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>
											
											<label>
												<span style="float:left; width:162px">Box Style : </span>
												<ul class="tie-cats-options tie-options">
													<li>
														<input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][style]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][style]" type="radio" value="li" <?php 
                if ($cat['style'] == 'li' || $cat['style'] == '') {
                    echo 'checked="checked"';
                }
                ?>
 />
														<a class="checkbox-select" href="#"><img src="<?php 
                echo get_template_directory_uri();
                ?>
/panel/images/li.png" /></a>
													</li>
													<li>
														<input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][style]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][style]" type="radio" value="2c" <?php 
                if ($cat['style'] == '2c') {
                    echo 'checked="checked"';
                }
                ?>
 />
														<a class="checkbox-select" href="#"><img src="<?php 
                echo get_template_directory_uri();
                ?>
/panel/images/2c.png" /></a>
													</li>
													<li>
														<input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][style]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][style]" type="radio" value="1c" <?php 
                if ($cat['style'] == '1c') {
                    echo 'checked="checked"';
                }
                ?>
 />
														<a class="checkbox-select" href="#"><img src="<?php 
                echo get_template_directory_uri();
                ?>
/panel/images/1c.png" /></a>
													</li>
												</ul>
											</label>
								<?php 
            } elseif ($cat['type'] == 'recent') {
                ?>
										<div class="widget-head"> Recent Posts 
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span style="float:left;">Exclude Categories : </span><select multiple="multiple" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][exclude][]" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][exclude][]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if (@in_array($key, $cat['exclude'])) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][display]"><span>Display Mode:</span>
												<select id="tie_home_cats1[<?php 
                echo $i;
                ?>
][display]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][display]">
													<option value="default" <?php 
                if ($cat['display'] == 'default') {
                    echo ' selected="selected"';
                }
                ?>
>Default Style</option>
													<option value="blog" <?php 
                if ($cat['display'] == 'blog') {
                    echo ' selected="selected"';
                }
                ?>
>Blog Style</option>
												</select>
											</label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][pagi]"><span>Show Pagination:</span>
												<select id="tie_home_cats1[<?php 
                echo $i;
                ?>
][pagi]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][pagi]">
													<option value="n" <?php 
                if ($cat['pagi'] == 'n') {
                    echo ' selected="selected"';
                }
                ?>
>No</option>
													<option value="y" <?php 
                if ($cat['pagi'] == 'y') {
                    echo ' selected="selected"';
                }
                ?>
>Yes</option>
												</select>
											</label>
											<p class="tie_message_hint">WordPress WARNING: Setting the offset option breaks pagination, set pagination option to "NO" if you want to use the offset option.</p>
											<input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

									<?php 
            } elseif ($cat['type'] == 's') {
                ?>
										<div class="widget-head scrolling-box"> Scrolling Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats1[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />
											
									<?php 
            } elseif ($cat['type'] == 'ads') {
                ?>
										<div class="widget-head ads-box"> Ads / Custom Content
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<textarea cols="36" rows="5" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][text]" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][text]"><?php 
                if (!empty($cat['text'])) {
                    echo stripslashes($cat['text']);
                }
                ?>
</textarea>
											<input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />
											<small>Supports <strong>Text, HTML and Shortcodes</strong> .</small>
									<?php 
            } elseif ($cat['type'] == 'news-pic') {
                ?>
										<div class="widget-head news-pic-box">  News In Picture
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats1[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

									<?php 
            } elseif ($cat['type'] == 'divider') {
                ?>
										<div class="widget-head news-pic-box">  Divider
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label for="tie_home_cats1[<?php 
                echo $i;
                ?>
][height]"><span>Height :</span><input id="tie_home_cats1[<?php 
                echo $i;
                ?>
][height]" name="tie_home_cats1[<?php 
                echo $i;
                ?>
][height]" value="<?php 
                if (!empty($cat['height'])) {
                    echo $cat['height'];
                }
                ?>
" type="text" style="width:50px;" /> px</label>

									<?php 
            }
            ?>
									
									
											<input id="tie_home_cats1[<?php 
            echo $i;
            ?>
][type]" name="tie_home_cats1[<?php 
            echo $i;
            ?>
][type]" value="<?php 
            echo $cat['type'];
            ?>
" type="hidden" />
											<a class="del-cat"></a>
										
										</div>
									</li>
							<?php 
        }
    } else {
        ?>
							<?php 
    }
    ?>
					</ul>
					
				</div>
				</div>


				<div class="tiepanel-item builder-section">
				<h3>First Wide Area</h3>
				<div class="option-item">
				
					<div style="clear:both"></div>
					<div class="home-builder-buttons">
						<a class="tie_add-wide-cat" data-id="#cat_sortable2" data-num="2">News Box</a>
						<a class="tie_add-slider" data-id="#cat_sortable2" data-num="2">Scrolling Box</a>
						<a class="tie_add-ads" data-id="#cat_sortable2" data-num="2" >Ads / Custom Content</a>
						<a class="tie_add-wide-reviews" data-id="#cat_sortable2" data-num="2" id="add-review" >Reviews Categories</a>
					</div>
					
	
					
					<ul id="cat_sortable2" class="cat_sortable">
						<?php 
    $cats = $cat = 0;
    $cats = get_option('tie_home_cats2');
    if ($cats) {
        foreach ($cats as $cat) {
            $i++;
            ?>
									<li id="listItem_<?php 
            echo $i;
            ?>
" class="ui-state-default">
			
								<?php 
            if ($cat['type'] == 'n') {
                ?>
										<div class="widget-head"> News Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats2[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label><span>Posts Order : </span><select name="tie_home_cats2[<?php 
                echo $i;
                ?>
][order]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][order]"><option value="latest" <?php 
                if ($cat['order'] == 'latest' || $cat['order'] == '') {
                    echo 'selected="selected"';
                }
                ?>
>Latest Posts</option><option  <?php 
                if ($cat['order'] == 'rand') {
                    echo 'selected="selected"';
                }
                ?>
 value="rand">Random Posts</option></select></label>
											<label for="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats2[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

									<?php 
            } elseif ($cat['type'] == 's') {
                ?>
										<div class="widget-head scrolling-box"> Scrolling Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats2[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats2[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats2[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats2[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<input id="tie_home_cats2[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

								<?php 
            } elseif ($cat['type'] == 'rev') {
                ?>
										<div class="widget-head"> Reviews Box
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label for="tie_home_cats2[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats2[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label><span>Box Category 1 : </span><select name="tie_home_cats2[<?php 
                echo $i;
                ?>
][id1]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][id1]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id1'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>

											<label><span>Box Category 2 : </span><select name="tie_home_cats2[<?php 
                echo $i;
                ?>
][id2]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][id2]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id2'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											
											<label><span>Box Category 3 : </span><select name="tie_home_cats2[<?php 
                echo $i;
                ?>
][id3]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][id3]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id3'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label><span>Posts Order : </span><select name="tie_home_cats2[<?php 
                echo $i;
                ?>
][order]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][order]"><option value="latest" <?php 
                if ($cat['order'] == 'latest' || $cat['order'] == '') {
                    echo 'selected="selected"';
                }
                ?>
>Latest Reviews</option><option  <?php 
                if ($cat['order'] == 'rand') {
                    echo 'selected="selected"';
                }
                ?>
 value="rand">Random Reviews</option><option  <?php 
                if ($cat['order'] == 'best') {
                    echo 'selected="selected"';
                }
                ?>
 value="best">Best Reviews</option></select></label>
											<label for="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>

											<input id="tie_home_cats2[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

											
									<?php 
            } elseif ($cat['type'] == 'ads') {
                ?>
										<div class="widget-head ads-box"> Ads / Custom Content
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<textarea cols="36" rows="5" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][text]" id="tie_home_cats2[<?php 
                echo $i;
                ?>
][text]"><?php 
                if (!empty($cat['text'])) {
                    echo stripslashes($cat['text']);
                }
                ?>
</textarea>
											<input id="tie_home_cats2[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats2[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />
											<small>Supports <strong>Text, HTML and Shortcodes</strong> .</small>
											
									<?php 
            }
            ?>
									
									
											<input id="tie_home_cats2[<?php 
            echo $i;
            ?>
][type]" name="tie_home_cats2[<?php 
            echo $i;
            ?>
][type]" value="<?php 
            echo $cat['type'];
            ?>
" type="hidden" />
											<a class="del-cat"></a>
										
										</div>
									</li>
							<?php 
        }
    } else {
        ?>
							<?php 
    }
    ?>
					</ul>
					
				</div>
				</div>

				
				<div class="tiepanel-item builder-section">
				<h3>Secondry Area</h3>
				<div class="option-item">
				
					<div style="clear:both"></div>
					<div class="home-builder-buttons">
						<a class="tie_add-cat" data-id="#cat_sortable3" data-num="3">News Box</a>
						<a class="tie_add-slider" data-id="#cat_sortable3" data-num="3">Scrolling Box</a>
						<a class="tie_add-ads" data-id="#cat_sortable3" data-num="3">Ads / Custom Content</a>
						<a class="tie_add-news-picture" data-id="#cat_sortable3" data-num="3">News in Picture</a>
						<a class="tie_add-recent" data-id="#cat_sortable3" data-num="3">Recent Posts</a>
						<a class="tie_add-divider" data-id="#cat_sortable3" data-num="3">Divider</a>
					</div>
					
	
					
					<ul id="cat_sortable3" class="cat_sortable">
						<?php 
    $cats = $cat = 0;
    $cats = get_option('tie_home_cats3');
    if ($cats) {
        foreach ($cats as $cat) {
            $i++;
            ?>
									<li id="listItem_<?php 
            echo $i;
            ?>
" class="ui-state-default">
			
								<?php 
            if ($cat['type'] == 'n') {
                ?>
										<div class="widget-head"> News Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats3[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label><span>Posts Order : </span><select name="tie_home_cats3[<?php 
                echo $i;
                ?>
][order]" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][order]"><option value="latest" <?php 
                if ($cat['order'] == 'latest' || $cat['order'] == '') {
                    echo 'selected="selected"';
                }
                ?>
>Latest Posts</option><option  <?php 
                if ($cat['order'] == 'rand') {
                    echo 'selected="selected"';
                }
                ?>
 value="rand">Random Posts</option></select></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>
																						
											<label>
												<span style="float:left; width:162px">Box Style : </span>
												<ul class="tie-cats-options tie-options">
													<li>
														<input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][style]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][style]" type="radio" value="li" <?php 
                if ($cat['style'] == 'li' || $cat['style'] == '') {
                    echo 'checked="checked"';
                }
                ?>
 />
														<a class="checkbox-select" href="#"><img src="<?php 
                echo get_template_directory_uri();
                ?>
/panel/images/li.png" /></a>
													</li>
													<li>
														<input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][style]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][style]" type="radio" value="2c" <?php 
                if ($cat['style'] == '2c') {
                    echo 'checked="checked"';
                }
                ?>
 />
														<a class="checkbox-select" href="#"><img src="<?php 
                echo get_template_directory_uri();
                ?>
/panel/images/2c.png" /></a>
													</li>
													<li>
														<input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][style]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][style]" type="radio" value="1c" <?php 
                if ($cat['style'] == '1c') {
                    echo 'checked="checked"';
                }
                ?>
 />
														<a class="checkbox-select" href="#"><img src="<?php 
                echo get_template_directory_uri();
                ?>
/panel/images/1c.png" /></a>
													</li>
												</ul>
											</label>
								<?php 
            } elseif ($cat['type'] == 'recent') {
                ?>
										<div class="widget-head"> Recent Posts 
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span style="float:left;">Exclude This Categories : </span><select multiple="multiple" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][exclude][]" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][exclude][]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if (@in_array($key, $cat['exclude'])) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][display]"><span>Display Mode:</span>
												<select id="tie_home_cats3[<?php 
                echo $i;
                ?>
][display]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][display]">
													<option value="default" <?php 
                if ($cat['display'] == 'default') {
                    echo ' selected="selected"';
                }
                ?>
>Default Style</option>
													<option value="blog" <?php 
                if ($cat['display'] == 'blog') {
                    echo ' selected="selected"';
                }
                ?>
>Blog Style</option>
												</select>
											</label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][pagi]"><span>Show Pagination:</span>
												<select id="tie_home_cats3[<?php 
                echo $i;
                ?>
][pagi]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][pagi]">
													<option value="n" <?php 
                if ($cat['pagi'] == 'n') {
                    echo ' selected="selected"';
                }
                ?>
>No</option>
													<option value="y" <?php 
                if ($cat['pagi'] == 'y') {
                    echo ' selected="selected"';
                }
                ?>
>Yes</option>
												</select>
											</label>
											<p class="tie_message_hint">WordPress WARNING: Setting the offset option breaks pagination, set pagination option to "NO" if you want to use the offset option.</p>

											<input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

									<?php 
            } elseif ($cat['type'] == 's') {
                ?>
										<div class="widget-head scrolling-box"> Scrolling Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats3[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

											
									<?php 
            } elseif ($cat['type'] == 'ads') {
                ?>
										<div class="widget-head ads-box"> Ads / Custom Content
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<textarea cols="36" rows="5" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][text]" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][text]"><?php 
                if (!empty($cat['text'])) {
                    echo stripslashes($cat['text']);
                }
                ?>
</textarea>
											<input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />
											<small>Supports <strong>Text, HTML and Shortcodes</strong> .</small>
											
									<?php 
            } elseif ($cat['type'] == 'news-pic') {
                ?>
										<div class="widget-head news-pic-box">  News In Picture
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats3[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

									<?php 
            } elseif ($cat['type'] == 'divider') {
                ?>
										<div class="widget-head news-pic-box">  Divider
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label for="tie_home_cats3[<?php 
                echo $i;
                ?>
][height]"><span>Height :</span><input id="tie_home_cats3[<?php 
                echo $i;
                ?>
][height]" name="tie_home_cats3[<?php 
                echo $i;
                ?>
][height]" value="<?php 
                if (!empty($cat['height'])) {
                    echo $cat['height'];
                }
                ?>
" type="text" style="width:50px;" /> px</label>

									<?php 
            }
            ?>
									
									
											<input id="tie_home_cats3[<?php 
            echo $i;
            ?>
][type]" name="tie_home_cats3[<?php 
            echo $i;
            ?>
][type]" value="<?php 
            echo $cat['type'];
            ?>
" type="hidden" />
											<a class="del-cat"></a>
										
										</div>
									</li>
							<?php 
        }
    } else {
        ?>
							<?php 
    }
    ?>
					</ul>
					
				</div>
				</div>
				
			
				<div class="tiepanel-item builder-section">
				<h3>Second Wide Area</h3>
				<div class="option-item">
				
					<div style="clear:both"></div>
					<div class="home-builder-buttons">
						<a class="tie_add-wide-cat" data-id="#cat_sortable4" data-num="4">News Box</a>
						<a class="tie_add-slider" data-id="#cat_sortable4" data-num="4">Scrolling Box</a>
						<a class="tie_add-ads" data-id="#cat_sortable4" data-num="4" >Ads / Custom Content</a>
						<a class="tie_add-wide-reviews" data-id="#cat_sortable4" data-num="4" id="add-review" >Reviews Categories</a>
					</div>
					
	
					
					<ul id="cat_sortable4" class="cat_sortable">
						<?php 
    $cats = $cat = 0;
    $cats = get_option('tie_home_cats4');
    if ($cats) {
        foreach ($cats as $cat) {
            $i++;
            ?>
									<li id="listItem_<?php 
            echo $i;
            ?>
" class="ui-state-default">
			
								<?php 
            if ($cat['type'] == 'n') {
                ?>
										<div class="widget-head"> News Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats4[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label><span>Posts Order : </span><select name="tie_home_cats4[<?php 
                echo $i;
                ?>
][order]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][order]"><option value="latest" <?php 
                if ($cat['order'] == 'latest' || $cat['order'] == '') {
                    echo 'selected="selected"';
                }
                ?>
>Latest Posts</option><option  <?php 
                if ($cat['order'] == 'rand') {
                    echo 'selected="selected"';
                }
                ?>
 value="rand">Random Posts</option></select></label>
											<label for="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats4[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

									<?php 
            } elseif ($cat['type'] == 's') {
                ?>
										<div class="widget-head scrolling-box"> Scrolling Box : <?php 
                if (!empty($cat['id'])) {
                    echo get_the_category_by_ID($cat['id']);
                }
                ?>
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label><span>Box Category : </span><select name="tie_home_cats4[<?php 
                echo $i;
                ?>
][id]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][id]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label for="tie_home_cats4[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats4[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<label for="tie_home_cats4[<?php 
                echo $i;
                ?>
][offset]"><span>Offset - number of post to pass over</span><input style="width:50px;" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][offset]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][offset]" value="<?php 
                if (!empty($cat['offset'])) {
                    echo $cat['offset'];
                }
                ?>
" type="text" /></label>

											<input id="tie_home_cats4[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />

								<?php 
            } elseif ($cat['type'] == 'rev') {
                ?>
										<div class="widget-head"> Reviews Box
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<label for="tie_home_cats4[<?php 
                echo $i;
                ?>
][title]"><span>Box Title :</span><input id="tie_home_cats4[<?php 
                echo $i;
                ?>
][title]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][title]" value="<?php 
                if (!empty($cat['title'])) {
                    echo $cat['title'];
                }
                ?>
" type="text" /></label>
											<label><span>Box Category 1 : </span><select name="tie_home_cats4[<?php 
                echo $i;
                ?>
][id1]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][id1]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id1'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>

											<label><span>Box Category 2 : </span><select name="tie_home_cats4[<?php 
                echo $i;
                ?>
][id2]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][id2]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id2'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											
											<label><span>Box Category 3 : </span><select name="tie_home_cats4[<?php 
                echo $i;
                ?>
][id3]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][id3]">
												<?php 
                foreach ($categories as $key => $option) {
                    ?>
												<option value="<?php 
                    echo $key;
                    ?>
" <?php 
                    if ($cat['id3'] == $key) {
                        echo ' selected="selected"';
                    }
                    ?>
><?php 
                    echo $option;
                    ?>
</option>
												<?php 
                }
                ?>
											</select></label>
											<label><span>Posts Order : </span><select name="tie_home_cats4[<?php 
                echo $i;
                ?>
][order]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][order]"><option value="latest" <?php 
                if ($cat['order'] == 'latest' || $cat['order'] == '') {
                    echo 'selected="selected"';
                }
                ?>
>Latest Reviews</option><option  <?php 
                if ($cat['order'] == 'rand') {
                    echo 'selected="selected"';
                }
                ?>
 value="rand">Random Reviews</option><option  <?php 
                if ($cat['order'] == 'best') {
                    echo 'selected="selected"';
                }
                ?>
 value="best">Best Reviews</option></select></label>
											<label for="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]"><span>Number of posts to show :</span><input style="width:50px;" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][number]" value="<?php 
                if (!empty($cat['number'])) {
                    echo $cat['number'];
                }
                ?>
" type="text" /></label>
											<input id="tie_home_cats4[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />


											
									<?php 
            } elseif ($cat['type'] == 'ads') {
                ?>
										<div class="widget-head ads-box"> Ads / Custom Content
											<a class="toggle-open">+</a>
											<a class="toggle-close">-</a>
										</div>
										<div class="widget-content">
											<textarea cols="36" rows="5" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][text]" id="tie_home_cats4[<?php 
                echo $i;
                ?>
][text]"><?php 
                if (!empty($cat['text'])) {
                    echo stripslashes($cat['text']);
                }
                ?>
</textarea>
											<input id="tie_home_cats4[<?php 
                echo $i;
                ?>
][boxid]" name="tie_home_cats4[<?php 
                echo $i;
                ?>
][boxid]" value="<?php 
                if (empty($cat['boxid'])) {
                    echo $cat['type'] . '_' . rand(200, 3500);
                } else {
                    echo $cat['boxid'];
                }
                ?>
" type="hidden" />
											<small>Supports <strong>Text, HTML and Shortcodes</strong> .</small>
									<?php 
            }
            ?>
									
									
											<input id="tie_home_cats4[<?php 
            echo $i;
            ?>
][type]" name="tie_home_cats4[<?php 
            echo $i;
            ?>
][type]" value="<?php 
            echo $cat['type'];
            ?>
" type="hidden" />
											<a class="del-cat"></a>
										
										</div>
									</li>
							<?php 
        }
    } else {
        ?>
							<?php 
    }
    ?>
					</ul>
					
				</div>
				</div>
				
				
				<script>
					var nextCell = <?php 
    echo $i + 1;
    ?>
 ;
					var templatePath =' <?php 
    echo get_template_directory_uri();
    ?>
';
				</script>
					
					<div class="tiepanel-item">	
						<h3>Help : Homepage Areas</h3>
						<div class="option-item">
							<div style="text-align:center"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/home-builder.png" /></div>
						</div>
					</div>
				</div>	

				
			</div>
						
		</div>

		</div> <!-- Homepage Settings -->
		
		
		<div id="tab4" class="tabs-wrap">
			<h2>Social Networking</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">
				<h3>Custom Feed URL</h3>
							
				<?php 
    tie_options(array("name" => "Hide Rss Icon", "id" => "rss_icon", "type" => "checkbox"));
    tie_options(array("name" => "Custom Feed URL", "id" => "rss_url", "help" => "e.g. http://feedburner.com/userid", "type" => "text"));
    ?>
			</div>
			
		<div class="tiepanel-item">
				<h3>Social Networking</h3>
				<p class="tie_message_hint"> Don't forget http:// before link .</p>
						
				<?php 
    tie_options(array("name" => "Facebook URL", "id" => "social", "key" => "facebook", "type" => "arrayText"));
    tie_options(array("name" => "Twitter URL", "id" => "social", "key" => "twitter", "type" => "arrayText"));
    tie_options(array("name" => "Google+ URL", "id" => "social", "key" => "google_plus", "type" => "arrayText"));
    tie_options(array("name" => "MySpace URL", "id" => "social", "key" => "myspace", "type" => "arrayText"));
    tie_options(array("name" => "dribbble URL", "id" => "social", "key" => "dribbble", "type" => "arrayText"));
    tie_options(array("name" => "LinkedIn URL", "id" => "social", "key" => "linkedin", "type" => "arrayText"));
    tie_options(array("name" => "evernote URL", "id" => "social", "key" => "evernote", "type" => "arrayText"));
    tie_options(array("name" => "Dropbox URL", "id" => "social", "key" => "dropbox", "type" => "arrayText"));
    tie_options(array("name" => "Flickr URL", "id" => "social", "key" => "flickr", "type" => "arrayText"));
    tie_options(array("name" => "Picasa Web URL", "id" => "social", "key" => "picasa", "type" => "arrayText"));
    tie_options(array("name" => "DeviantArt URL", "id" => "social", "key" => "deviantart", "type" => "arrayText"));
    tie_options(array("name" => "YouTube URL", "id" => "social", "key" => "youtube", "type" => "arrayText"));
    tie_options(array("name" => "grooveshark URL", "id" => "social", "key" => "grooveshark", "type" => "arrayText"));
    tie_options(array("name" => "Vimeo URL", "id" => "social", "key" => "vimeo", "type" => "arrayText"));
    tie_options(array("name" => "ShareThis URL", "id" => "social", "key" => "sharethis", "type" => "arrayText"));
    tie_options(array("name" => "yahoobuzz URL", "id" => "social", "key" => "yahoobuzz", "type" => "arrayText"));
    tie_options(array("name" => "500px URL", "id" => "social", "key" => "px500", "type" => "arrayText"));
    tie_options(array("name" => "Skype URL", "id" => "social", "key" => "skype", "type" => "arrayText"));
    tie_options(array("name" => "Digg URL", "id" => "social", "key" => "digg", "type" => "arrayText"));
    tie_options(array("name" => "Reddit URL", "id" => "social", "key" => "reddit", "type" => "arrayText"));
    tie_options(array("name" => "Delicious URL", "id" => "social", "key" => "delicious", "type" => "arrayText"));
    tie_options(array("name" => "StumbleUpon  URL", "key" => "stumbleupon", "id" => "social", "type" => "arrayText"));
    tie_options(array("name" => "FriendFeed URL", "id" => "social", "key" => "friendfeed", "type" => "arrayText"));
    tie_options(array("name" => "Tumblr URL", "id" => "social", "key" => "tumblr", "type" => "arrayText"));
    tie_options(array("name" => "Blogger URL", "id" => "social", "key" => "blogger", "type" => "arrayText"));
    tie_options(array("name" => "Wordpress URL", "id" => "social", "key" => "wordpress", "type" => "arrayText"));
    tie_options(array("name" => "Yelp URL", "id" => "social", "key" => "yelp", "type" => "arrayText"));
    tie_options(array("name" => "posterous URL", "id" => "social", "key" => "posterous", "type" => "arrayText"));
    tie_options(array("name" => "Last.fm URL", "id" => "social", "key" => "lastfm", "type" => "arrayText"));
    tie_options(array("name" => "Apple URL", "id" => "social", "key" => "apple", "type" => "arrayText"));
    tie_options(array("name" => "FourSquare URL", "id" => "social", "key" => "foursquare", "type" => "arrayText"));
    tie_options(array("name" => "Github URL", "id" => "social", "key" => "github", "type" => "arrayText"));
    tie_options(array("name" => "openid URL", "id" => "social", "key" => "openid", "type" => "arrayText"));
    tie_options(array("name" => "SoundCloud URL", "id" => "social", "key" => "soundcloud", "type" => "arrayText"));
    tie_options(array("name" => "xing.me URL", "id" => "social", "key" => "xing", "type" => "arrayText"));
    tie_options(array("name" => "Google Play URL", "id" => "social", "key" => "google_play", "type" => "arrayText"));
    tie_options(array("name" => "Pinterest URL", "id" => "social", "key" => "Pinterest", "type" => "arrayText"));
    tie_options(array("name" => "Instagram URL", "id" => "social", "key" => "instagram", "type" => "arrayText"));
    tie_options(array("name" => "Spotify URL", "id" => "social", "key" => "spotify", "type" => "arrayText"));
    tie_options(array("name" => "PayPal URL", "id" => "social", "key" => "paypal", "type" => "arrayText"));
    tie_options(array("name" => "Forrst URL", "id" => "social", "key" => "forrst", "type" => "arrayText"));
    tie_options(array("name" => "Behance URL", "id" => "social", "key" => "behance", "type" => "arrayText"));
    tie_options(array("name" => "Viadeo URL", "id" => "social", "key" => "viadeo", "type" => "arrayText"));
    tie_options(array("name" => "VK.com URL", "id" => "social", "key" => "vk", "type" => "arrayText"));
    ?>
			</div>			
		</div><!-- Social Networking -->
		
		
		
		
		<div id="tab5" class="tab_content tabs-wrap">
			<h2>Slider Settings</h2> <?php 
    echo $save;
    ?>
			<div class="tiepanel-item">
				<h3>Slider Settings</h3>
				<?php 
    tie_options(array("name" => "Enable", "id" => "slider", "type" => "checkbox"));
    tie_options(array("name" => "Slider Type", "id" => "slider_type", "options" => array("flexi" => "Flexi Slider", "elastic" => "Elastic Slideshow "), "type" => "radio"));
    tie_options(array("name" => "Show Slides Caption", "id" => "slider_caption", "type" => "checkbox"));
    tie_options(array("name" => "Slides Caption Length", "id" => "slider_caption_length", "type" => "short-text"));
    ?>
				
			</div>
			<div id="elastic" class="tiepanel-item">
			<h3>Elastic Slideshow Settings</h3>
				<?php 
    tie_options(array("name" => "Animation Effect", "id" => "elastic_slider_effect", "type" => "select", "options" => array('center' => 'Center', 'sides' => 'Sides')));
    tie_options(array("name" => "Autoplay", "id" => "elastic_slider_autoplay", "type" => "checkbox"));
    tie_options(array("name" => "Slideshow Speed", "id" => "elastic_slider_interval", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    tie_options(array("name" => "Animation Speed", "id" => "elastic_slider_speed", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    ?>
			</div>

			<div id="flexi" class="tiepanel-item">
			<h3>Flexi Slider Settings</h3>
				<?php 
    if (is_rtl()) {
        tie_options(array("name" => "Animation Effect", "id" => "flexi_slider_effect", "type" => "select", "options" => array('fade' => 'Fade', 'slideV' => 'Slide Vertical')));
    } else {
        tie_options(array("name" => "Animation Effect", "id" => "flexi_slider_effect", "type" => "select", "options" => array('fade' => 'Fade', 'slideV' => 'Slide Vertical', 'slideH' => 'Slide Horizontal')));
    }
    tie_options(array("name" => "Slideshow Speed", "id" => "flexi_slider_speed", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    tie_options(array("name" => "Animation Speed", "id" => "flexi_slider_time", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Query Settings</h3>
			<?php 
    tie_options(array("name" => "Number Of Posts To Show", "id" => "slider_number", "type" => "short-text"));
    tie_options(array("name" => "Query Type", "id" => "slider_query", "options" => array("category" => "Category", "tag" => "Tag", "post" => "Selctive Posts", "page" => "Selctive pages", "custom" => "Custom Slider"), "type" => "radio"));
    tie_options(array("name" => "Tags", "help" => "Enter a tag name, or names seprated by comma. ", "id" => "slider_tag", "type" => "text"));
    ?>
				<?php 
    // To convert single cat in version 1.6 to multiple cats in 1.7 .. will removed in future
    $slider_cat = tie_get_option('slider_cat');
    if (!is_array($slider_cat)) {
        $slider_cat = array();
        $slider_cat[] = tie_get_option('slider_cat');
    }
    ?>
					<div class="option-item" id="slider_cat-item">
						<span class="label">Category</span>
							<select multiple="multiple" name="tie_options[slider_cat][]" id="tie_slider_cat">
							<?php 
    foreach ($categories as $key => $option) {
        ?>
								<option value="<?php 
        echo $key;
        ?>
" <?php 
        if (@in_array($key, $slider_cat)) {
            echo ' selected="selected"';
        }
        ?>
><?php 
        echo $option;
        ?>
</option>
							<?php 
    }
    ?>
						</select>
						<a class="mo-help tooltip" title="Enter a category ID, or IDs seprated by comma. "></a>
					</div>
					
			<?php 
    tie_options(array("name" => "Selctive Posts IDs", "help" => "Enter a post ID, or IDs seprated by comma. ", "id" => "slider_posts", "type" => "text"));
    tie_options(array("name" => "Selctive Pages IDs", "help" => "Enter a page ID, or IDs seprated by comma. ", "id" => "slider_pages", "type" => "text"));
    tie_options(array("name" => "Custom Slider", "help" => "Choose your custom slider", "id" => "slider_custom", "type" => "select", "options" => $sliders));
    ?>
			
			</div>
		</div> <!-- Slideshow -->
						
		<div id="tab6" class="tab_content tabs-wrap">
			<h2>Article Settings</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">

				<h3>Article Settings</h3>
				<?php 
    tie_options(array("name" => "Show Featured Image", "desc" => "", "id" => "post_featured", "type" => "checkbox"));
    tie_options(array("name" => "Post Author Box", "desc" => "", "id" => "post_authorbio", "type" => "checkbox"));
    tie_options(array("name" => "Next/Prev Article", "desc" => "", "id" => "post_nav", "type" => "checkbox"));
    tie_options(array("name" => "OG Meta", "desc" => "", "id" => "post_og_cards", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">

				<h3>Post Meta Settings</h3>
				<?php 
    tie_options(array("name" => "Post Meta :", "id" => "post_meta", "type" => "checkbox"));
    tie_options(array("name" => "Author Meta", "id" => "post_author", "type" => "checkbox"));
    tie_options(array("name" => "Date Meta", "id" => "post_date", "type" => "checkbox"));
    tie_options(array("name" => "Categories Meta", "id" => "post_cats", "type" => "checkbox"));
    tie_options(array("name" => "Comments Meta", "id" => "post_comments", "type" => "checkbox"));
    tie_options(array("name" => "Views Meta", "id" => "post_views", "type" => "checkbox"));
    tie_options(array("name" => "Tags Meta", "id" => "post_tags", "type" => "checkbox"));
    ?>
	
			</div>

				
			<div class="tiepanel-item">

				<h3>Share Post Settings</h3>
				<?php 
    tie_options(array("name" => "Share Post Buttons :", "id" => "share_post", "type" => "checkbox"));
    tie_options(array("name" => "Tweet Button", "id" => "share_tweet", "type" => "checkbox"));
    tie_options(array("name" => "Twitter Username <small>(optional)</small>", "id" => "share_twitter_username", "type" => "text"));
    tie_options(array("name" => "Facebook Like Button", "id" => "share_facebook", "type" => "checkbox"));
    tie_options(array("name" => "Google+ Button", "id" => "share_google", "type" => "checkbox"));
    tie_options(array("name" => "Linkedin Button", "id" => "share_linkdin", "type" => "checkbox"));
    tie_options(array("name" => "StumbleUpon Button", "id" => "share_stumble", "type" => "checkbox"));
    tie_options(array("name" => "Pinterest Button", "id" => "share_pinterest", "type" => "checkbox"));
    ?>
	
			</div>

				
			<div class="tiepanel-item">

				<h3>Related Posts Settings</h3>
				<?php 
    tie_options(array("name" => "Related Posts", "id" => "related", "type" => "checkbox"));
    tie_options(array("name" => "Related Posts Box Title", "id" => "related_title", "type" => "text"));
    tie_options(array("name" => "Number of posts to show", "id" => "related_number", "type" => "short-text"));
    tie_options(array("name" => "Query Type", "id" => "related_query", "options" => array("category" => "Category", "tag" => "Tag", "author" => "Author"), "type" => "radio"));
    ?>
			</div>

			
			<div class="tiepanel-item">

				<h3>jQuery Comments Settings</h3>
				<?php 
    tie_options(array("name" => "Adding Comment Validation ", "id" => "comment_validation", "type" => "checkbox"));
    ?>
			</div>
		</div> <!-- Article Settings -->
		
		
		<div id="tab7" class="tabs-wrap">
			<h2>Footer Settings</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">

				<h3>Footer Elements</h3>
				<?php 
    tie_options(array("name" => "'Go To Top' Icon", "id" => "footer_top", "type" => "checkbox"));
    tie_options(array("name" => "Social Icons", "desc" => "", "id" => "footer_social", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Footer Column layout</h3>
					<div class="option-item">

					<?php 
    $checked = 'checked="checked"';
    $tie_footer_widgets = tie_get_option('footer_widgets');
    ?>
					<ul id="footer-widgets-options" class="tie-options">
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-1c" <?php 
    if ($tie_footer_widgets == 'footer-1c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-1c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-2c" <?php 
    if ($tie_footer_widgets == 'footer-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-2c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="narrow-wide-2c" <?php 
    if ($tie_footer_widgets == 'narrow-wide-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-2c-narrow-wide.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-narrow-2c" <?php 
    if ($tie_footer_widgets == 'wide-narrow-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-2c-wide-narrow.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-3c" <?php 
    if ($tie_footer_widgets == 'footer-3c' || !$tie_footer_widgets) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-3c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-left-3c" <?php 
    if ($tie_footer_widgets == 'wide-left-3c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-3c-wide-left.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-right-3c" <?php 
    if ($tie_footer_widgets == 'wide-right-3c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-3c-wide-right.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-4c" <?php 
    if ($tie_footer_widgets == 'footer-4c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-4c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="disable" <?php 
    if ($tie_footer_widgets == 'disable') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-no.png" /></a>
						</li>

					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Footer Text</h3>
				<div class="option-item">
					<textarea id="tie_footer_one" name="tie_options[footer_one]" style="width:100%" rows="4"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_one'));
    ?>
</textarea>				
					<span style="padding-left:0" class="extra-text"><strong style="font-size: 12px;">Variables</strong>
						These tags can be included in the textarea above and will be replaced when a page is displayed.
						<br />
						<strong>%year%</strong> : <em>Replaced with the current year .</em><br />
						<strong>%site%</strong> : <em>Replaced with The site's name .</em><br />
						<strong>%url%</strong>  : <em>Replaced with The site's URI .</em>
					</span>
				</div>
			</div>

		</div><!-- Footer Settings -->

		
		<div id="tab8" class="tab_content tabs-wrap">
			<h2>Banners Settings</h2> <?php 
    echo $save;
    ?>
			<div class="tiepanel-item">
				<h3>Background Image ADS</h3>
				<?php 
    tie_options(array("name" => "Enable Background Image ADS", "id" => "banner_bg", "type" => "checkbox"));
    tie_options(array("name" => "Background Image ADS Link", "id" => "banner_bg_url", "type" => "text"));
    ?>
				<p class="tie_message_hint">
					Go to "Styling" tab and set "Background Type" to "Custom Background" then upload your custom image and enable <strong>"Full Screen Background"</strong> option ... <a href="http://themes.tielabs.com/docs/jarida/#!/setting_up_a_background" target="_blank">check this</a> for more info .
				</p>
			</div>
			<div class="tiepanel-item">
				<h3>Top Banner Area</h3>
				<?php 
    tie_options(array("name" => "Top Banner", "id" => "banner_top", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href="">Image Ad</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Top Banner Image", "id" => "banner_top_img", "type" => "upload"));
    tie_options(array("name" => "Top Banner Link", "id" => "banner_top_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_top_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_top_tab", "type" => "checkbox"));
    tie_options(array("name" => "Nofollow", "id" => "banner_top_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Responsive Google AdSense</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Publisher ID", "id" => "banner_top_publisher", "type" => "text"));
    tie_options(array("name" => "728x90 (Leaderboard) - ad ID", "id" => "banner_top_728", "type" => "text"));
    tie_options(array("name" => "468x60 (Banner) - ad ID", "id" => "banner_top_468", "type" => "text"));
    tie_options(array("name" => "300x250 (Medium Rectangle) - ad ID", "id" => "banner_top_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Custom Code</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Custom Ad Code", "id" => "banner_top_adsense", "extra_text" => 'Supports <strong>Text, HTML and Shortcodes</strong> .', "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>

			<div class="tiepanel-item">
				<h3>Bottom Banner Area</h3>
				<?php 
    tie_options(array("name" => "Bottom Banner", "id" => "banner_bottom", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href="">Image Ad</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Bottom Banner Image", "id" => "banner_bottom_img", "type" => "upload"));
    tie_options(array("name" => "Bottom Banner Link", "id" => "banner_bottom_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_bottom_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_bottom_tab", "type" => "checkbox"));
    tie_options(array("name" => "Nofollow", "id" => "banner_bottom_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Responsive Google AdSense</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Publisher ID", "id" => "banner_bottom_publisher", "type" => "text"));
    tie_options(array("name" => "728x90 (Leaderboard) - ad ID", "id" => "banner_bottom_728", "type" => "text"));
    tie_options(array("name" => "468x60 (Banner) - ad ID", "id" => "banner_bottom_468", "type" => "text"));
    tie_options(array("name" => "300x250 (Medium Rectangle) - ad ID", "id" => "banner_bottom_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Custom Code</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Custom Ad Code", "id" => "banner_bottom_adsense", "extra_text" => 'Supports <strong>Text, HTML and Shortcodes</strong> .', "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>
	
	
			<div class="tiepanel-item">
				<h3>Above Article Banner Area</h3>
				<?php 
    tie_options(array("name" => "Above Article Banner", "id" => "banner_above", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href="">Image Ad</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Above Article Banner Image", "id" => "banner_above_img", "type" => "upload"));
    tie_options(array("name" => "Above Article Banner Link", "id" => "banner_above_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_above_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_above_tab", "type" => "checkbox"));
    tie_options(array("name" => "Nofollow", "id" => "banner_above_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Responsive Google AdSense</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Publisher ID", "id" => "banner_above_publisher", "type" => "text"));
    tie_options(array("name" => "468x60 (Banner) - ad ID", "id" => "banner_above_468", "type" => "text"));
    tie_options(array("name" => "300x250 (Medium Rectangle) - ad ID", "id" => "banner_above_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Custom Code</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Custom Ad Code", "id" => "banner_above_adsense", "extra_text" => 'Supports <strong>Text, HTML and Shortcodes</strong> .', "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>
	
			
			<div class="tiepanel-item">
				<h3>Below Article Banner Area</h3>
				<?php 
    tie_options(array("name" => "Below Article Banner", "id" => "banner_below", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href="">Image Ad</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Below Article Banner Image", "id" => "banner_below_img", "type" => "upload"));
    tie_options(array("name" => "Below Article Banner Link", "id" => "banner_below_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_below_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_below_tab", "type" => "checkbox"));
    tie_options(array("name" => "Nofollow", "id" => "banner_below_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Responsive Google AdSense</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Publisher ID", "id" => "banner_below_publisher", "type" => "text"));
    tie_options(array("name" => "468x60 (Banner) - ad ID", "id" => "banner_below_468", "type" => "text"));
    tie_options(array("name" => "300x250 (Medium Rectangle) - ad ID", "id" => "banner_below_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href="">Custom Code</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => "Custom Ad Code", "id" => "banner_below_adsense", "extra_text" => 'Supports <strong>Text, HTML and Shortcodes</strong> .', "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>

			<div class="tiepanel-item">
				<h3>Shortcode ADS</h3>
				<?php 
    tie_options(array("name" => "[ads1] Shortcode Banner", "id" => "ads1_shortcode", "type" => "textarea"));
    tie_options(array("name" => "[ads2] Shortcode Banner", "id" => "ads2_shortcode", "type" => "textarea"));
    ?>
			</div>
		</div> <!-- Banners Settings -->
		
			

		<div id="tab11" class="tab_content tabs-wrap">
			<h2>Sidebars</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3>Sidebar Position</h3>
				<div class="option-item">
					<?php 
    $checked = 'checked="checked"';
    $tie_sidebar_pos = tie_get_option('sidebar_pos');
    ?>
					<ul id="sidebar-position-options" class="tie-options">
						<li>
							<input id="tie_sidebar_pos" name="tie_options[sidebar_pos]" type="radio" value="right" <?php 
    if ($tie_sidebar_pos == 'right' || !$tie_sidebar_pos) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/sidebar-right.png" /></a>
						</li>
						<li>
							<input id="tie_sidebar_pos" name="tie_options[sidebar_pos]" type="radio" value="left" <?php 
    if ($tie_sidebar_pos == 'left') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/sidebar-left.png" /></a>
						</li>
						<li>
							<input id="tie_sidebar_pos" name="tie_options[sidebar_pos]" type="radio" value="nleft" <?php 
    if ($tie_sidebar_pos == 'nleft') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/sidebar-2.png" /></a>
						</li>
						<li>
							<input id="tie_sidebar_pos" name="tie_options[sidebar_pos]" type="radio" value="nright" <?php 
    if ($tie_sidebar_pos == 'nright') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/sidebar-1.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Add Sidebar</h3>
				<div class="option-item">
					<span class="label">Sidebar Name</span>
					
					<input id="sidebarName" type="text" size="56" style="direction:ltr; text-laign:left" name="sidebarName" value="" />
					<input id="sidebarAdd"  class="small_button" type="button" value="Add" />
					
					<ul id="sidebarsList">
					<?php 
    $sidebars = tie_get_option('sidebars');
    if ($sidebars) {
        foreach ($sidebars as $sidebar) {
            ?>
						<li>
							<div class="widget-head"><?php 
            echo $sidebar;
            ?>
  <input id="tie_sidebars" name="tie_options[sidebars][]" type="hidden" value="<?php 
            echo $sidebar;
            ?>
" /><a class="del-sidebar"></a></div>
						</li>
							<?php 
        }
    }
    ?>
					</ul>
				</div>				
			</div>

			<div class="tiepanel-item" id="custom-sidebars">
				<h3>Custom Sidebars</h3>
				<?php 
    $new_sidebars = array('' => 'Default');
    if (class_exists('Woocommerce')) {
        $new_sidebars['shop-widget-area'] = __('Shop - For WooCommerce Pages', 'tie');
    }
    if ($sidebars) {
        foreach ($sidebars as $sidebar) {
            $new_sidebars[$sidebar] = $sidebar;
        }
    }
    tie_options(array("name" => "Home Sidebar <small><strong>(Blog Layout)</small></strong>", "id" => "sidebar_home", "type" => "select", "options" => $new_sidebars));
    if (tie_get_option('columns_num') != '2c') {
        tie_options(array("name" => "Home <strong>Narrow</strong> Sidebar <small><strong>(Blog Layout)</small></strong>", "id" => "sidebar_narrow_home", "type" => "select", "options" => $new_sidebars));
    }
    tie_options(array("name" => "Single Page Sidebar", "id" => "sidebar_page", "type" => "select", "options" => $new_sidebars));
    if (tie_get_option('columns_num') != '2c') {
        tie_options(array("name" => "Single Page <strong>Narrow</strong> Sidebar", "id" => "sidebar_narrow_page", "type" => "select", "options" => $new_sidebars));
    }
    tie_options(array("name" => "Single Article Sidebar", "id" => "sidebar_post", "type" => "select", "options" => $new_sidebars));
    if (tie_get_option('columns_num') != '2c') {
        tie_options(array("name" => "Single Article <strong>Narrow</strong> Sidebar", "id" => "sidebar_narrow_post", "type" => "select", "options" => $new_sidebars));
    }
    tie_options(array("name" => "Archives Sidebar", "id" => "sidebar_archive", "type" => "select", "options" => $new_sidebars));
    if (tie_get_option('columns_num') != '2c') {
        tie_options(array("name" => "Archives <strong>Narrow</strong> Sidebar", "id" => "sidebar_narrow_archive", "type" => "select", "options" => $new_sidebars));
    }
    if (class_exists('bbPress')) {
        tie_options(array("name" => "bbPress Sidebar", "id" => "sidebar_bbpress", "type" => "select", "options" => $new_sidebars));
        if (tie_get_option('columns_num') != '2c') {
            tie_options(array("name" => "bbPress <strong>Narrow</strong> Sidebar", "id" => "sidebar_narrow_bbPress", "type" => "select", "options" => $new_sidebars));
        }
    }
    ?>
				<p class="tie_message_hint">
				You can Set Custom Sidebars for Your Categories from category's edit page .. Go to <strong><a target="Blank" href="edit-tags.php?taxonomy=category">Categories Page</a></strong> - edit the Category you want and choose your custom sidebar from <strong>Sahifa - Category Settings</strong> box  .
				</p>
			</div>
		</div> <!-- Sidebars -->
		
		
		<div id="tab12" class="tab_content tabs-wrap">
			<h2>Archives Settings</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3>General Settings</h3>
				<?php 
    tie_options(array("name" => "Display", "id" => "blog_display", "help" => "will appears in all archives pages like categories / tags / search and in homepage blog style .", "type" => "radio", "options" => array("excerpt" => "Excerpt + Featured image", "full_thumb" => "Excerpt + Full width Featured image", "content" => "Content", "2col" => "2 Columns")));
    tie_options(array("name" => "Show Social Buttons", "id" => "archives_socail", "type" => "checkbox", "help" => "if checked Facebook , Twitter , Google plus and Pinterest social buttons will appear in all archives pages like categories / tags / search and in homepage blog style ."));
    tie_options(array("name" => "Excerpt Length", "id" => "exc_length", "type" => "short-text"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Archives Posts Meta</h3>
				<p class="tie_message_hint">Following settings will applies on the homepage blog layout and all pages with blog List template .</p>
				<?php 
    tie_options(array("name" => "Author Meta", "id" => "arc_meta_author", "type" => "checkbox"));
    tie_options(array("name" => "Date Meta", "id" => "arc_meta_date", "type" => "checkbox"));
    tie_options(array("name" => "Categories Meta", "id" => "arc_meta_cats", "type" => "checkbox"));
    tie_options(array("name" => "Comments Meta", "id" => "arc_meta_comments", "type" => "checkbox"));
    tie_options(array("name" => "Views Meta", "id" => "arc_meta_views", "type" => "checkbox"));
    ?>
			</div>	
			
			<div class="tiepanel-item">
				<h3>Category Page Settings</h3>
				<?php 
    tie_options(array("name" => "Category Description", "id" => "category_desc", "type" => "checkbox"));
    tie_options(array("name" => "RSS Icon", "id" => "category_rss", "type" => "checkbox"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Tag Page Settings</h3>
				<?php 
    tie_options(array("name" => "RSS Icon", "id" => "tag_rss", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Author Page Settings</h3>
				<?php 
    tie_options(array("name" => "Author Bio", "id" => "author_bio", "type" => "checkbox"));
    ?>
				<?php 
    tie_options(array("name" => "RSS Icon", "id" => "author_rss", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Search Page Settings</h3>
				<?php 
    tie_options(array("name" => "Search in Category IDs", "id" => "search_cats", "help" => "Use minus sign (-) to exclude categories. Example: (1,4,-7) = search only in Category 1 & 4, and exclude Category 7.", "type" => "text"));
    ?>
				<?php 
    tie_options(array("name" => "Exclude Pages in results", "id" => "search_exclude_pages", "type" => "checkbox"));
    ?>
			</div>
		</div> <!-- Archives -->
				
		

		<div id="tab10" class="tab_content tabs-wrap">
			<h2>Advanced Settings</h2>	<?php 
    echo $save;
    ?>
	

			<div class="tiepanel-item">
				<h3>Disable the Responsiveness</h3>
				
				<?php 
    tie_options(array("name" => "Disable Responsive", "id" => "disable_responsive", "type" => "checkbox"));
    ?>
				<p class="tie_message_hint">This option works only on Tablets and Phones .. to disable the responsiveness action on the desktop .. edit style.css file and remove all Media Quries from the end of the file .</p>
			</div>	
			
			
			<div class="tiepanel-item">
				<h3>Disable Theme [Gallery] Shortcode</h3>
				<?php 
    tie_options(array("name" => "Disable Theme [Gallery]", "id" => "disable_gallery_shortcode", "type" => "checkbox"));
    ?>
				<p class="tie_message_hint">Set it to <strong>ON</strong> if you want to use the Jetpack Tiled Galleries or if you use a custom lightbox plugin for [Gallery] shortcode .</p>
			</div>	
			
			<div class="tiepanel-item">
				<h3>Twitter API OAuth settings</h3>
				<p class="tie_message_hint">This information will uses in Sicail counter and Twitter Widget .. You need to create <a href="https://dev.twitter.com/apps" target="_blank">Twitter APP</a> to get this info .. check this <a href="https://vimeo.com/59573397" target="_blank">Video</a> .</p>

				<?php 
    tie_options(array("name" => "Twitter Username", "id" => "twitter_username", "type" => "text"));
    tie_options(array("name" => "Consumer key", "id" => "twitter_consumer_key", "type" => "text"));
    tie_options(array("name" => "Consumer secret", "id" => "twitter_consumer_secret", "type" => "text"));
    tie_options(array("name" => "Access token", "id" => "twitter_access_token", "type" => "text"));
    tie_options(array("name" => "Access token secret", "id" => "twitter_access_token_secret", "type" => "text"));
    ?>
			</div>	
			
				
			<div class="tiepanel-item">
				<h3>Theme Updates</h3>
				<?php 
    tie_options(array("name" => "Notify On Theme Updates", "id" => "notify_theme", "type" => "checkbox"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Worpress Login page Logo</h3>
				<?php 
    tie_options(array("name" => "Worpress Login page Logo", "id" => "dashboard_logo", "type" => "upload"));
    ?>
			
			</div>
			<?php 
    global $array_options;
    $current_options = array();
    foreach ($array_options as $option) {
        if (get_option($option)) {
            $current_options[$option] = get_option($option);
        }
    }
    ?>
			
			<div class="tiepanel-item">
				<h3>Export</h3>
				<div class="option-item">
					<textarea style="width:100%" rows="7"><?php 
    echo $currentsettings = base64_encode(serialize($current_options));
    ?>
</textarea>
				</div>
			</div>
			<div class="tiepanel-item">
				<h3>Import</h3>
				<div class="option-item">
					<textarea id="tie_import" name="tie_import" style="width:100%" rows="7"></textarea>
				</div>
			</div>
	
		</div> <!-- Advanced -->

		
		<div id="tab13" class="tab_content tabs-wrap">
			<h2>Styling</h2>	<?php 
    echo $save;
    ?>
	
			<div class="tiepanel-item">
				<h3>Styling Settings</h3>
				<?php 
    tie_options(array("name" => "Apply Categories Colors on Homepage boxes", "id" => "homepage_cats_colors", "type" => "checkbox"));
    tie_options(array("name" => "Use Fade in animation", "id" => "lazy_load", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Background Type</h3>
				<?php 
    tie_options(array("name" => "Background Type", "id" => "background_type", "type" => "radio", "options" => array("pattern" => "Pattern", "custom" => "Custom Background")));
    ?>
			</div>

			<div class="tiepanel-item" id="pattern-settings">
				<h3>Choose Pattern</h3>
				
				<?php 
    tie_options(array("name" => "Background Color", "id" => "background_pattern_color", "type" => "color"));
    ?>
				
				<?php 
    $checked = 'checked="checked"';
    $theme_pattern = tie_get_option('background_pattern');
    ?>
				<ul id="theme-pattern" class="tie-options">
					<?php 
    for ($i = 1; $i <= 23; $i++) {
        $pattern = 'body-bg' . $i;
        ?>
					<li>
						<input id="tie_background_pattern"  name="tie_options[background_pattern]" type="radio" value="<?php 
        echo $pattern;
        ?>
" <?php 
        if ($theme_pattern == $pattern) {
            echo $checked;
        }
        ?>
 />
						<a class="checkbox-select" href="#"><img src="<?php 
        echo get_template_directory_uri();
        ?>
/panel/images/pattern<?php 
        echo $i;
        ?>
.png" /></a>
					</li>
					<?php 
    }
    ?>
				</ul>
			</div>

			<div class="tiepanel-item" id="bg_image_settings">
				<h3>Custom Background</h3>
				<?php 
    tie_options(array("name" => "Custom Background", "id" => "background", "type" => "background"));
    ?>
				<?php 
    tie_options(array("name" => "Full Screen Background", "id" => "background_full", "type" => "checkbox"));
    ?>

			</div>	
			<div class="tiepanel-item">
				<h3>Body Styling</h3>
				<?php 
    tie_options(array("name" => "Global main Color", "id" => "global_color", "type" => "color"));
    tie_options(array("name" => "Highlighted Text Color", "id" => "highlighted_color", "type" => "color"));
    tie_options(array("name" => "Links Color", "id" => "links_color", "type" => "color"));
    tie_options(array("name" => "Links Decoration", "id" => "links_decoration", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    tie_options(array("name" => "Links Color on mouse over", "id" => "links_color_hover", "type" => "color"));
    tie_options(array("name" => "Links Decoration on mouse over", "id" => "links_decoration_hover", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Top Navigation Styling</h3>
				<?php 
    tie_options(array("name" => "Background", "id" => "topbar_background", "type" => "color"));
    tie_options(array("name" => "Links Color", "id" => "topbar_links_color", "type" => "color"));
    tie_options(array("name" => "Links Text Shadow Color", "id" => "topbar_shadow_color", "type" => "color"));
    tie_options(array("name" => "Links Color on mouse over", "id" => "topbar_links_color_hover", "type" => "color"));
    tie_options(array("name" => "Links Text Shadow Color on mouse over", "id" => "topbar_shadow_color_hover", "type" => "color"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Header Styling</h3>
				<?php 
    tie_options(array("name" => "Header Background ", "id" => "header_background", "type" => "background"));
    ?>
		
			</div>
			
			<div class="tiepanel-item">
				<h3>Main Navigation Styling</h3>
				<?php 
    tie_options(array("name" => "Background", "id" => "nav_background", "type" => "color"));
    tie_options(array("name" => "Links Color", "id" => "nav_links_color", "type" => "color"));
    tie_options(array("name" => "Links Text Shadow Color", "id" => "nav_shadow_color", "type" => "color"));
    tie_options(array("name" => "Links Color on mouse over", "id" => "nav_links_color_hover", "type" => "color"));
    tie_options(array("name" => "Links Text Shadow Color on mouse over", "id" => "nav_shadow_color_hover", "type" => "color"));
    tie_options(array("name" => "Current Item Links Color", "id" => "nav_current_links_color", "type" => "color"));
    tie_options(array("name" => "Current Item Links Text Shadow Color", "id" => "nav_current_shadow_color", "type" => "color"));
    tie_options(array("name" => "Seprator Line1 color", "id" => "nav_sep1", "type" => "color"));
    tie_options(array("name" => "Seprator Line2 color", "id" => "nav_sep2", "type" => "color"));
    ?>
			</div>
						

			<div class="tiepanel-item">
				<h3>Content Styling</h3>
				<?php 
    tie_options(array("name" => "Main Content Box Background ", "id" => "main_content_bg", "type" => "background"));
    ?>
		
			</div>
			<div class="tiepanel-item">
				<h3>Post Styling</h3>
				<?php 
    tie_options(array("name" => "Post Links Color", "id" => "post_links_color", "type" => "color"));
    ?>
				<?php 
    tie_options(array("name" => "Post Links Decoration", "id" => "post_links_decoration", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    ?>
				<?php 
    tie_options(array("name" => "Post Links Color on mouse over", "id" => "post_links_color_hover", "type" => "color"));
    ?>
				<?php 
    tie_options(array("name" => "Post Links Decoration on mouse over", "id" => "post_links_decoration_hover", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    ?>
			</div>
			<div class="tiepanel-item">
				<h3>Footer Background</h3>
				<?php 
    tie_options(array("name" => "Background", "id" => "footer_background", "type" => "background"));
    ?>
				<?php 
    tie_options(array("name" => "Footer Widget Title color", "id" => "footer_title_color", "type" => "color"));
    ?>
				<?php 
    tie_options(array("name" => "Links Color", "id" => "footer_links_color", "type" => "color"));
    ?>
				<?php 
    tie_options(array("name" => "Links Color on mouse over", "id" => "footer_links_color_hover", "type" => "color"));
    ?>
			</div>				
						
			<div class="tiepanel-item">
				<h3>Custom CSS</h3>	
				<div class="option-item">
					<p><strong>Global CSS :</strong></p>
					<textarea id="tie_css" name="tie_options[css]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css');
    ?>
</textarea>
				</div>	
				<div class="option-item">
					<p><strong>Tablets CSS :</strong> Width from 768px to 985px</p>
					<textarea id="tie_css" name="tie_options[css_tablets]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css_tablets');
    ?>
</textarea>
				</div>
				<div class="option-item">
					<p><strong>Wide Phones CSS :</strong> Width from 480px to 767px</p>
					<textarea id="tie_css" name="tie_options[css_wide_phones]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css_wide_phones');
    ?>
</textarea>
				</div>
				<div class="option-item">
					<p><strong>Phones CSS :</strong> Width from 320px to 479px</p>
					<textarea id="tie_css" name="tie_options[css_phones]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css_phones');
    ?>
</textarea>
				</div>	
			</div>	

		</div> <!-- Styling -->
		
		<div id="tab14" class="tab_content tabs-wrap">
			<h2>Typography</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3>Character sets</h3>
				<p class="tie_message_hint"><strong>Tip:</strong> If you choose only the languages that you need, you'll help prevent slowness on your webpage.</p>
				<?php 
    tie_options(array("name" => "Latin Extended", "id" => "typography_latin_extended", "type" => "checkbox"));
    tie_options(array("name" => "Cyrillic", "id" => "typography_cyrillic", "type" => "checkbox"));
    tie_options(array("name" => "Cyrillic Extended", "id" => "typography_cyrillic_extended", "type" => "checkbox"));
    tie_options(array("name" => "Greek", "id" => "typography_greek", "type" => "checkbox"));
    tie_options(array("name" => "Greek Extended", "id" => "typography_greek_extended", "type" => "checkbox"));
    tie_options(array("name" => "Khmer", "id" => "typography_khmer", "type" => "checkbox"));
    tie_options(array("name" => "Vietnamese", "id" => "typography_vietnamese", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Live typography preview</h3>
					<?php 
    global $options_fonts;
    tie_options(array("name" => "", "id" => "typography_test", "type" => "typography"));
    ?>
	
				<div id="font-preview" class="option-item">Grumpy wizards make toxic brew for the evil Queen and Jack.</div>		

			</div>
			
			<div class="tiepanel-item">
				<h3>Main Typography</h3>
				<?php 
    tie_options(array("name" => "General Typography", "id" => "typography_general", "type" => "typography"));
    tie_options(array("name" => "Site Title In Header", "id" => "typography_site_title", "type" => "typography"));
    tie_options(array("name" => "Tagline In Header", "id" => "typography_tagline", "type" => "typography"));
    tie_options(array("name" => "Top Menu", "id" => "typography_top_menu", "type" => "typography"));
    tie_options(array("name" => "Main navigation", "id" => "typography_main_nav", "type" => "typography"));
    tie_options(array("name" => "Slider Post Title", "id" => "typography_slider_title", "type" => "typography"));
    tie_options(array("name" => "Page Title", "id" => "typography_page_title", "type" => "typography"));
    tie_options(array("name" => "Single Post Title", "id" => "typography_post_title", "type" => "typography"));
    tie_options(array("name" => "Post Title in Homepage Boxes", "id" => "typography_post_title_boxes", "type" => "typography"));
    tie_options(array("name" => "Small Post Title in Homepage Boxes", "id" => "typography_post_title2_boxes", "type" => "typography"));
    tie_options(array("name" => "Post Meta", "id" => "typography_post_meta", "type" => "typography"));
    tie_options(array("name" => "Post Entry", "id" => "typography_post_entry", "type" => "typography"));
    tie_options(array("name" => "News Boxes Titles", "id" => "typography_boxes_title", "type" => "typography"));
    tie_options(array("name" => "Widgets Titles", "id" => "typography_widgets_title", "type" => "typography"));
    tie_options(array("name" => "Footer Widgets Titles", "id" => "typography_footer_widgets_title", "type" => "typography"));
    ?>
			</div>
			
		</div> <!-- Typography -->
		
		
		
		
		<div class="mo-footer">
			<?php 
    echo $save;
    ?>
		</form>

			<form method="post">
				<div class="mpanel-reset">
					<input type="hidden" name="resetnonce" value="<?php 
    echo wp_create_nonce('reset-action-code');
    ?>
" />
					<input name="reset" class="mpanel-reset-button" type="submit" onClick="if(confirm('All settings will be rest .. Are you sure ?')) return true ; else return false; " value="Reset All Settings" />
					<input type="hidden" name="action" value="reset" />
				</div>
			</form>
		</div>

	</div><!-- .mo-panel-content -->
</div><!-- .mo-panel -->


<?php 
}
function tie_panel_options()
{
    //Categories
    $categories_obj = get_categories('hide_empty=0');
    $categories = array();
    foreach ($categories_obj as $pn_cat) {
        $categories[$pn_cat->cat_ID] = $pn_cat->cat_name;
    }
    $checked = 'checked="checked"';
    $save = '
	<div class="mpanel-submit">
		<input type="hidden" name="action" value="test_theme_data_save" />
        <input type="hidden" name="security" value="' . wp_create_nonce("test-theme-data") . '" />
		<input name="save" class="mpanel-save button button-primary button-large" type="submit" value="' . __("Save Changes", 'tie') . '" />    
	</div>';
    ?>
		
		
<div id="save-alert"></div>

<div class="mo-panel">

	<div class="mo-panel-tabs">
		<a href="#" target="_blank" class="tie-logo"></a>
		<ul>
			<li class="tie-tabs general"><a href="#tab1"><span class="dashicons-before dashicons-admin-settings tie-icon-menu"></span><?php 
    _e('General Settings', 'tie');
    ?>
</a></li>
			<li class="tie-tabs header"><a href="#tab9"><span class="dashicons-before dashicons-schedule tie-icon-menu"></span><?php 
    _e('Header Settings', 'tie');
    ?>
</a></li>
			<li class="tie-tabs archives"><a href="#tab12"><span class="dashicons-before dashicons-exerpt-view tie-icon-menu"></span><?php 
    _e('Archives Settings', 'tie');
    ?>
</a></li>
			<li class="tie-tabs article"><a href="#tab6"><span class="dashicons-before dashicons-media-text tie-icon-menu"></span><?php 
    _e('Posts Settings', 'tie');
    ?>
</a></li>
			<li class="tie-tabs sidebars"><a href="#tab11"><span class="dashicons-before dashicons-slides tie-icon-menu"></span><?php 
    _e('Sidebars', 'tie');
    ?>
</a></li>
			<li class="tie-tabs footer"><a href="#tab7"><span class="dashicons-before dashicons-editor-insertmore tie-icon-menu"></span><?php 
    _e('Footer Settings', 'tie');
    ?>
</a></li>
			<li class="tie-tabs banners"><a href="#tab8"><span class="dashicons-before dashicons-megaphone tie-icon-menu"></span><?php 
    _e('Ads Settings', 'tie');
    ?>
</a></li>
			<li class="tie-tabs styling"><a href="#tab13"><span class="dashicons-before dashicons-admin-appearance tie-icon-menu"></span><?php 
    _e('Styling', 'tie');
    ?>
</a></li>
			<li class="tie-tabs typography"><a href="#tab14"><span class="dashicons-before dashicons-editor-italic tie-icon-menu"></span><?php 
    _e('Typography', 'tie');
    ?>
</a></li>
			<li class="tie-tabs translations"><a href="#tab20"><span class="dashicons-before dashicons-editor-textcolor tie-icon-menu"></span><?php 
    _e('Translations', 'tie');
    ?>
</a></li>
			<li class="tie-tabs Social"><a href="#tab4"><span class="dashicons-before dashicons-networking tie-icon-menu"></span><?php 
    _e('Social Networking', 'tie');
    ?>
</a></li>
			<li class="tie-tabs advanced"><a href="#tab10"><span class="dashicons-before dashicons-admin-tools tie-icon-menu"></span><?php 
    _e('Advanced', 'tie');
    ?>
</a></li>
		</ul>
		<div class="clear"></div>
	</div> <!-- .mo-panel-tabs -->
	
	
	<div class="mo-panel-content">
	<form action="/" name="tie_form" id="tie_form">
		<div id="tab1" class="tabs-wrap">
			<h2><?php 
    _e('General Settings', 'tie');
    ?>
</h2> <?php 
    echo $save;
    ?>
			<?php 
    if (class_exists('bbPress')) {
        ?>
			<div class="tiepanel-item">
				<h3><?php 
        _e('bbPress Settings', 'tie');
        ?>
</h3>
				<?php 
        tie_options(array("name" => __('bbPress Full width', 'tie'), "id" => "bbpress_full", "type" => "checkbox"));
        ?>
			</div>
			<?php 
    }
    ?>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Theme Layout', 'tie');
    ?>
</h3>
				<div class="option-item">
					<?php 
    $tie_theme_layout = tie_get_option('theme_layout');
    ?>
					<ul id="tie_theme_layout" class="tie-options">
						<li>
							<input id="tie_theme_layout" name="tie_options[theme_layout]" type="radio" value="boxed" <?php 
    if ($tie_theme_layout == 'boxed' || !$tie_theme_layout) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/boxed.png" /></a>
						</li>
						<li>
							<input id="tie_theme_layout" name="tie_options[theme_layout]" type="radio" value="boxed-all" <?php 
    if ($tie_theme_layout == 'boxed-all') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/boxed-all.png" /></a>
						</li>
						<li>
							<input id="tie_theme_layout" name="tie_options[theme_layout]" type="radio" value="full" <?php 
    if ($tie_theme_layout == 'full') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/full.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Favicon', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Custom Favicon', 'tie'), "id" => "favicon", "type" => "upload"));
    ?>
			</div>	
			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Gravatar', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Custom Gravatar', 'tie'), "id" => "gravatar", "type" => "upload"));
    ?>
			</div>	
			<div class="tiepanel-item">
				<h3><?php 
    _e('Apple Icons', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Apple iPhone Icon', 'tie'), "id" => "apple_iphone", "type" => "upload", "extra_text" => __('Icon for Apple iPhone (57px x 57px)', 'tie')));
    tie_options(array("name" => __('Apple iPhone Retina Icon', 'tie'), "id" => "apple_iphone_retina", "type" => "upload", "extra_text" => __('Icon for Apple iPhone Retina Version (120px x 120px)', 'tie')));
    tie_options(array("name" => __('Apple iPad Icon', 'tie'), "id" => "apple_iPad", "type" => "upload", "extra_text" => __('Icon for Apple iPhone (72px x 72px)', 'tie')));
    tie_options(array("name" => __('Apple iPad Retina Icon', 'tie'), "id" => "apple_iPad_retina", "type" => "upload", "extra_text" => __('Icon for Apple iPad Retina Version (144px x 144px)', 'tie')));
    ?>
			</div>	
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Time format', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Time format for blog posts', 'tie'), "id" => "time_format", "type" => "radio", "options" => array("traditional" => __('Traditional', 'tie'), "modern" => __('Time Ago Format', 'tie'), "none" => __('Disable all', 'tie'))));
    ?>
									
			</div>

			<div class="tiepanel-item">
				<h3><?php 
    _e('Lightbox Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Enable Lightbox Automatically', 'tie'), "extra_text" => __('Enable Lightbox automatically for all images linked to an image file in the post content area', 'tie'), "id" => "lightbox_all", "type" => "checkbox"));
    tie_options(array("name" => __('Enable Lightbox for WordPress Galleries', 'tie'), "extra_text" => __('Enable Lightbox automatically for all images added via [gallery] shortcode in the content area', 'tie'), "id" => "lightbox_gallery", "type" => "checkbox"));
    tie_options(array("name" => __('Lightbox Skin', 'tie'), "id" => "lightbox_skin", "type" => "select", "options" => array('dark' => 'dark', 'light' => 'light', 'smooth' => 'smooth', 'metro-black' => 'metro-black', 'metro-white' => 'metro-white', 'mac' => 'mac')));
    tie_options(array("name" => __('Lightbox Thumbnail Position', 'tie'), "id" => "lightbox_thumbs", "type" => "radio", "options" => array("vertical" => __('Vertical', 'tie'), "horizontal" => __('Horizontal', 'tie'))));
    tie_options(array("name" => __('Show Lightbox Arrows', 'tie'), "id" => "lightbox_arrows", "type" => "checkbox"));
    ?>
									
			</div>	
			

				
			<div class="tiepanel-item">
				<h3><?php 
    _e('Breadcrumbs Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Breadcrumbs', 'tie'), "id" => "breadcrumbs", "type" => "checkbox"));
    tie_options(array("name" => __('Breadcrumbs Delimiter', 'tie'), "id" => "breadcrumbs_delimiter", "type" => "short-text"));
    ?>
			</div>
						
			<div class="tiepanel-item">
				<h3><?php 
    _e('Header Code', 'tie');
    ?>
</h3>
				<div class="option-item">
					<small><?php 
    _e('The following code will add to the &lt;head&gt; tag. Useful if you need to add additional codes such as CSS or JS.', 'tie');
    ?>
</small>
					<textarea id="header_code" name="tie_options[header_code]" style="width:100%" rows="7"><?php 
    echo htmlspecialchars_decode(tie_get_option('header_code'));
    ?>
</textarea>				
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Footer Code', 'tie');
    ?>
</h3>
				<div class="option-item">
					<small><?php 
    _e('The following code will add to the footer before the closing  &lt;/body&gt; tag. Useful if you need to add Javascript or tracking code.', 'tie');
    ?>
</small>
					<textarea id="footer_code" name="tie_options[footer_code]" style="width:100%" rows="7"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_code'));
    ?>
</textarea>				
				</div>
			</div>	
			
		</div>
		
		<div id="tab9" class="tabs-wrap">
			<h2><?php 
    _e('Header Settings', 'tie');
    ?>
</h2> <?php 
    echo $save;
    ?>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Logo', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Logo Settings', 'tie'), "id" => "logo_setting", "type" => "radio", "options" => array("logo" => __('Custom Image Logo', 'tie'), "title" => __('Display Site Title', 'tie'))));
    tie_options(array("name" => __('Logo Image', 'tie'), "id" => "logo", "help" => __('Upload a logo image, or enter URL to an image if it is already uploaded. the theme default logo gets applied if the input field is left blank.', 'tie'), "type" => "upload", "extra_text" => __('Recommended size (MAX) : 190px x 60px', 'tie')));
    tie_options(array("name" => __('Logo Image (Retina Version @2x)', 'tie'), "id" => "logo_retina", "type" => "upload", "extra_text" => __('Please choose an image file for the retina version of the logo. It should be 2x the size of main logo.', 'tie')));
    tie_options(array("name" => __('Standard Logo Width for Retina Logo', 'tie'), "id" => "logo_retina_width", "type" => "short-text", "extra_text" => __('If retina logo is uploaded, please enter the standard logo (1x) version width, do not enter the retina logo width.', 'tie')));
    tie_options(array("name" => __('Standard Logo Height for Retina Logo', 'tie'), "id" => "logo_retina_height", "type" => "short-text", "extra_text" => __('If retina logo is uploaded, please enter the standard logo (1x) version height, do not enter the retina logo height.', 'tie')));
    tie_options(array("name" => __('Logo Margin Top', 'tie'), "id" => "logo_margin", "type" => "slider", "help" => __('Input number to set the top space of the logo.', 'tie'), "unit" => "px", "max" => 100, "min" => 0));
    tie_options(array("name" => __('Logo Margin Bottom', 'tie'), "id" => "logo_margin_bottom", "type" => "slider", "help" => __('Input number to set the bottom space of the logo.', 'tie'), "unit" => "px", "max" => 100, "min" => 0));
    tie_options(array("name" => __('Full Width Logo', 'tie'), "id" => "full_logo", "type" => "checkbox", "extra_text" => __('Recommended logo width : 1045px', 'tie')));
    tie_options(array("name" => __('Center the Logo', 'tie'), "id" => "center_logo", "type" => "checkbox"));
    ?>

			</div>
			

			<div class="tiepanel-item">
				<h3><?php 
    _e('Header Top area Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Top menu', 'tie'), "id" => "top_menu", "type" => "checkbox"));
    tie_options(array("name" => __("Today's Date", 'tie'), "id" => "top_date", "type" => "checkbox"));
    tie_options(array("name" => __("Today's Date Format", 'tie'), "id" => "todaydate_format", "type" => "text", "extra_text" => '<a target="_blank" href="http://codex.wordpress.org/Formatting_Date_and_Time">' . __('Documentation on date and time formatting', 'tie') . '</a>'));
    tie_options(array("name" => __('Search', 'tie'), "id" => "top_search", "type" => "checkbox"));
    tie_options(array("name" => __('Live Search', 'tie'), "id" => "live_search", "type" => "checkbox"));
    tie_options(array("name" => __('Social Icons', 'tie'), "id" => "top_social", "type" => "checkbox"));
    ?>
		
			</div>
			
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Main Nav Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Main Nav', 'tie'), "id" => "main_nav", "type" => "checkbox"));
    tie_options(array("name" => __('Random Article Button', 'tie'), "id" => "random_article", "type" => "checkbox"));
    if (class_exists('Woocommerce')) {
        tie_options(array("name" => __('Shopping Cart', 'tie'), "id" => "shopping_cart", "type" => "checkbox"));
    }
    tie_options(array("name" => __('Stick The Navigation menu', 'tie'), "id" => "stick_nav", "type" => "checkbox"));
    tie_options(array("name" => __('Logo in the sticky Navigation menu', 'tie'), "id" => "nav_logo", "type" => "upload"));
    ?>
		
			</div>			
			
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Responsive Mobile Menu Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Enable the Mobile Menu', 'tie'), "id" => "mobile_menu_active", "type" => "checkbox"));
    tie_options(array("name" => __('Search', 'tie'), "id" => "mobile_menu_search", "type" => "checkbox"));
    tie_options(array("name" => __('Social Icons', 'tie'), "id" => "mobile_menu_social", "type" => "checkbox"));
    tie_options(array("name" => __('Show the Top Menu items in the Mobile Menu below the Main Menu items ?', 'tie'), "id" => "mobile_menu_top", "type" => "checkbox"));
    tie_options(array("name" => __('Enable Mobile Menu Items Icons', 'tie'), "id" => "mobile_menu_hide_icons", "type" => "checkbox"));
    ?>
		
			</div>
			

			<div class="tiepanel-item">
				<h3><?php 
    _e('Breaking News', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Enable', 'tie'), "id" => "breaking_news", "type" => "checkbox"));
    tie_options(array("name" => __('Show in Homepage Only', 'tie'), "id" => "breaking_home", "type" => "checkbox"));
    tie_options(array("name" => __('Animation Effect', 'tie'), "id" => "breaking_effect", "type" => "select", "options" => array('fade' => __('Fade', 'tie'), 'slide' => __('Slide', 'tie'), 'ticker' => __('Ticker', 'tie'))));
    tie_options(array("name" => __('Animation Speed', 'tie'), "id" => "breaking_speed", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    tie_options(array("name" => __('Time between the fades', 'tie'), "id" => "breaking_time", "type" => "slider", "unit" => "ms", "max" => 40000, "min" => 100));
    tie_options(array("name" => __('Breaking News Query Type', 'tie'), "id" => "breaking_type", "type" => "radio", "options" => array("category" => __('Categories', 'tie'), "tag" => __('Tags', 'tie'), "custom" => __('Custom Text', 'tie'))));
    tie_options(array("name" => __('Number of posts to show', 'tie'), "id" => "breaking_number", "type" => "short-text"));
    tie_options(array("name" => __('Breaking News Tags', 'tie'), "help" => __('Enter a tag name, or names separated by comma.', 'tie'), "id" => "breaking_tag", "type" => "text"));
    ?>

					<div class="option-item" id="breaking_cat-item">
						<span class="label"><?php 
    _e('Breaking News Categories', 'tie');
    ?>
						<br /><small><?php 
    _e('Hold CTRL while selecting to select multiple categories.', 'tie');
    ?>
</small>
						</span>
							<select multiple="multiple" name="tie_options[breaking_cat][]" id="tie_breaking_cat">
							<?php 
    foreach ($categories as $key => $option) {
        ?>
								<option value="<?php 
        echo $key;
        ?>
" <?php 
        if (@in_array($key, tie_get_option('breaking_cat'))) {
            echo ' selected="selected"';
        }
        ?>
><?php 
        echo $option;
        ?>
</option>
							<?php 
    }
    ?>
						</select>
					</div>
		
			</div>
			
			<div class="tiepanel-item" id="breaking_custom-item">
				<h3><?php 
    _e('Breaking News Custom Text', 'tie');
    ?>
</h3>
					<div class="option-item" >
					
						<span class="label" style="width:40px"><?php 
    _e('Text', 'tie');
    ?>
</span>
						<input id="custom_text" type="text" size="56" style="direction:ltr; text-laign:left; width:200px; float:left" name="custom_text" value="" />
						<span class="label" style="width:40px; margin-left:10px;"><?php 
    _e('Link', 'tie');
    ?>
</span>
						<input id="custom_link" type="text" size="56" style="direction:ltr; text-laign:left; width:200px; float:left" name="custom_link" value="" />
						<input id="TextAdd"  class="button" type="button" value="Add" />
							
						<ul id="customList" style="margin-top:15px;">
						<?php 
    $breaking_custom = tie_get_option('breaking_custom');
    $custom_count = 0;
    if ($breaking_custom) {
        foreach ($breaking_custom as $custom_text) {
            $custom_count++;
            ?>
							<li>
								<div class="widget-head">
									<a href="<?php 
            echo $custom_text['link'];
            ?>
" target="_blank"><?php 
            echo $custom_text['text'];
            ?>
</a>
									<input name="tie_options[breaking_custom][<?php 
            echo $custom_count;
            ?>
][link]" type="hidden" value="<?php 
            echo $custom_text['link'];
            ?>
" />
									<input name="tie_options[breaking_custom][<?php 
            echo $custom_count;
            ?>
][text]" type="hidden" value="<?php 
            echo $custom_text['text'];
            ?>
" />
									<a class="del-custom-text"></a></div>
							</li>
								<?php 
        }
    }
    ?>
						</ul>
						<script>
							var customnext = <?php 
    echo $custom_count + 1;
    ?>
 ;
						</script>
					</div>	
				</div>
		</div> <!-- Header Settings -->
			
		
		<div id="tab4" class="tabs-wrap">
			<h2><?php 
    _e('Social Networking', 'tie');
    ?>
</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Feed URL', 'tie');
    ?>
</h3>
							
				<?php 
    tie_options(array("name" => __('RSS Icon', 'tie'), "id" => "rss_icon", "type" => "checkbox"));
    tie_options(array("name" => __('Custom Feed URL', 'tie'), "id" => "rss_url", "help" => "e.g. http://feedburner.com/userid", "type" => "text"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Social Networking', 'tie');
    ?>
</h3>					
				<?php 
    tie_options(array("name" => __('Facebook URL', 'tie'), "id" => "social", "key" => "facebook", "type" => "arrayText"));
    tie_options(array("name" => __('Twitter URL', 'tie'), "id" => "social", "key" => "twitter", "type" => "arrayText"));
    tie_options(array("name" => __('Google+ URL', 'tie'), "id" => "social", "key" => "google_plus", "type" => "arrayText"));
    tie_options(array("name" => __('Dribbble URL', 'tie'), "id" => "social", "key" => "dribbble", "type" => "arrayText"));
    tie_options(array("name" => __('LinkedIn URL', 'tie'), "id" => "social", "key" => "linkedin", "type" => "arrayText"));
    tie_options(array("name" => __('Evernote URL', 'tie'), "id" => "social", "key" => "evernote", "type" => "arrayText"));
    tie_options(array("name" => __('Dropbox URL', 'tie'), "id" => "social", "key" => "dropbox", "type" => "arrayText"));
    tie_options(array("name" => __('Flickr URL', 'tie'), "id" => "social", "key" => "flickr", "type" => "arrayText"));
    tie_options(array("name" => __('Picasa Web URL', 'tie'), "id" => "social", "key" => "picasa", "type" => "arrayText"));
    tie_options(array("name" => __('DeviantArt URL', 'tie'), "id" => "social", "key" => "deviantart", "type" => "arrayText"));
    tie_options(array("name" => __('YouTube URL', 'tie'), "id" => "social", "key" => "youtube", "type" => "arrayText"));
    tie_options(array("name" => __('Grooveshark URL', 'tie'), "id" => "social", "key" => "grooveshark", "type" => "arrayText"));
    tie_options(array("name" => __('Vimeo URL', 'tie'), "id" => "social", "key" => "vimeo", "type" => "arrayText"));
    tie_options(array("name" => __('ShareThis URL', 'tie'), "id" => "social", "key" => "sharethis", "type" => "arrayText"));
    tie_options(array("name" => __('500px URL', 'tie'), "id" => "social", "key" => "px500", "type" => "arrayText"));
    tie_options(array("name" => __('Skype URL', 'tie'), "id" => "social", "key" => "skype", "type" => "arrayText"));
    tie_options(array("name" => __('Digg URL', 'tie'), "id" => "social", "key" => "digg", "type" => "arrayText"));
    tie_options(array("name" => __('Reddit URL', 'tie'), "id" => "social", "key" => "reddit", "type" => "arrayText"));
    tie_options(array("name" => __('Delicious URL', 'tie'), "id" => "social", "key" => "delicious", "type" => "arrayText"));
    tie_options(array("name" => __('StumbleUpon  URL', 'tie'), "key" => "stumbleupon", "id" => "social", "type" => "arrayText"));
    tie_options(array("name" => __('Tumblr URL', 'tie'), "id" => "social", "key" => "tumblr", "type" => "arrayText"));
    tie_options(array("name" => __('Blogger URL', 'tie'), "id" => "social", "key" => "blogger", "type" => "arrayText"));
    tie_options(array("name" => __('WordPress URL', 'tie'), "id" => "social", "key" => "wordpress", "type" => "arrayText"));
    tie_options(array("name" => __('Yelp URL', 'tie'), "id" => "social", "key" => "yelp", "type" => "arrayText"));
    tie_options(array("name" => __('Last.fm URL', 'tie'), "id" => "social", "key" => "lastfm", "type" => "arrayText"));
    tie_options(array("name" => __('Apple URL', 'tie'), "id" => "social", "key" => "apple", "type" => "arrayText"));
    tie_options(array("name" => __('FourSquare URL', 'tie'), "id" => "social", "key" => "foursquare", "type" => "arrayText"));
    tie_options(array("name" => __('Github URL', 'tie'), "id" => "social", "key" => "github", "type" => "arrayText"));
    tie_options(array("name" => __('SoundCloud URL', 'tie'), "id" => "social", "key" => "soundcloud", "type" => "arrayText"));
    tie_options(array("name" => __('XING URL', 'tie'), "id" => "social", "key" => "xing", "type" => "arrayText"));
    tie_options(array("name" => __('Google Play URL', 'tie'), "id" => "social", "key" => "google_play", "type" => "arrayText"));
    tie_options(array("name" => __('Pinterest URL', 'tie'), "id" => "social", "key" => "Pinterest", "type" => "arrayText"));
    tie_options(array("name" => __('Instagram URL', 'tie'), "id" => "social", "key" => "instagram", "type" => "arrayText"));
    tie_options(array("name" => __('Spotify URL', 'tie'), "id" => "social", "key" => "spotify", "type" => "arrayText"));
    tie_options(array("name" => __('PayPal URL', 'tie'), "id" => "social", "key" => "paypal", "type" => "arrayText"));
    tie_options(array("name" => __('Forrst URL', 'tie'), "id" => "social", "key" => "forrst", "type" => "arrayText"));
    tie_options(array("name" => __('Behance URL', 'tie'), "id" => "social", "key" => "behance", "type" => "arrayText"));
    tie_options(array("name" => __('Viadeo URL', 'tie'), "id" => "social", "key" => "viadeo", "type" => "arrayText"));
    tie_options(array("name" => __('VK.com URL', 'tie'), "id" => "social", "key" => "vk", "type" => "arrayText"));
    ?>
			</div>	

			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Social Network', 'tie');
    ?>
 #1</h3>				
					<?php 
    tie_options(array("name" => __('Title', 'tie'), "id" => "custom_social_title_1", "type" => "text"));
    tie_options(array("name" => __('Icon (use full Font Awesome name)', 'tie'), "id" => "custom_social_icon_1", "type" => "text"));
    tie_options(array("name" => __('URL', 'tie'), "id" => "custom_social_url_1", "type" => "text"));
    tie_options(array("name" => __('Color', 'tie'), "id" => "custom_social_color_1", "type" => "color"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Social Network', 'tie');
    ?>
 #2</h3>				
					<?php 
    tie_options(array("name" => __('Title', 'tie'), "id" => "custom_social_title_2", "type" => "text"));
    tie_options(array("name" => __('Icon (use full Font Awesome name)', 'tie'), "id" => "custom_social_icon_2", "type" => "text"));
    tie_options(array("name" => __('URL', 'tie'), "id" => "custom_social_url_2", "type" => "text"));
    tie_options(array("name" => __('Color', 'tie'), "id" => "custom_social_color_2", "type" => "color"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Social Network', 'tie');
    ?>
 #3</h3>				
					<?php 
    tie_options(array("name" => __('Title', 'tie'), "id" => "custom_social_title_3", "type" => "text"));
    tie_options(array("name" => __('Icon (use full Font Awesome name)', 'tie'), "id" => "custom_social_icon_3", "type" => "text"));
    tie_options(array("name" => __('URL', 'tie'), "id" => "custom_social_url_3", "type" => "text"));
    tie_options(array("name" => __('Color', 'tie'), "id" => "custom_social_color_3", "type" => "color"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Social Network', 'tie');
    ?>
 #4</h3>				
					<?php 
    tie_options(array("name" => __('Title', 'tie'), "id" => "custom_social_title_4", "type" => "text"));
    tie_options(array("name" => __('Icon (use full Font Awesome name)', 'tie'), "id" => "custom_social_icon_4", "type" => "text"));
    tie_options(array("name" => __('URL', 'tie'), "id" => "custom_social_url_4", "type" => "text"));
    tie_options(array("name" => __('Color', 'tie'), "id" => "custom_social_color_4", "type" => "color"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom Social Network', 'tie');
    ?>
 #5</h3>				
					<?php 
    tie_options(array("name" => __('Title', 'tie'), "id" => "custom_social_title_5", "type" => "text"));
    tie_options(array("name" => __('Icon (use full Font Awesome name)', 'tie'), "id" => "custom_social_icon_5", "type" => "text"));
    tie_options(array("name" => __('URL', 'tie'), "id" => "custom_social_url_5", "type" => "text"));
    tie_options(array("name" => __('Color', 'tie'), "id" => "custom_social_color_5", "type" => "color"));
    ?>
			</div>
		
		</div><!-- Social Networking -->
		
	
		<div id="tab6" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Posts Settings', 'tie');
    ?>
</h2> <?php 
    echo $save;
    ?>
					
			<div class="tiepanel-item">
				<h3><?php 
    _e('Posts Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Show Featured Image By Default', 'tie'), "id" => "post_featured", "type" => "checkbox"));
    tie_options(array("name" => __('Post Author Box', 'tie'), "id" => "post_authorbio", "type" => "checkbox"));
    tie_options(array("name" => __('Next/Prev Articles', 'tie'), "id" => "post_nav", "type" => "checkbox"));
    tie_options(array("name" => __('OG Meta', 'tie'), "id" => "post_og_cards", "type" => "checkbox"));
    tie_options(array("name" => __('Reading Position Indicator', 'tie'), "id" => "reading_indicator", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">

				<h3><?php 
    _e('Post Meta Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Post Meta', 'tie'), "id" => "post_meta", "type" => "checkbox"));
    tie_options(array("name" => __('Author Meta', 'tie'), "id" => "post_author", "type" => "checkbox"));
    tie_options(array("name" => __('Date Meta', 'tie'), "id" => "post_date", "type" => "checkbox"));
    tie_options(array("name" => __('Categories Meta', 'tie'), "id" => "post_cats", "type" => "checkbox"));
    tie_options(array("name" => __('Comments Meta', 'tie'), "id" => "post_comments", "type" => "checkbox"));
    tie_options(array("name" => __('Tags Meta', 'tie'), "id" => "post_tags", "type" => "checkbox"));
    tie_options(array("name" => __('Views Meta', 'tie'), "id" => "post_views", "type" => "checkbox"));
    ?>
	
			</div>

				
			<div class="tiepanel-item">

				<h3><?php 
    _e('Share Post Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Bottom Share Post Buttons', 'tie'), "id" => "share_post", "type" => "checkbox"));
    tie_options(array("name" => __('Top Share Post Buttons', 'tie'), "id" => "share_post_top", "type" => "checkbox"));
    tie_options(array("name" => __('Share Buttons for Pages', 'tie'), "id" => "share_buttons_pages", "type" => "checkbox"));
    tie_options(array("name" => __('Share Buttons type', 'tie'), "id" => "share_post_type", "type" => "radio", "options" => array("counters" => __('Buttons with counters', 'tie'), "flat" => __('Flat Buttons', 'tie'))));
    tie_options(array("name" => __("Use the post's Short Link", 'tie'), "id" => "share_shortlink", "type" => "checkbox"));
    tie_options(array("name" => __('Tweet Button', 'tie'), "id" => "share_tweet", "type" => "checkbox"));
    tie_options(array("name" => __('Twitter Username <small>(optional)</small>', 'tie'), "id" => "share_twitter_username", "type" => "text"));
    tie_options(array("name" => __('Facebook Like Button', 'tie'), "id" => "share_facebook", "type" => "checkbox"));
    tie_options(array("name" => __('Google+ Button', 'tie'), "id" => "share_google", "type" => "checkbox"));
    tie_options(array("name" => __('LinkedIn Button', 'tie'), "id" => "share_linkdin", "type" => "checkbox"));
    tie_options(array("name" => __('StumbleUpon Button', 'tie'), "id" => "share_stumble", "type" => "checkbox"));
    tie_options(array("name" => __('Pinterest Button', 'tie'), "id" => "share_pinterest", "type" => "checkbox"));
    ?>
	
			</div>

				
			<div class="tiepanel-item">

				<h3><?php 
    _e('Related Posts Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Related Posts', 'tie'), "id" => "related", "type" => "checkbox"));
    tie_options(array("name" => __('Related Posts Position', 'tie'), "id" => "related_position", "type" => "radio", "options" => array("in" => __('In the post content area', 'tie'), "below" => __('Below the post area', 'tie'))));
    tie_options(array("name" => __('Number of posts to show', 'tie'), "id" => "related_number", "type" => "short-text"));
    tie_options(array("name" => __('Number of posts to show in Full width pages', 'tie'), "id" => "related_number_full", "type" => "short-text"));
    tie_options(array("name" => __('Query Type', 'tie'), "id" => "related_query", "type" => "radio", "options" => array("category" => __('Posts in the same Categories', 'tie'), "tag" => __('Posts in the same Tags', 'tie'), "author" => __('Posts by the same Author', 'tie'))));
    ?>
			</div>	

			
			<div class="tiepanel-item">

				<h3><?php 
    _e('Fly Check Also Box', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Check Also Box', 'tie'), "id" => "check_also", "type" => "checkbox"));
    tie_options(array("name" => __('Check Also Box Position', 'tie'), "id" => "check_also_position", "type" => "radio", "options" => array("right" => __('Right', 'tie'), "left" => __('Left', 'tie'))));
    tie_options(array("name" => __('Number of posts to show', 'tie'), "id" => "check_also_number", "type" => "short-text"));
    tie_options(array("name" => __('Query Type', 'tie'), "id" => "check_also_query", "type" => "radio", "options" => array("category" => __('Posts in the same Categories', 'tie'), "tag" => __('Posts in the same Tags', 'tie'), "author" => __('Posts by the same Author', 'tie'))));
    ?>
			</div>

			
			<div class="tiepanel-item">

				<h3><?php 
    _e('jQuery Comments Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Adding Comment Validation', 'tie'), "id" => "comment_validation", "type" => "checkbox"));
    ?>
			</div>
		</div> <!-- Article Settings -->
		
		
		<div id="tab7" class="tabs-wrap">
			<h2><?php 
    _e('Footer Settings', 'tie');
    ?>
</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">

				<h3><?php 
    _e('Footer Elements', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Go To Top Button', 'tie'), "id" => "footer_top", "type" => "checkbox"));
    tie_options(array("name" => __('Social Icons', 'tie'), "id" => "footer_social", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Footer Widgets layout', 'tie');
    ?>
</h3>
					<?php 
    tie_options(array("name" => __('Footer Widgets', 'tie'), "id" => "footer_widgets_enable", "type" => "checkbox"));
    ?>
					<div class="option-item">
					<?php 
    $tie_footer_widgets = tie_get_option('footer_widgets');
    ?>
					<ul id="footer-widgets-options" class="tie-options">
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-1c" <?php 
    if ($tie_footer_widgets == 'footer-1c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-1c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-2c" <?php 
    if ($tie_footer_widgets == 'footer-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-2c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="narrow-wide-2c" <?php 
    if ($tie_footer_widgets == 'narrow-wide-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-2c-narrow-wide.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-narrow-2c" <?php 
    if ($tie_footer_widgets == 'wide-narrow-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-2c-wide-narrow.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-3c" <?php 
    if ($tie_footer_widgets == 'footer-3c' || !$tie_footer_widgets) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-3c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-left-3c" <?php 
    if ($tie_footer_widgets == 'wide-left-3c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-3c-wide-left.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-right-3c" <?php 
    if ($tie_footer_widgets == 'wide-right-3c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-3c-wide-right.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-4c" <?php 
    if ($tie_footer_widgets == 'footer-4c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/footer-4c.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Footer Text One', 'tie');
    ?>
</h3>
				<div class="option-item">
					<textarea id="tie_footer_one" name="tie_options[footer_one]" style="width:100%" rows="4"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_one'));
    ?>
</textarea>				
					<span style="padding:0" class="extra-text"><strong style="font-size: 12px;"><?php 
    _e('Variables', 'tie');
    ?>
</strong>
						<?php 
    _e('These tags can be included in the textarea above and will be replaced when a page is displayed.', 'tie');
    ?>
						<br />
						<strong>%year%</strong> : <em><?php 
    _e('Replaced with the current year.', 'tie');
    ?>
</em><br />
						<strong>%site%</strong> : <em><?php 
    _e("Replaced with The site's name.", 'tie');
    ?>
</em><br />
						<strong>%url%</strong>  : <em><?php 
    _e("Replaced with The site's URL.", 'tie');
    ?>
</em>
					</span>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Footer Text Two', 'tie');
    ?>
</h3>
				<div class="option-item">
					<textarea id="tie_footer_two" name="tie_options[footer_two]" style="width:100%" rows="4"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_two'));
    ?>
</textarea>				
					<span style="padding:0" class="extra-text"><strong style="font-size: 12px;"><?php 
    _e('Variables', 'tie');
    ?>
</strong>
						<?php 
    _e('These tags can be included in the textarea above and will be replaced when a page is displayed.', 'tie');
    ?>
						<br />
						<strong>%year%</strong> : <em><?php 
    _e('Replaced with the current year.', 'tie');
    ?>
</em><br />
						<strong>%site%</strong> : <em><?php 
    _e("Replaced with The site's name.", 'tie');
    ?>
</em><br />
						<strong>%url%</strong>  : <em><?php 
    _e("Replaced with The site's URL.", 'tie');
    ?>
</em>
					</span>
				</div>
			</div>

		</div><!-- Footer Settings -->

		
		<div id="tab8" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Banners Settings', 'tie');
    ?>
</h2> <?php 
    echo $save;
    ?>
			<div class="tiepanel-item">
				<h3><?php 
    _e('Background Image ADS', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Enable Background Image ADS', 'tie'), "id" => "banner_bg", "type" => "checkbox"));
    tie_options(array("name" => __('Background Image ADS Link', 'tie'), "id" => "banner_bg_url", "type" => "text"));
    ?>
				<p class="tie_message_hint">
					<?php 
    _e('Go to Styling tab and set Background Type to Custom Background then upload your custom image and enable Full Screen Background option.', 'tie');
    ?>
				</p>
			</div>
			<div class="tiepanel-item">
				<h3><?php 
    _e('Top Banner Area', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Top Banner', 'tie'), "id" => "banner_top", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href=""><?php 
    _e('Image Ad', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Top Banner Image', 'tie'), "id" => "banner_top_img", "type" => "upload"));
    tie_options(array("name" => __('Top Banner Link', 'tie'), "id" => "banner_top_url", "type" => "text"));
    tie_options(array("name" => __('Alternative Text For The image', 'tie'), "id" => "banner_top_alt", "type" => "text"));
    tie_options(array("name" => __('Open The Link In a new Tab', 'tie'), "id" => "banner_top_tab", "type" => "checkbox"));
    tie_options(array("name" => __('Nofollow', 'tie'), "id" => "banner_top_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Responsive Google AdSense', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Publisher ID', 'tie'), "id" => "banner_top_publisher", "type" => "text"));
    tie_options(array("name" => __('728x90 (Leaderboard) - ad ID', 'tie'), "id" => "banner_top_728", "type" => "text"));
    tie_options(array("name" => __('468x60 (Banner) - ad ID', 'tie'), "id" => "banner_top_468", "type" => "text"));
    tie_options(array("name" => __('300x250 (Medium Rectangle) - ad ID', 'tie'), "id" => "banner_top_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Custom Code', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Custom Ad Code', 'tie'), "id" => "banner_top_adsense", "extra_text" => __('Supports: Text, HTML and Shortcodes.', 'tie'), "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>

			<div class="tiepanel-item">
				<h3><?php 
    _e('Bottom Banner Area', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Bottom Banner', 'tie'), "id" => "banner_bottom", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href=""><?php 
    _e('Image Ad', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Bottom Banner Image', 'tie'), "id" => "banner_bottom_img", "type" => "upload"));
    tie_options(array("name" => __('Bottom Banner Link', 'tie'), "id" => "banner_bottom_url", "type" => "text"));
    tie_options(array("name" => __('Alternative Text For The image', 'tie'), "id" => "banner_bottom_alt", "type" => "text"));
    tie_options(array("name" => __('Open The Link In a new Tab', 'tie'), "id" => "banner_bottom_tab", "type" => "checkbox"));
    tie_options(array("name" => __('Nofollow', 'tie'), "id" => "banner_bottom_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Responsive Google AdSense', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Publisher ID', 'tie'), "id" => "banner_bottom_publisher", "type" => "text"));
    tie_options(array("name" => __('728x90 (Leaderboard) - ad ID', 'tie'), "id" => "banner_bottom_728", "type" => "text"));
    tie_options(array("name" => __('468x60 (Banner) - ad ID', 'tie'), "id" => "banner_bottom_468", "type" => "text"));
    tie_options(array("name" => __('300x250 (Medium Rectangle) - ad ID', 'tie'), "id" => "banner_bottom_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Custom Code', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Custom Ad Code', 'tie'), "id" => "banner_bottom_adsense", "extra_text" => __('Supports: Text, HTML and Shortcodes.', 'tie'), "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>
	
			<div class="tiepanel-item">
				<h3><?php 
    _e('Below Header Banner Area', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Below Header Banner', 'tie'), "id" => "banner_below_header", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href=""><?php 
    _e('Image Ad', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Bottom Banner Image', 'tie'), "id" => "banner_below_header_img", "type" => "upload"));
    tie_options(array("name" => __('Bottom Banner Link', 'tie'), "id" => "banner_below_header_url", "type" => "text"));
    tie_options(array("name" => __('Alternative Text For The image', 'tie'), "id" => "banner_below_header_alt", "type" => "text"));
    tie_options(array("name" => __('Open The Link In a new Tab', 'tie'), "id" => "banner_below_header_tab", "type" => "checkbox"));
    tie_options(array("name" => __('Nofollow', 'tie'), "id" => "banner_below_header_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Responsive Google AdSense', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Publisher ID', 'tie'), "id" => "banner_below_header_publisher", "type" => "text"));
    tie_options(array("name" => __('728x90 (Leaderboard) - ad ID', 'tie'), "id" => "banner_below_header_728", "type" => "text"));
    tie_options(array("name" => __('468x60 (Banner) - ad ID', 'tie'), "id" => "banner_below_header_468", "type" => "text"));
    tie_options(array("name" => __('300x250 (Medium Rectangle) - ad ID', 'tie'), "id" => "banner_below_header_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Custom Code', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Custom Ad Code', 'tie'), "id" => "banner_below_header_adsense", "extra_text" => __('Supports: Text, HTML and Shortcodes.', 'tie'), "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>
	
	
			<div class="tiepanel-item">
				<h3><?php 
    _e('Above Article Banner Area', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Above Article Banner', 'tie'), "id" => "banner_above", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href=""><?php 
    _e('Image Ad', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Above Article Banner Image', 'tie'), "id" => "banner_above_img", "type" => "upload"));
    tie_options(array("name" => __('Above Article Banner Link', 'tie'), "id" => "banner_above_url", "type" => "text"));
    tie_options(array("name" => __('Alternative Text For The image', 'tie'), "id" => "banner_above_alt", "type" => "text"));
    tie_options(array("name" => __('Open The Link In a new Tab', 'tie'), "id" => "banner_above_tab", "type" => "checkbox"));
    tie_options(array("name" => __('Nofollow', 'tie'), "id" => "banner_above_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Responsive Google AdSense', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Publisher ID', 'tie'), "id" => "banner_above_publisher", "type" => "text"));
    tie_options(array("name" => __('468x60 (Banner) - ad ID', 'tie'), "id" => "banner_above_468", "type" => "text"));
    tie_options(array("name" => __('300x250 (Medium Rectangle) - ad ID', 'tie'), "id" => "banner_above_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Custom Code', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Custom Ad Code', 'tie'), "id" => "banner_above_adsense", "extra_text" => __('Supports: Text, HTML and Shortcodes.', 'tie'), "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>
	
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Below Article Banner Area', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Below Article Banner', 'tie'), "id" => "banner_below", "type" => "checkbox"));
    ?>
				<div class="tie-accordion">
					<h4 class="accordion-head"><a href=""><?php 
    _e('Image Ad', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Below Article Banner Image', 'tie'), "id" => "banner_below_img", "type" => "upload"));
    tie_options(array("name" => __('Below Article Banner Link', 'tie'), "id" => "banner_below_url", "type" => "text"));
    tie_options(array("name" => __('Alternative Text For The image', 'tie'), "id" => "banner_below_alt", "type" => "text"));
    tie_options(array("name" => __('Open The Link In a new Tab', 'tie'), "id" => "banner_below_tab", "type" => "checkbox"));
    tie_options(array("name" => __('Nofollow', 'tie'), "id" => "banner_below_nofollow", "type" => "checkbox"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Responsive Google AdSense', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Publisher ID', 'tie'), "id" => "banner_below_publisher", "type" => "text"));
    tie_options(array("name" => __('468x60 (Banner) - ad ID', 'tie'), "id" => "banner_below_468", "type" => "text"));
    tie_options(array("name" => __('300x250 (Medium Rectangle) - ad ID', 'tie'), "id" => "banner_below_300", "type" => "text"));
    ?>
					</div>
					<h4 class="accordion-head"><a href=""><?php 
    _e('Custom Code', 'tie');
    ?>
</a></h4>
					<div class="tie-accordion-contnet">
				<?php 
    tie_options(array("name" => __('Custom Ad Code', 'tie'), "id" => "banner_below_adsense", "extra_text" => __('Supports: Text, HTML and Shortcodes.', 'tie'), "type" => "textarea"));
    ?>
					</div>
				</div>
			</div>

			<div class="tiepanel-item">
				<h3><?php 
    _e('Shortcode ADS', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('[ads1] Shortcode Banner', 'tie'), "id" => "ads1_shortcode", "type" => "textarea"));
    tie_options(array("name" => __('[ads2] Shortcode Banner', 'tie'), "id" => "ads2_shortcode", "type" => "textarea"));
    ?>
			</div>
		</div> <!-- Banners Settings -->
		
			

		<div id="tab11" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Sidebars', 'tie');
    ?>
</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Default Sidebar Position', 'tie');
    ?>
</h3>
				<div class="option-item">
					<?php 
    $tie_sidebar_pos = tie_get_option('sidebar_pos');
    ?>
					<ul id="sidebar-position-options" class="tie-options">
						<li>
							<input name="tie_options[sidebar_pos]" type="radio" value="right" <?php 
    if ($tie_sidebar_pos == 'right' || !$tie_sidebar_pos) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/sidebar-right.png" /></a>
						</li>
						<li>
							<input name="tie_options[sidebar_pos]" type="radio" value="left" <?php 
    if ($tie_sidebar_pos == 'left') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/sidebar-left.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Sticky Sidebars', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Sticky Sidebar', 'tie'), "id" => "sticky_sidebar", "type" => "checkbox"));
    tie_options(array("name" => __('Disable on the homepage', 'tie'), "id" => "sticky_sidebar_disable_homepage", "type" => "checkbox"));
    tie_options(array("name" => __('Disable on category pages', 'tie'), "id" => "sticky_sidebar_disable_cat", "type" => "checkbox"));
    tie_options(array("name" => __('Disable on tag pages', 'tie'), "id" => "sticky_sidebar_disable_tag", "type" => "checkbox"));
    tie_options(array("name" => __('Disable on pages', 'tie'), "id" => "sticky_sidebar_disable_pages", "type" => "checkbox"));
    tie_options(array("name" => __('Disable on posts', 'tie'), "id" => "sticky_sidebar_disable_posts", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Add Sidebar', 'tie');
    ?>
</h3>
				<div class="option-item">
					<span class="label"><?php 
    _e('Sidebar Name', 'tie');
    ?>
</span>
					
					<input id="sidebarName" type="text" size="56" style="direction:ltr; text-laign:left" name="sidebarName" value="" />
					<input id="sidebarAdd"  class="button" type="button" value="<?php 
    _e('Add', 'tie');
    ?>
" />
					
					<ul id="sidebarsList">
					<?php 
    $sidebars = tie_get_option('sidebars');
    if ($sidebars) {
        foreach ($sidebars as $sidebar) {
            ?>
						<li>
							<div class="widget-head"><?php 
            echo $sidebar;
            ?>
  <input id="tie_sidebars" name="tie_options[sidebars][]" type="hidden" value="<?php 
            echo $sidebar;
            ?>
" /><a class="del-sidebar"></a></div>
						</li>
							<?php 
        }
    }
    ?>
					</ul>
				</div>				
			</div>

			<div class="tiepanel-item" id="custom-sidebars">
				<h3><?php 
    _e('Custom Sidebars', 'tie');
    ?>
</h3>
				<?php 
    $new_sidebars = array('' => __('Default', 'tie'));
    if (class_exists('Woocommerce')) {
        $new_sidebars['shop-widget-area'] = __('Shop - For WooCommerce Pages', 'tie');
    }
    if ($sidebars) {
        foreach ($sidebars as $sidebar) {
            $new_sidebars[$sidebar] = $sidebar;
        }
    }
    tie_options(array("name" => __('Home Sidebar', 'tie'), "id" => "sidebar_home", "type" => "select", "options" => $new_sidebars));
    tie_options(array("name" => __('Single Page Sidebar', 'tie'), "id" => "sidebar_page", "type" => "select", "options" => $new_sidebars));
    tie_options(array("name" => __('Single Article Sidebar', 'tie'), "id" => "sidebar_post", "type" => "select", "options" => $new_sidebars));
    tie_options(array("name" => __('Archives Sidebar', 'tie'), "id" => "sidebar_archive", "type" => "select", "options" => $new_sidebars));
    if (class_exists('bbPress')) {
        tie_options(array("name" => __('bbPress Sidebar', 'tie'), "id" => "sidebar_bbpress", "type" => "select", "options" => $new_sidebars));
    }
    ?>
			</div>
		</div> <!-- Sidebars -->
		
		
		<div id="tab12" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Archives Settings', 'tie');
    ?>
</h2>	<?php 
    echo $save;
    ?>
	
			
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('General Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Show Social Buttons', 'tie'), "id" => "archives_socail", "type" => "checkbox"));
    tie_options(array("name" => __('Excerpt Length', 'tie'), "id" => "exc_length", "type" => "short-text"));
    tie_options(array("name" => __('Review Score', 'tie'), "id" => "arc_meta_score", "type" => "checkbox"));
    tie_options(array("name" => __('Author Meta', 'tie'), "id" => "arc_meta_author", "type" => "checkbox"));
    tie_options(array("name" => __('Date Meta', 'tie'), "id" => "arc_meta_date", "type" => "checkbox"));
    tie_options(array("name" => __('Categories Meta', 'tie'), "id" => "arc_meta_cats", "type" => "checkbox"));
    tie_options(array("name" => __('Comments Meta', 'tie'), "id" => "arc_meta_comments", "type" => "checkbox"));
    tie_options(array("name" => __('Views Meta', 'tie'), "id" => "arc_meta_views", "type" => "checkbox"));
    ?>
			</div>	
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Default layout settings', 'tie');
    ?>
</h3>
				
				<?php 
    $tie_blog_display = tie_get_option('blog_display');
    ?>
				<div class="option-item">
					<span class="label"><?php 
    _e('Choose the default layout', 'tie');
    ?>
</span>
					<ul id="tie_blog_display" class="tie-options tie-archives-options">
						<li>
							<input name="tie_options[blog_display]" type="radio" value="excerpt" <?php 
    if ($tie_blog_display == 'excerpt' || !$tie_blog_display) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-1.png" /></a>
						</li>
						<li>
							<input name="tie_options[blog_display]" type="radio" value="full_thumb" <?php 
    if ($tie_blog_display == 'full_thumb') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-2.png" /></a>
						</li>
						<li>
							<input name="tie_options[blog_display]" type="radio" value="content" <?php 
    if ($tie_blog_display == 'content') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-3.png" /></a>
						</li>
						<li>
							<input name="tie_options[blog_display]" type="radio" value="masonry" <?php 
    if ($tie_blog_display == 'masonry') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-4.png" /></a>
						</li>
						<li>
							<input name="tie_options[blog_display]" type="radio" value="timeline" <?php 
    if ($tie_blog_display == 'timeline') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-6.png" /></a>
						</li>
					</ul>
					<p class="tie_message_hint"><?php 
    _e('These settings will applies on all pages with blog List template.', 'tie');
    ?>
</p>
				</div>
			</div>

			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Category Page Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Category Description', 'tie'), "id" => "category_desc", "type" => "checkbox"));
    tie_options(array("name" => __('RSS Icon', 'tie'), "id" => "category_rss", "type" => "checkbox"));
    $tie_category_layout = tie_get_option('category_layout');
    ?>
				<div class="option-item">
					<span class="label"><?php 
    _e('Choose Default Categories page layout', 'tie');
    ?>
</span>
					<ul id="tie_category_layout" class="tie-options tie-archives-options">
						<li>
							<input name="tie_options[category_layout]" type="radio" value="excerpt" <?php 
    if ($tie_category_layout == 'excerpt' || !$tie_category_layout) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-1.png" /></a>
						</li>
						<li>
							<input name="tie_options[category_layout]" type="radio" value="full_thumb" <?php 
    if ($tie_category_layout == 'full_thumb') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-2.png" /></a>
						</li>
						<li>
							<input name="tie_options[category_layout]" type="radio" value="content" <?php 
    if ($tie_category_layout == 'content') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-3.png" /></a>
						</li>
						<li>
							<input name="tie_options[category_layout]" type="radio" value="masonry" <?php 
    if ($tie_category_layout == 'masonry') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-4.png" /></a>
						</li>
						<li>
							<input name="tie_options[category_layout]" type="radio" value="timeline" <?php 
    if ($tie_category_layout == 'timeline') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-6.png" /></a>
						</li>
					</ul>
				</div>
			</div>


			<div class="tiepanel-item">
				<h3><?php 
    _e('Tag Page Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Tag Description', 'tie'), "id" => "tag_desc", "type" => "checkbox"));
    tie_options(array("name" => __('RSS Icon', 'tie'), "id" => "tag_rss", "type" => "checkbox"));
    ?>
				<?php 
    $tie_tag_layout = tie_get_option('tag_layout');
    ?>
				<div class="option-item">
					<span class="label"><?php 
    _e('Choose Tags page layout', 'tie');
    ?>
</span>
					<ul id="tie_tag_layout" class="tie-options tie-archives-options">
						<li>
							<input name="tie_options[tag_layout]" type="radio" value="excerpt" <?php 
    if ($tie_tag_layout == 'excerpt' || !$tie_tag_layout) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-1.png" /></a>
						</li>
						<li>
							<input name="tie_options[tag_layout]" type="radio" value="full_thumb" <?php 
    if ($tie_tag_layout == 'full_thumb') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-2.png" /></a>
						</li>
						<li>
							<input name="tie_options[tag_layout]" type="radio" value="content" <?php 
    if ($tie_tag_layout == 'content') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-3.png" /></a>
						</li>
						<li>
							<input name="tie_options[tag_layout]" type="radio" value="masonry" <?php 
    if ($tie_tag_layout == 'masonry') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-4.png" /></a>
						</li>
						<li>
							<input name="tie_options[tag_layout]" type="radio" value="timeline" <?php 
    if ($tie_tag_layout == 'timeline') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-6.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Author Page Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Author Bio', 'tie'), "id" => "author_bio", "type" => "checkbox"));
    tie_options(array("name" => __('RSS Icon', 'tie'), "id" => "author_rss", "type" => "checkbox"));
    $tie_author_layout = tie_get_option('author_layout');
    ?>
				<div class="option-item">
					<span class="label"><?php 
    _e('Choose Author page layout', 'tie');
    ?>
</span>
					<ul id="tie_author_layout" class="tie-options tie-archives-options">
						<li>
							<input name="tie_options[author_layout]" type="radio" value="excerpt" <?php 
    if ($tie_author_layout == 'excerpt' || !$tie_author_layout) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-1.png" /></a>
						</li>
						<li>
							<input name="tie_options[author_layout]" type="radio" value="full_thumb" <?php 
    if ($tie_author_layout == 'full_thumb') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-2.png" /></a>
						</li>
						<li>
							<input name="tie_options[author_layout]" type="radio" value="content" <?php 
    if ($tie_author_layout == 'content') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-3.png" /></a>
						</li>
						<li>
							<input name="tie_options[author_layout]" type="radio" value="masonry" <?php 
    if ($tie_author_layout == 'masonry') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-4.png" /></a>
						</li>
						<li>
							<input name="tie_options[author_layout]" type="radio" value="timeline" <?php 
    if ($tie_author_layout == 'timeline') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-6.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Search Page Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Search in Category IDs', 'tie'), "id" => "search_cats", "help" => __('Use minus sign (-) to exclude categories. Example: (1,4,-7) = search only in Category 1 & 4, and exclude Category 7.', 'tie'), "type" => "text"));
    tie_options(array("name" => __('Exclude Pages in results', 'tie'), "id" => "search_exclude_pages", "type" => "checkbox"));
    $tie_search_layout = tie_get_option('search_layout');
    ?>
				<div class="option-item">
					<span class="label"><?php 
    _e('Choose Search results page layout', 'tie');
    ?>
</span>
					<ul id="tie_search_layout" class="tie-options tie-archives-options">
						<li>
							<input name="tie_options[search_layout]" type="radio" value="excerpt" <?php 
    if ($tie_search_layout == 'excerpt' || !$tie_search_layout) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-1.png" /></a>
						</li>
						<li>
							<input name="tie_options[search_layout]" type="radio" value="full_thumb" <?php 
    if ($tie_search_layout == 'full_thumb') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-2.png" /></a>
						</li>
						<li>
							<input name="tie_options[search_layout]" type="radio" value="content" <?php 
    if ($tie_search_layout == 'content') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-3.png" /></a>
						</li>
						<li>
							<input name="tie_options[search_layout]" type="radio" value="masonry" <?php 
    if ($tie_search_layout == 'masonry') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-4.png" /></a>
						</li>
						<li>
							<input name="tie_options[search_layout]" type="radio" value="timeline" <?php 
    if ($tie_search_layout == 'timeline') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/arc-6.png" /></a>
						</li>
					</ul>
				</div>
			</div>
		</div> <!-- Archives -->
				
				
		<div id="tab13" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Styling', 'tie');
    ?>
</h2>	<?php 
    echo $save;
    ?>
	
			<div class="tiepanel-item">
				<h3><?php 
    _e('Theme Color and Settings', 'tie');
    ?>
</h3>

				<div class="option-item">
					<span class="label"><?php 
    _e('Choose Theme Color', 'tie');
    ?>
</span>
			
					<?php 
    $theme_color = tie_get_option('theme_skin');
    ?>
					<ul style="clear:both" id="theme-skins" class="tie-options">
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="0" <?php 
    if (!$theme_color) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-none.png" /></a>
						</li>
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="#ef3636" <?php 
    if ($theme_color == '#ef3636') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-red.png" /></a>
						</li>
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="#37b8eb" <?php 
    if ($theme_color == '#37b8eb') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-blue.png" /></a>
						</li>
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="#81bd00" <?php 
    if ($theme_color == '#81bd00') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-green.png" /></a>
						</li>
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="#e95ca2" <?php 
    if ($theme_color == '#e95ca2') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-pink.png" /></a>
						</li>
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="#000" <?php 
    if ($theme_color == '#000') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-black.png" /></a>
						</li>
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="#ffbb01" <?php 
    if ($theme_color == '#ffbb01') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-yellow.png" /></a>
						</li>
						<li>
							<input id="tie_theme_skin"  name="tie_options[theme_skin]" type="radio" value="#7b77ff" <?php 
    if ($theme_color == '#7b77ff') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/framework/admin/images/skin-purple.png" /></a>
						</li>
					</ul>
				</div>

				<?php 
    tie_options(array("name" => __('Custom Theme Color', 'tie'), "id" => "global_color", "type" => "color"));
    tie_options(array("name" => __('Dark Skin', 'tie'), "id" => "dark_skin", "type" => "checkbox"));
    tie_options(array("name" => __('Modern Colored Scrollbar', 'tie'), "id" => "modern_scrollbar", "type" => "checkbox", "extra_text" => __('For Chrome and Safari only.', 'tie')));
    tie_options(array("name" => __('Apply Categories Colors on News blocks', 'tie'), "id" => "homepage_cats_colors", "type" => "checkbox"));
    tie_options(array("name" => __('Lazy Load For Images', 'tie'), "id" => "lazy_load", "type" => "checkbox"));
    tie_options(array("name" => __('Smoth Scroll', 'tie'), "id" => "smoth_scroll", "type" => "checkbox"));
    ?>
			</div>	
			<div class="tiepanel-item">

				<h3><?php 
    _e('Background Type', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Background Type', 'tie'), "id" => "background_type", "type" => "radio", "options" => array("pattern" => __('Pattern', 'tie'), "custom" => __('Custom Background', 'tie'))));
    ?>
			</div>

			<div class="tiepanel-item" id="pattern-settings">
				<h3><?php 
    _e('Choose Pattern', 'tie');
    ?>
</h3>
				
				<?php 
    tie_options(array("name" => __('Background Color', 'tie'), "id" => "background_pattern_color", "type" => "color"));
    $theme_pattern = tie_get_option('background_pattern');
    ?>
				<ul id="theme-pattern" class="tie-options">
					<?php 
    for ($i = 1; $i <= 46; $i++) {
        $pattern = 'body-bg' . $i;
        ?>
					<li>
						<input id="tie_background_pattern"  name="tie_options[background_pattern]" type="radio" value="<?php 
        echo $pattern;
        ?>
" <?php 
        if ($theme_pattern == $pattern) {
            echo $checked;
        }
        ?>
 />
						<a class="checkbox-select" href="#"><img src="<?php 
        echo get_template_directory_uri();
        ?>
/framework/admin/images/pattern<?php 
        echo $i;
        ?>
.png" /></a>
					</li>
					<?php 
    }
    ?>
				</ul>
			</div>

			<div class="tiepanel-item" id="bg_image_settings">
				<h3><?php 
    _e('Custom Background', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Custom Background', 'tie'), "id" => "background", "type" => "background"));
    tie_options(array("name" => __('Full Screen Background', 'tie'), "id" => "background_full", "type" => "checkbox"));
    ?>

			</div>	
			<div class="tiepanel-item">
				<h3><?php 
    _e('Body Styling', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Highlighted Text Color', 'tie'), "id" => "highlighted_color", "type" => "color"));
    tie_options(array("name" => __('Links Color', 'tie'), "id" => "links_color", "type" => "color"));
    tie_options(array("name" => __('Links Decoration', 'tie'), "id" => "links_decoration", "type" => "select", "options" => array("" => __('Default', 'tie'), "none" => __('none', 'tie'), "underline" => __('underline', 'tie'), "overline" => __('overline', 'tie'), "line-through" => __('line-through', 'tie'))));
    tie_options(array("name" => __('Links Color on mouse over', 'tie'), "id" => "links_color_hover", "type" => "color"));
    tie_options(array("name" => __('Links Decoration on mouse over', 'tie'), "id" => "links_decoration_hover", "type" => "select", "options" => array("" => __('Default', 'tie'), "none" => __('none', 'tie'), "underline" => __('underline', 'tie'), "overline" => __('overline', 'tie'), "line-through" => __('line-through', 'tie'))));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3><?php 
    _e('Top Navigation Styling', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Background', 'tie'), "id" => "topbar_background", "type" => "background"));
    tie_options(array("name" => __('Links Color', 'tie'), "id" => "topbar_links_color", "type" => "color"));
    tie_options(array("name" => __('Links Color on mouse over', 'tie'), "id" => "topbar_links_color_hover", "type" => "color"));
    tie_options(array("name" => __("Today's Date text color", "tie"), "id" => "todaydate_color", "type" => "color"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Header Background', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Background', 'tie'), "id" => "header_background", "type" => "background"));
    ?>
			</div>
			
						
			<div class="tiepanel-item">
				<h3><?php 
    _e('Main Navigation Styling', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Main Navigation Background', 'tie'), "id" => "main_nav_background", "type" => "color"));
    tie_options(array("name" => __('Main Navigation inner bottom border color', 'tie'), "id" => "main_nav_border", "type" => "color"));
    tie_options(array("name" => __('Sub Menu Background', 'tie'), "id" => "sub_nav_background", "type" => "color"));
    tie_options(array("name" => __('Links Color', 'tie'), "id" => "nav_links_color", "type" => "color"));
    tie_options(array("name" => __('Links Color on mouse over', 'tie'), "id" => "nav_links_color_hover", "type" => "color"));
    tie_options(array("name" => __('Current Item Link Color', 'tie'), "id" => "nav_current_links_color", "type" => "color"));
    tie_options(array("name" => __('Separator Line1 color', 'tie'), "id" => "nav_sep1", "type" => "color"));
    tie_options(array("name" => __('Separator Line2 color', 'tie'), "id" => "nav_sep2", "type" => "color"));
    ?>
			</div>
			
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Breaking News Styling', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Breaking News Text Background', 'tie'), "id" => "breaking_title_bg", "type" => "color"));
    ?>
		
			</div>

			<div class="tiepanel-item">
				<h3><?php 
    _e('Content Styling', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Main Content Background', 'tie'), "id" => "main_content_bg", "type" => "background"));
    tie_options(array("name" => __('Blocks / Widgets Background', 'tie'), "id" => "boxes_bg", "type" => "background"));
    ?>
		
			</div>
			<div class="tiepanel-item">
				<h3><?php 
    _e('Post Styling', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Post Links Color', 'tie'), "id" => "post_links_color", "type" => "color"));
    tie_options(array("name" => __('Post Links Decoration', 'tie'), "id" => "post_links_decoration", "type" => "select", "options" => array("" => __('Default', 'tie'), "none" => __('none', 'tie'), "underline" => __('underline', 'tie'), "overline" => __('overline', 'tie'), "line-through" => __('line-through', 'tie'))));
    tie_options(array("name" => __('Post Links Color on mouse over', 'tie'), "id" => "post_links_color_hover", "type" => "color"));
    tie_options(array("name" => __('Post Links Decoration on mouse over', 'tie'), "id" => "post_links_decoration_hover", "type" => "select", "options" => array("" => __('Default', 'tie'), "none" => __('none', 'tie'), "underline" => __('underline', 'tie'), "overline" => __('overline', 'tie'), "line-through" => __('line-through', 'tie'))));
    ?>
			</div>
			<div class="tiepanel-item">
				<h3><?php 
    _e('Footer Background', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Background', 'tie'), "id" => "footer_background", "type" => "background"));
    tie_options(array("name" => __('Footer Widget Title color', 'tie'), "id" => "footer_title_color", "type" => "color"));
    tie_options(array("name" => __('Links Color', 'tie'), "id" => "footer_links_color", "type" => "color"));
    tie_options(array("name" => __('Links Color on mouse over', 'tie'), "id" => "footer_links_color_hover", "type" => "color"));
    ?>
			</div>				
						
			<div class="tiepanel-item">
				<h3><?php 
    _e('Custom CSS', 'tie');
    ?>
</h3>	
				<div class="option-item">
					<p><strong><?php 
    _e('Global CSS :', 'tie');
    ?>
</strong></p>
					<textarea id="tie_css" name="tie_options[css]" class="code tie-css" style="width:100%" rows="7"><?php 
    echo tie_get_option('css');
    ?>
</textarea>
				</div>	
				<div class="option-item">
					<p><strong><?php 
    _e('Tablets:', 'tie');
    ?>
</strong><?php 
    _e('768 - 985px', 'tie');
    ?>
 </p>
					<textarea id="tie_css_tablets" name="tie_options[css_tablets]" class="code tie-css"  style="width:100%" rows="7"><?php 
    echo tie_get_option('css_tablets');
    ?>
</textarea>
				</div>
				<div class="option-item">
					<p><strong><?php 
    _e('Wide Phones:', 'tie');
    ?>
</strong><?php 
    _e('480 - 767px', 'tie');
    ?>
</p>
					<textarea id="tie_css_wphones" name="tie_options[css_wide_phones]" class="code tie-css"  style="width:100%" rows="7"><?php 
    echo tie_get_option('css_wide_phones');
    ?>
</textarea>
				</div>
				<div class="option-item">
					<p><strong><?php 
    _e('Phones:', 'tie');
    ?>
</strong><?php 
    _e('320 - 479px', 'tie');
    ?>
</p>
					<textarea id="tie_css_phones" name="tie_options[css_phones]" class="code tie-css"  style="width:100%" rows="7"><?php 
    echo tie_get_option('css_phones');
    ?>
</textarea>
				</div>	
			</div>	

		</div> <!-- Styling -->

	
		
		<div id="tab14" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Typography', 'tie');
    ?>
</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Character sets', 'tie');
    ?>
</h3>
				<p class="tie_message_hint"><strong><?php 
    _e('Tip:', 'tie');
    ?>
</strong><?php 
    _e("If you choose only the languages that you need, you'll help prevent slowness on your webpage.", 'tie');
    ?>
</p>
				<?php 
    tie_options(array("name" => __('Latin Extended', 'tie'), "id" => "typography_latin_extended", "type" => "checkbox"));
    tie_options(array("name" => __('Cyrillic', 'tie'), "id" => "typography_cyrillic", "type" => "checkbox"));
    tie_options(array("name" => __('Cyrillic Extended', 'tie'), "id" => "typography_cyrillic_extended", "type" => "checkbox"));
    tie_options(array("name" => __('Greek', 'tie'), "id" => "typography_greek", "type" => "checkbox"));
    tie_options(array("name" => __('Greek Extended', 'tie'), "id" => "typography_greek_extended", "type" => "checkbox"));
    tie_options(array("name" => __('Khmer', 'tie'), "id" => "typography_khmer", "type" => "checkbox"));
    tie_options(array("name" => __('Vietnamese', 'tie'), "id" => "typography_vietnamese", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Live typography preview', 'tie');
    ?>
</h3>
					<?php 
    tie_options(array("name" => "", "id" => "typography_test", "type" => "typography"));
    ?>
	
				<div id="font-preview" class="option-item"><?php 
    _e('Grumpy wizards make toxic brew for the evil Queen and Jack.', 'tie');
    ?>
</div>		

			</div>
			<div class="tiepanel-item">
				<h3><?php 
    _e('Main Typography', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('General Typography', 'tie'), "id" => "typography_general", "type" => "typography"));
    tie_options(array("name" => __('Site Title In Header', 'tie'), "id" => "typography_site_title", "type" => "typography"));
    tie_options(array("name" => __('Tagline In Header', 'tie'), "id" => "typography_tagline", "type" => "typography"));
    tie_options(array("name" => __('Top Menu', 'tie'), "id" => "typography_top_menu", "type" => "typography"));
    tie_options(array("name" => __('Main Navigation', 'tie'), "id" => "typography_main_nav", "type" => "typography"));
    tie_options(array("name" => __('Slider Post Title', 'tie'), "id" => "typography_slider_title", "type" => "typography"));
    tie_options(array("name" => __('Page Title', 'tie'), "id" => "typography_page_title", "type" => "typography"));
    tie_options(array("name" => __('Single Post Title', 'tie'), "id" => "typography_post_title", "type" => "typography"));
    tie_options(array("name" => __('Post Title in Homepage Blocks and Post Titles in Blog Layout', 'tie'), "id" => "typography_post_title_boxes", "type" => "typography"));
    tie_options(array("name" => __('Small Post Title in Homepage Blocks', 'tie'), "id" => "typography_post_title2_boxes", "type" => "typography"));
    tie_options(array("name" => __('Post Meta', 'tie'), "id" => "typography_post_meta", "type" => "typography"));
    tie_options(array("name" => __('Post Entry', 'tie'), "id" => "typography_post_entry", "type" => "typography"));
    tie_options(array("name" => __('Blockquotes', 'tie'), "id" => "typography_blockquotes", "type" => "typography"));
    tie_options(array("name" => __('Blocks Titles', 'tie'), "id" => "typography_boxes_title", "type" => "typography"));
    tie_options(array("name" => __('Widgets Titles', 'tie'), "id" => "typography_widgets_title", "type" => "typography"));
    tie_options(array("name" => __('Footer Widgets Titles', 'tie'), "id" => "typography_footer_widgets_title", "type" => "typography"));
    ?>
			</div>			
		</div> <!-- Typography -->
		
		
		<div id="tab20" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Translations', 'tie');
    ?>
</h2>	<?php 
    echo $save;
    ?>
	
			
			<div>
			<?php 
    global $tie_default_texts;
    foreach ($tie_default_texts as $value) {
        if (is_array($value)) {
            ?>
					</div> <!--tie-panel-item -->
					<div class="tiepanel-item">
						<h3><?php 
            echo $value['text'];
            ?>
</h3>
						<?php 
        } else {
            $value = htmlspecialchars($value);
            tie_options(array("id" => tie_sanitize_title($value), "name" => $value, "type" => "text"));
        }
    }
    ?>
			</div> <!--tie-panel-item -->
		</div> <!-- Translations -->
		
		
		<div id="tab10" class="tab_content tabs-wrap">
			<h2><?php 
    _e('Advanced Settings', 'tie');
    ?>
</h2>	<?php 
    echo $save;
    ?>
	

			<div class="tiepanel-item">
				<h3><?php 
    _e('Advanced Settings', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('Disable Arqam Lite', 'tie'), "id" => "disable_arqam_lite", "type" => "checkbox"));
    tie_options(array("name" => __('Notify on theme updates', 'tie'), "id" => "notify_theme", "type" => "checkbox"));
    tie_options(array("name" => __('Disable the Responsiveness', 'tie'), "id" => "disable_responsive", "type" => "checkbox"));
    ?>
				<p class="tie_message_hint"><?php 
    _e('This option works only on Tablets and Phones .. to disable the responsiveness action on the desktop .. edit style.css file and remove all Media Queries from the end of the file .', 'tie');
    ?>
</p>
			</div>


			<div class="tiepanel-item">
				<h3><?php 
    _e('WordPress Login page Logo', 'tie');
    ?>
</h3>
				<?php 
    tie_options(array("name" => __('WordPress Login page Logo', 'tie'), "id" => "dashboard_logo", "type" => "upload"));
    tie_options(array("name" => __('WordPress Login page Logo URL', 'tie'), "id" => "dashboard_logo_url", "type" => "text"));
    ?>
			
			</div>
			<?php 
    global $array_options;
    $current_options = array();
    foreach ($array_options as $option) {
        if (get_option($option)) {
            $current_options[$option] = get_option($option);
        }
    }
    ?>
			
			<div class="tiepanel-item">
				<h3><?php 
    _e('Export', 'tie');
    ?>
</h3>
				<div class="option-item">
					<textarea style="width:100%" rows="7"><?php 
    echo $currentsettings = base64_encode(serialize($current_options));
    ?>
</textarea>
				</div>
			</div>
			<div class="tiepanel-item">
				<h3><?php 
    _e('Import', 'tie');
    ?>
</h3>
				<div class="option-item">
					<textarea id="tie_import" name="tie_import" style="width:100%" rows="7"></textarea>
				</div>
			</div>


		</div> <!-- Advanced -->
		
		
		<div class="mo-footer">
			<?php 
    echo $save;
    ?>
		</form>

			<form method="post">
				<div class="mpanel-reset">
					<input type="hidden" name="resetnonce" value="<?php 
    echo wp_create_nonce('reset-action-code');
    ?>
" />
					<input name="reset" class="mpanel-reset-button button button-primary button-large" type="submit" onClick="if(confirm('<?php 
    _e('All settings will be rest .. Are you sure ?', 'tie');
    ?>
')) return true ; else return false; " value="<?php 
    _e('Reset All Settings', 'tie');
    ?>
" />
					<input type="hidden" name="action" value="reset" />
				</div>
			</form>
		</div>

	</div><!-- .mo-panel-content -->
	<div class="clear"></div>
</div><!-- .mo-panel -->
<?php 
}
示例#3
0
function panel_options()
{
    $categories_obj = get_categories('hide_empty=0');
    $categories = array();
    foreach ($categories_obj as $pn_cat) {
        $categories[$pn_cat->cat_ID] = $pn_cat->cat_name;
    }
    $sliders = array();
    $custom_slider = new WP_Query(array('post_type' => 'tie_slider', 'posts_per_page' => -1));
    while ($custom_slider->have_posts()) {
        $custom_slider->the_post();
        $sliders[get_the_ID()] = get_the_title();
    }
    $save = '
	<div class="mpanel-submit">
		<input type="hidden" name="action" value="test_theme_data_save" />
        <input type="hidden" name="security" value="' . wp_create_nonce("test-theme-data") . '" />
		<input name="save" class="mpanel-save" type="submit" value="Save Changes" />    
	</div>';
    ?>
		
		
<div id="save-alert"></div>

<div class="mo-panel">

	<div class="mo-panel-tabs">
		<div class="logo"></div>
		<ul>
			<li class="tabs general"><a href="#tab1"><span></span>General Settings</a></li>
			<li class="tabs homepage"><a href="#tab2"><span></span>Layout settings</a></li>
			<li class="tabs header"><a href="#tab9"><span></span>Header Settings</a></li>
			<li class="tabs archives"><a href="#tab12"><span></span>Archives Settings</a></li>
			<li class="tabs article"><a href="#tab6"><span></span>Article Settings</a></li>
			<li class="tabs sidebars"><a href="#tab11"><span></span>Sidebars</a></li>
			<li class="tabs footer"><a href="#tab7"><span></span>Footer Settings</a></li>
			<li class="tabs banners"><a href="#tab8"><span></span>Banners Settings</a></li>
			<li class="tabs styling"><a href="#tab13"><span></span>Styling</a></li>
			<li class="tabs typography"><a href="#tab14"><span></span>Typography</a></li>
			<li class="tabs Social"><a href="#tab4"><span></span>Social Networking</a></li>
			<li class="tabs advanced"><a href="#tab10"><span></span>Advanced</a></li>
		</ul>
		<div class="clear"></div>
	</div> <!-- .mo-panel-tabs -->
	
	
	<div class="mo-panel-content">
	<form action="/" name="tie_form" id="tie_form">

	
		<div id="tab1" class="tabs-wrap">
			<h2>General Settings</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">
				<h3>Favicon</h3>
				<?php 
    tie_options(array("name" => "Custom Favicon", "id" => "favicon", "type" => "upload"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Custom Gravatar</h3>
				
				<?php 
    tie_options(array("name" => "Custom Gravatar", "id" => "gravatar", "type" => "upload"));
    ?>
			</div>	
					
			<div class="tiepanel-item">
				<h3>Breadcrumbs Settings</h3>
				<?php 
    tie_options(array("name" => "Breadcrumbs ", "id" => "breadcrumbs", "type" => "checkbox"));
    tie_options(array("name" => "Breadcrumbs Delimiter", "id" => "breadcrumbs_delimiter", "type" => "short-text"));
    ?>
			</div>
			<div class="tiepanel-item">
				<h3>LightBox Setting</h3>
				<?php 
    tie_options(array("name" => "LightBox Style", "id" => "lightbox_style", "type" => "select", "options" => array("light_rounded" => "Light Rounded", "light_square" => "Light Square", "dark_square" => "Dark Square", "dark_rounded" => "Dark Rounded", "pp_default" => "Pretty Style", "facebook" => "Facebook")));
    ?>
			</div>
						
			<div class="tiepanel-item">
				<h3>Header Code</h3>
				<div class="option-item">
					<small>The following code will add to the &lt;head&gt; tag. Useful if you need to add additional scripts such as CSS or JS.</small>
					<textarea id="header_code" name="tie_options[header_code]" style="width:100%" rows="7"><?php 
    echo htmlspecialchars_decode(tie_get_option('header_code'));
    ?>
</textarea>				
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Footer Code</h3>
				<div class="option-item">
					<small>The following code will add to the footer before the closing  &lt;/body&gt; tag. Useful if you need to Javascript or tracking code.</small>

					<textarea id="footer_code" name="tie_options[footer_code]" style="width:100%" rows="7"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_code'));
    ?>
</textarea>				
				</div>
			</div>	
			
		</div>
		
		<div id="tab9" class="tabs-wrap">
			<h2>Header Settings</h2> <?php 
    echo $save;
    ?>
			
			<div class="tiepanel-item">
				<h3>Logo</h3>
				<?php 
    tie_options(array("name" => "Logo Setting", "id" => "logo_setting", "type" => "radio", "options" => array("logo" => "Custom Image Logo", "title" => "Display Site Title")));
    ?>
								
				<?php 
    tie_options(array("name" => "Custom Logo Image", "id" => "logo", "help" => "Upload a logo image, or enter URL to an image if it is already uploaded. the theme default logo gets applied if the input field is left blank.", "type" => "upload"));
    ?>

				<?php 
    tie_options(array("name" => "Logo Margin Top", "id" => "logo_margin", "type" => "slider", "help" => "Input number to set the top space of the logo .", "unit" => "px", "max" => 100, "min" => 0));
    ?>

			</div>
			

			<div class="tiepanel-item">
				<h3>Header Settings</h3>
				<?php 
    tie_options(array("name" => "Center the Logo", "id" => "header_layout", "type" => "checkbox"));
    tie_options(array("name" => "Hide Search", "id" => "haeder_search", "type" => "checkbox"));
    tie_options(array("name" => "Hide Social icons", "id" => "haeder_social_icons", "type" => "checkbox"));
    tie_options(array("name" => "Fix Header while scrolling", "id" => "haeder_fix", "type" => "checkbox"));
    tie_options(array("name" => "Transparent Header while scrolling", "id" => "haeder_transparent", "type" => "checkbox"));
    ?>
		
			</div>
			
			<div class="tiepanel-item">
				<h3>Welcome box settings</h3>
				<?php 
    tie_options(array("name" => "Enable Welcome box", "id" => "welcome_box", "type" => "checkbox"));
    tie_options(array("name" => "Display to", "id" => "welcome_display", "type" => "radio", "options" => array("1" => "Everyone", "2" => "Eegistered users only", "3" => "Guests only")));
    ?>
				
				<div class="option-item">
					<span class="label" style="margin-bottom: 10px; float:none;">Welcome box message</span>
					<textarea id="welcome_msg" name="tie_options[welcome_msg]" style="width:100%" rows="7"><?php 
    echo htmlspecialchars_decode(tie_get_option('welcome_msg'));
    ?>
</textarea>				
					<small>Enter Text , Html or Shortcodes</small>
				</div>
			</div>								
		</div> <!-- Header Settings -->
		
		
		
		<div id="tab2" class="tabs-wrap">
			<h2>Layout Settings</h2> <?php 
    echo $save;
    ?>
		
			<div class="tiepanel-item">
				<h3>Layout Settings</h3>
				<?php 
    tie_options(array("name" => "Excerpt Length", "id" => "exc_length", "type" => "short-text"));
    tie_options(array("name" => "Index and Archives displays", "id" => "on_home", "type" => "radio", "options" => array("latest" => "Blog Style", "grid" => "Grid style")));
    tie_options(array("name" => "Mini share icons", "id" => "mini_share", "type" => "checkbox"));
    tie_options(array("name" => "Show Posts Meta", "id" => "show_meta", "type" => "checkbox"));
    tie_options(array("name" => "Show Comments", "id" => "show_comments", "type" => "checkbox"));
    tie_options(array("name" => "Number of Comments", "id" => "num_comments", "type" => "short-text"));
    ?>
				<div class="option-item" id="filter_cat-item">
					<span class="label">Exclude Categories from Homepage</span>
						<select multiple="multiple" name="tie_options[exc_home_cats][]" id="tie_filter_cat">
						<?php 
    foreach ($categories as $key => $option) {
        ?>
							<option value="<?php 
        echo $key;
        ?>
" <?php 
        if (@in_array($key, tie_get_option('exc_home_cats'))) {
            echo ' selected="selected"';
        }
        ?>
><?php 
        echo $option;
        ?>
</option>
						<?php 
    }
    ?>
					</select>
				</div>
			</div>	
			
		<div id="Home_Builder">
			<div class="tiepanel-item">
				<h3>Grid Style Settings</h3>
				<?php 
    tie_options(array("name" => "Default width of posts", "id" => "post_width", "type" => "radio", "options" => array("1" => "Small", "2" => "Medium", "3" => "Large")));
    tie_options(array("name" => "Enable Categories Filter", "id" => "enable_filter", "type" => "checkbox"));
    tie_options(array("name" => "Pagination", "id" => "grid_pagination", "type" => "radio", "options" => array("button" => "Load More Button", "normal" => "Normal Pagination", "infinite" => "Infinite Scroll")));
    ?>
			</div>	

		</div>

		</div> <!-- Homepage Settings -->
		
	
		
		<div id="tab4" class="tabs-wrap">
			<h2>Social Networking</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">
				<h3>Custom Feed URL</h3>
							
				<?php 
    tie_options(array("name" => "Hide Rss Icon", "id" => "rss_icon", "type" => "checkbox"));
    tie_options(array("name" => "Custom Feed URL", "id" => "rss_url", "help" => "e.g. http://feedburner.com/userid", "type" => "text"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Social Networking</h3>
				<p style="padding:10px; color:red;"> Don't forget http:// before link .</p>
							
				<?php 
    tie_options(array("name" => "Facebook URL", "id" => "social", "key" => "facebook", "type" => "arrayText"));
    tie_options(array("name" => "Twitter URL", "id" => "social", "key" => "twitter", "type" => "arrayText"));
    tie_options(array("name" => "Google+ URL", "id" => "social", "key" => "google_plus", "type" => "arrayText"));
    tie_options(array("name" => "MySpace URL", "id" => "social", "key" => "myspace", "type" => "arrayText"));
    tie_options(array("name" => "Instagram URL", "id" => "social", "key" => "instagram", "type" => "arrayText"));
    tie_options(array("name" => "PayPal URL", "id" => "social", "key" => "paypal", "type" => "arrayText"));
    tie_options(array("name" => "dribbble URL", "id" => "social", "key" => "dribbble", "type" => "arrayText"));
    tie_options(array("name" => "LinkedIn URL", "id" => "social", "key" => "linkedin", "type" => "arrayText"));
    tie_options(array("name" => "Flickr URL", "id" => "social", "key" => "flickr", "type" => "arrayText"));
    tie_options(array("name" => "Picasa Web URL", "id" => "social", "key" => "picasa", "type" => "arrayText"));
    tie_options(array("name" => "YouTube URL", "id" => "social", "key" => "youtube", "type" => "arrayText"));
    tie_options(array("name" => "Vimeo URL", "id" => "social", "key" => "vimeo", "type" => "arrayText"));
    tie_options(array("name" => "ShareThis URL", "id" => "social", "key" => "sharethis", "type" => "arrayText"));
    tie_options(array("name" => "Skype URL", "id" => "social", "key" => "skype", "type" => "arrayText"));
    tie_options(array("name" => "Spotify URL", "id" => "social", "key" => "spotify", "type" => "arrayText"));
    tie_options(array("name" => "Digg URL", "id" => "social", "key" => "digg", "type" => "arrayText"));
    tie_options(array("name" => "Reddit URL", "id" => "social", "key" => "reddit", "type" => "arrayText"));
    tie_options(array("name" => "StumbleUpon  URL", "key" => "stumbleupon", "id" => "social", "type" => "arrayText"));
    tie_options(array("name" => "Tumblr URL", "id" => "social", "key" => "tumblr", "type" => "arrayText"));
    tie_options(array("name" => "Blogger URL", "id" => "social", "key" => "blogger", "type" => "arrayText"));
    tie_options(array("name" => "Wordpress URL", "id" => "social", "key" => "wordpress", "type" => "arrayText"));
    tie_options(array("name" => "Last.fm URL", "id" => "social", "key" => "lastfm", "type" => "arrayText"));
    tie_options(array("name" => "Pinterest URL", "id" => "social", "key" => "Pinterest", "type" => "arrayText"));
    tie_options(array("name" => "Behance URL", "id" => "social", "key" => "behance", "type" => "arrayText"));
    ?>
			</div>			
		</div><!-- Social Networking -->
		
		
		
				
		<div id="tab6" class="tab_content tabs-wrap">
			<h2>Article Settings</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">
				<h3>Standard Post Format Settings</h3>
				<?php 
    tie_options(array("name" => "Hide Featured Image from single page", "desc" => "", "id" => "standard_featured", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">

				<h3>Article Elements</h3>
				<?php 
    tie_options(array("name" => "Post Author Box", "desc" => "", "id" => "post_authorbio", "type" => "checkbox"));
    tie_options(array("name" => "Next/Prev Article", "desc" => "", "id" => "post_nav", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">

				<h3>Post Meta Settings</h3>
				<?php 
    tie_options(array("name" => "Post Meta :", "id" => "post_meta", "type" => "checkbox"));
    tie_options(array("name" => "Author Meta", "id" => "post_author", "type" => "checkbox"));
    tie_options(array("name" => "Date Meta", "id" => "post_date", "type" => "checkbox"));
    tie_options(array("name" => "Categories Meta", "id" => "post_cats", "type" => "checkbox"));
    tie_options(array("name" => "Views Meta", "id" => "post_views", "type" => "checkbox"));
    tie_options(array("name" => "Likes Meta", "id" => "post_likes", "type" => "checkbox"));
    tie_options(array("name" => "Comments Meta", "id" => "post_comments", "type" => "checkbox"));
    tie_options(array("name" => "Tags Meta", "id" => "post_tags", "type" => "checkbox"));
    ?>
	
			</div>

				
			<div class="tiepanel-item">

				<h3>Share Post Settings</h3>
				<?php 
    tie_options(array("name" => "Share Post Buttons :", "id" => "share_post", "type" => "checkbox"));
    tie_options(array("name" => "Tweet Button", "id" => "share_tweet", "type" => "checkbox"));
    tie_options(array("name" => "Twitter Username <small>(optional)</small>", "id" => "share_twitter_username", "type" => "text"));
    tie_options(array("name" => "Facebook Like Button", "id" => "share_facebook", "type" => "checkbox"));
    tie_options(array("name" => "Google+ Button", "id" => "share_google", "type" => "checkbox"));
    tie_options(array("name" => "Linkedin Button", "id" => "share_linkdin", "type" => "checkbox"));
    tie_options(array("name" => "StumbleUpon Button", "id" => "share_stumble", "type" => "checkbox"));
    tie_options(array("name" => "Pinterest Button", "id" => "share_pinterest", "type" => "checkbox"));
    ?>
	
			</div>

				
			<div class="tiepanel-item">

				<h3>Related Posts Settings</h3>
				<?php 
    tie_options(array("name" => "Related Posts", "id" => "related", "type" => "checkbox"));
    tie_options(array("name" => "Number of posts to show", "id" => "related_number", "type" => "short-text"));
    tie_options(array("name" => "Query Type", "id" => "related_query", "options" => array("category" => "Category", "tag" => "Tag", "author" => "Author"), "type" => "radio"));
    ?>
			</div>

			
			<div class="tiepanel-item">

				<h3>jQuery Comments Settings</h3>
				<?php 
    tie_options(array("name" => "Adding Comment Validation ", "id" => "comment_validation", "type" => "checkbox"));
    ?>
			</div>
		</div> <!-- Article Settings -->
		
		
		<div id="tab7" class="tabs-wrap">
			<h2>Footer Settings</h2> <?php 
    echo $save;
    ?>

			<div class="tiepanel-item">

				<h3>Footer Elements</h3>
				<?php 
    tie_options(array("name" => "'Go To Top' Icon", "id" => "footer_top", "type" => "checkbox"));
    tie_options(array("name" => "Social Icons", "desc" => "", "id" => "footer_social", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Footer Column layout</h3>
					<div class="option-item">

					<?php 
    $checked = 'checked="checked"';
    $tie_footer_widgets = tie_get_option('footer_widgets');
    ?>
					<ul id="footer-widgets-options" class="tie-options">
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-1c" <?php 
    if ($tie_footer_widgets == 'footer-1c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-1c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-2c" <?php 
    if ($tie_footer_widgets == 'footer-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-2c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="narrow-wide-2c" <?php 
    if ($tie_footer_widgets == 'narrow-wide-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-2c-narrow-wide.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-narrow-2c" <?php 
    if ($tie_footer_widgets == 'wide-narrow-2c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-2c-wide-narrow.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-3c" <?php 
    if ($tie_footer_widgets == 'footer-3c' || !$tie_footer_widgets) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-3c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-left-3c" <?php 
    if ($tie_footer_widgets == 'wide-left-3c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-3c-wide-left.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="wide-right-3c" <?php 
    if ($tie_footer_widgets == 'wide-right-3c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-3c-wide-right.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="footer-4c" <?php 
    if ($tie_footer_widgets == 'footer-4c') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-4c.png" /></a>
						</li>
						<li>
							<input id="tie_footer_widgets"  name="tie_options[footer_widgets]" type="radio" value="disable" <?php 
    if ($tie_footer_widgets == 'disable') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/footer-no.png" /></a>
						</li>

					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Footer Text One</h3>
				<div class="option-item">
					<textarea id="tie_footer_one" name="tie_options[footer_one]" style="width:100%" rows="4"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_one'));
    ?>
</textarea>				
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Footer Text Two</h3>
				<div class="option-item">
					<textarea id="tie_footer_two" name="tie_options[footer_two]" style="width:100%" rows="4"><?php 
    echo htmlspecialchars_decode(tie_get_option('footer_two'));
    ?>
</textarea>				
				</div>
			</div>

		</div><!-- Footer Settings -->

		
		<div id="tab8" class="tab_content tabs-wrap">
			<h2>Banners Settings</h2> <?php 
    echo $save;
    ?>
			<div class="tiepanel-item">
				<h3>Top Banner Area</h3>
				<?php 
    tie_options(array("name" => "Top Banner", "id" => "banner_top", "type" => "checkbox"));
    tie_options(array("name" => "Top Banner Image", "id" => "banner_top_img", "type" => "upload"));
    tie_options(array("name" => "Top Banner Link", "id" => "banner_top_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_top_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_top_tab", "type" => "checkbox"));
    tie_options(array("name" => "Adsense Code", "id" => "banner_top_adsense", "type" => "textarea"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Bottom Banner Area</h3>
				<?php 
    tie_options(array("name" => "Bottom Banner", "id" => "banner_bottom", "type" => "checkbox"));
    tie_options(array("name" => "Bottom Banner Image", "id" => "banner_bottom_img", "type" => "upload"));
    tie_options(array("name" => "Bottom Banner Link", "id" => "banner_bottom_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_bottom_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_bottom_tab", "type" => "checkbox"));
    tie_options(array("name" => "Adsense Code", "id" => "banner_bottom_adsense", "type" => "textarea"));
    ?>
			</div>
	
			<div class="tiepanel-item">
				<h3>Above Article Banner Area</h3>
				<?php 
    tie_options(array("name" => "Above Article Banner", "id" => "banner_above", "type" => "checkbox"));
    tie_options(array("name" => "Above Article Banner Image", "id" => "banner_above_img", "type" => "upload"));
    tie_options(array("name" => "Above Article Banner Link", "id" => "banner_above_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_above_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_above_tab", "type" => "checkbox"));
    tie_options(array("name" => "Adsense Code", "id" => "banner_above_adsense", "type" => "textarea"));
    ?>
			</div>
	
			
			<div class="tiepanel-item">
				<h3>Below Article Banner Area</h3>
				<?php 
    tie_options(array("name" => "Below Article Banner", "id" => "banner_below", "type" => "checkbox"));
    tie_options(array("name" => "Below Article Banner Image", "id" => "banner_below_img", "type" => "upload"));
    tie_options(array("name" => "Below Article Banner Link", "id" => "banner_below_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_below_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_below_tab", "type" => "checkbox"));
    tie_options(array("name" => "Adsense Code", "id" => "banner_below_adsense", "type" => "textarea"));
    ?>
			</div>	
			
			<div class="tiepanel-item">
				<h3>Between Posts in Home and Archives </h3>
				<?php 
    tie_options(array("name" => "Between Posts Banner", "id" => "banner_within_posts", "type" => "checkbox"));
    $posts_number = array();
    $max_number = get_option('posts_per_page');
    $posts_number[0] = ' ';
    for ($i = 1; $i <= $max_number; $i++) {
        $posts_number[] = $i;
    }
    tie_options(array("name" => "Number of Posts before ", "id" => "banner_within_posts_posts", "type" => "select", "options" => $posts_number));
    tie_options(array("name" => "Display in first page only", "id" => "banner_within_posts_pos", "type" => "checkbox"));
    tie_options(array("name" => "Between Posts Banner Image", "id" => "banner_within_posts_img", "type" => "upload"));
    tie_options(array("name" => "Between Posts Banner Link", "id" => "banner_within_posts_url", "type" => "text"));
    tie_options(array("name" => "Alternative Text For The image", "id" => "banner_within_posts_alt", "type" => "text"));
    tie_options(array("name" => "Open The Link In a new Tab", "id" => "banner_within_posts_tab", "type" => "checkbox"));
    tie_options(array("name" => "Adsense Code", "id" => "banner_within_posts_adsense", "type" => "textarea"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Shortcode ADS</h3>
				<?php 
    tie_options(array("name" => "[ads1] Shortcode Banner", "id" => "ads1_shortcode", "type" => "textarea"));
    tie_options(array("name" => "[ads2] Shortcode Banner", "id" => "ads2_shortcode", "type" => "textarea"));
    ?>
			</div>
		</div> <!-- Banners Settings -->
		
			

		<div id="tab11" class="tab_content tabs-wrap">
			<h2>Sidebars</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3>Sidebar Position</h3>
				<div class="option-item">
					<?php 
    $checked = 'checked="checked"';
    $tie_sidebar_pos = tie_get_option('sidebar_pos');
    ?>
					<ul id="sidebar-position-options" class="tie-options">
						<li>
							<input id="tie_sidebar_pos" name="tie_options[sidebar_pos]" type="radio" value="right" <?php 
    if ($tie_sidebar_pos == 'right' || !$tie_sidebar_pos) {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/sidebar-right.png" /></a>
						</li>
						<li>
							<input id="tie_sidebar_pos" name="tie_options[sidebar_pos]" type="radio" value="left" <?php 
    if ($tie_sidebar_pos == 'left') {
        echo $checked;
    }
    ?>
 />
							<a class="checkbox-select" href="#"><img src="<?php 
    echo get_template_directory_uri();
    ?>
/panel/images/sidebar-left.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="tiepanel-item">
				<h3>Add Sidebar</h3>
				<div class="option-item">
					<span class="label">Sidebar Name</span>
					
					<input id="sidebarName" type="text" size="56" style="direction:ltr; text-laign:left" name="sidebarName" value="" />
					<input id="sidebarAdd"  class="small_button" type="button" value="Add" />
					
					<ul id="sidebarsList">
					<?php 
    $sidebars = tie_get_option('sidebars');
    if ($sidebars) {
        foreach ($sidebars as $sidebar) {
            ?>
						<li>
							<div class="widget-head"><?php 
            echo $sidebar;
            ?>
  <input id="tie_sidebars" name="tie_options[sidebars][]" type="hidden" value="<?php 
            echo $sidebar;
            ?>
" /><a class="del-sidebar"></a></div>
						</li>
							<?php 
        }
    }
    ?>
					</ul>
				</div>				
			</div>

			<div class="tiepanel-item">
				<h3>Custom Sidebars</h3>
				<?php 
    $new_sidebars = array('' => 'Default');
    if ($sidebars) {
        foreach ($sidebars as $sidebar) {
            $new_sidebars[$sidebar] = $sidebar;
        }
    }
    tie_options(array("name" => "Home Sidebar", "id" => "sidebar_home", "type" => "select", "options" => $new_sidebars));
    tie_options(array("name" => "Single Page Sidebar", "id" => "sidebar_page", "type" => "select", "options" => $new_sidebars));
    tie_options(array("name" => "Single Article Sidebar", "id" => "sidebar_post", "type" => "select", "options" => $new_sidebars));
    tie_options(array("name" => "Archives Sidebar", "id" => "sidebar_archive", "type" => "select", "options" => $new_sidebars));
    ?>
			</div>
		</div> <!-- Sidebars -->
		
		
		<div id="tab12" class="tab_content tabs-wrap">
			<h2>Archives Settings</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3>Category Page Settings</h3>
				<?php 
    tie_options(array("name" => "Category Description", "id" => "category_desc", "type" => "checkbox"));
    tie_options(array("name" => "RSS Icon", "id" => "category_rss", "type" => "checkbox"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Tag Page Settings</h3>
				<?php 
    tie_options(array("name" => "RSS Icon", "id" => "tag_rss", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Author Page Settings</h3>
				<?php 
    tie_options(array("name" => "Author Bio", "id" => "author_bio", "type" => "checkbox"));
    ?>
				<?php 
    tie_options(array("name" => "RSS Icon", "id" => "author_rss", "type" => "checkbox"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Search Page Settings</h3>
				<?php 
    tie_options(array("name" => "Exclude Pages in results", "id" => "search_exclude_pages", "type" => "checkbox"));
    ?>
			</div>
		</div> <!-- Archives -->
				
				
		<div id="tab13" class="tab_content tabs-wrap">
			<h2>Styling</h2>	<?php 
    echo $save;
    ?>
	
			<div class="tiepanel-item">

				<h3>Background Type</h3>
				<?php 
    tie_options(array("name" => "Background Type", "id" => "background_type", "type" => "radio", "options" => array("pattern" => "Pattern", "custom" => "Custom Background")));
    ?>
			</div>

			<div class="tiepanel-item" id="pattern-settings">
				<h3>Choose Pattern</h3>
				
				<?php 
    tie_options(array("name" => "Background Color", "id" => "background_pattern_color", "type" => "color"));
    ?>
				
				<?php 
    $checked = 'checked="checked"';
    $theme_pattern = tie_get_option('background_pattern');
    ?>
				<ul id="theme-pattern" class="tie-options">
					<?php 
    for ($i = 1; $i <= 23; $i++) {
        $pattern = 'body-bg' . $i;
        ?>
					<li>
						<input id="tie_background_pattern"  name="tie_options[background_pattern]" type="radio" value="<?php 
        echo $pattern;
        ?>
" <?php 
        if ($theme_pattern == $pattern) {
            echo $checked;
        }
        ?>
 />
						<a class="checkbox-select" href="#"><img src="<?php 
        echo get_template_directory_uri();
        ?>
/panel/images/pattern<?php 
        echo $i;
        ?>
.png" /></a>
					</li>
					<?php 
    }
    ?>
				</ul>
			</div>

			<div class="tiepanel-item" id="bg_image_settings">
				<h3>Custom Background</h3>
				<?php 
    tie_options(array("name" => "Custom Background", "id" => "background", "type" => "background"));
    ?>
				<?php 
    tie_options(array("name" => "Full Screen Background", "id" => "background_full", "type" => "checkbox"));
    ?>

			</div>	
			<div class="tiepanel-item">
				<h3>Body Styling</h3>
				<?php 
    tie_options(array("name" => "Links Color", "id" => "links_color", "type" => "color"));
    tie_options(array("name" => "Links Decoration", "id" => "links_decoration", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    tie_options(array("name" => "Links Color on mouse over", "id" => "links_color_hover", "type" => "color"));
    tie_options(array("name" => "Links Decoration on mouse over", "id" => "links_decoration_hover", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    tie_options(array("name" => "Scroll To Top Background", "id" => "scroll_to_top", "type" => "color"));
    tie_options(array("name" => "Filter Current Item Background", "id" => "filter_current", "type" => "color"));
    tie_options(array("name" => "Current page in Pagenavi", "id" => "current_page", "type" => "color"));
    ?>
			</div>

			
			<div class="tiepanel-item">
				<h3>Header Background</h3>
				<?php 
    tie_options(array("name" => "Background", "id" => "header_background", "type" => "background"));
    tie_options(array("name" => "Border Top Color", "id" => "hedaer_border_color", "type" => "color"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Main Navigation Styling</h3>
				<?php 
    tie_options(array("name" => "Background", "id" => "topbar_background", "type" => "background"));
    tie_options(array("name" => "Links Color", "id" => "topbar_links_color", "type" => "color"));
    tie_options(array("name" => "Links Color on mouse over", "id" => "topbar_links_color_hover", "type" => "color"));
    tie_options(array("name" => "Current Item Background", "id" => "current_background", "type" => "color"));
    tie_options(array("name" => "Current Item Border Top color", "id" => "current_border", "type" => "color"));
    tie_options(array("name" => "Current Item text color", "id" => "current_color", "type" => "color"));
    ?>
			</div>
			
			<div class="tiepanel-item">
				<h3>Boxes and Widgets Styling</h3>
				<?php 
    tie_options(array("name" => "Boxes / Widgets Background ", "id" => "boxes_bg", "type" => "color"));
    ?>
		
			</div>
			<div class="tiepanel-item">
				<h3>Post Styling</h3>
				<?php 
    tie_options(array("name" => "Post Links Color", "id" => "post_links_color", "type" => "color"));
    tie_options(array("name" => "Post Links Decoration", "id" => "post_links_decoration", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    tie_options(array("name" => "Post Links Color on mouse over", "id" => "post_links_color_hover", "type" => "color"));
    tie_options(array("name" => "Post Links Decoration on mouse over", "id" => "post_links_decoration_hover", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    ?>
			</div>
			<div class="tiepanel-item">
				<h3>Quote and link posts Styling</h3>
				<?php 
    tie_options(array("name" => "Quote / link block Background", "id" => "quote_bg", "type" => "color"));
    tie_options(array("name" => "Post Links Color", "id" => "quote_links_color", "type" => "color"));
    tie_options(array("name" => "Post Links Decoration", "id" => "quote_links_decoration", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    tie_options(array("name" => "Post Links Color on mouse over", "id" => "quote_links_color_hover", "type" => "color"));
    tie_options(array("name" => "Post Links Decoration on mouse over", "id" => "quote_links_decoration_hover", "type" => "select", "options" => array("" => "Default", "none" => "none", "underline" => "underline", "overline" => "overline", "line-through" => "line-through")));
    ?>
			</div>
			<div class="tiepanel-item">
				<h3>Footer Background</h3>
				<?php 
    tie_options(array("name" => "Background", "id" => "footer_background", "type" => "background"));
    ?>
				<?php 
    tie_options(array("name" => "Footer Widget Title color", "id" => "footer_title_color", "type" => "color"));
    ?>
				<?php 
    tie_options(array("name" => "Links Color", "id" => "footer_links_color", "type" => "color"));
    ?>
				<?php 
    tie_options(array("name" => "Links Color on mouse over", "id" => "footer_links_color_hover", "type" => "color"));
    ?>
			</div>				
						
			<div class="tiepanel-item">
				<h3>Custom CSS</h3>	
				<div class="option-item">
					<p><strong>Global CSS :</strong></p>
					<textarea id="tie_css" name="tie_options[css]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css');
    ?>
</textarea>
				</div>	
				<div class="option-item">
					<p><strong>Tablets CSS :</strong> Width from 768px to 985px</p>
					<textarea id="tie_css" name="tie_options[css_tablets]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css_tablets');
    ?>
</textarea>
				</div>
				<div class="option-item">
					<p><strong>Wide Phones CSS :</strong> Width from 480px to 767px</p>
					<textarea id="tie_css" name="tie_options[css_wide_phones]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css_wide_phones');
    ?>
</textarea>
				</div>
				<div class="option-item">
					<p><strong>Phones CSS :</strong> Width from 320px to 479px</p>
					<textarea id="tie_css" name="tie_options[css_phones]" style="width:100%" rows="7"><?php 
    echo tie_get_option('css_phones');
    ?>
</textarea>
				</div>	
			</div>	

		</div> <!-- Styling -->

		<div id="tab14" class="tab_content tabs-wrap">
			<h2>Typography</h2>	<?php 
    echo $save;
    ?>
	
			
			<div class="tiepanel-item">
				<h3>Main Typography</h3>
				<?php 
    tie_options(array("name" => "General Typography", "id" => "typography_general", "type" => "typography"));
    tie_options(array("name" => "Main navigation", "id" => "typography_main_nav", "type" => "typography"));
    tie_options(array("name" => "Archives Page Title", "id" => "typography_page_title", "type" => "typography"));
    tie_options(array("name" => "Single Post/Page Title", "id" => "typography_post_title", "type" => "typography"));
    tie_options(array("name" => "Posts Titles in the Grid Layout", "id" => "typography_home_post_title", "type" => "typography"));
    tie_options(array("name" => "Post Meta", "id" => "typography_post_meta", "type" => "typography"));
    tie_options(array("name" => "Post Entry , page Entry", "id" => "typography_post_entry", "type" => "typography"));
    tie_options(array("name" => "Blocks Titles <br /><small>(About Author, Related Posts, .. etc )</small>", "id" => "typography_blocks_title", "type" => "typography"));
    tie_options(array("name" => "Widgets Titles", "id" => "typography_widgets_title", "type" => "typography"));
    tie_options(array("name" => "Footer Widgets Titles", "id" => "typography_footer_widgets_title", "type" => "typography"));
    tie_options(array("name" => "Quote and Links posts", "id" => "typography_quote_link_text", "type" => "typography"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Post Headings</h3>
				<?php 
    tie_options(array("name" => "H1 Typography", "id" => "typography_post_h1", "type" => "typography"));
    tie_options(array("name" => "H2 Typography", "id" => "typography_post_h2", "type" => "typography"));
    tie_options(array("name" => "H3 Typography", "id" => "typography_post_h3", "type" => "typography"));
    tie_options(array("name" => "H4 Typography", "id" => "typography_post_h4", "type" => "typography"));
    tie_options(array("name" => "H5 Typography", "id" => "typography_post_h5", "type" => "typography"));
    tie_options(array("name" => "H6 Typography", "id" => "typography_post_h6", "type" => "typography"));
    ?>
			</div>
			
		</div> <!-- Typography -->
		
		
		<div id="tab10" class="tab_content tabs-wrap">
			<h2>Advanced Settings</h2>	<?php 
    echo $save;
    ?>
	
		
			<div class="tiepanel-item">
				<h3>Disable the Responsiveness</h3>
				
				<?php 
    tie_options(array("name" => "Disable Responsive", "id" => "disable_responsive", "type" => "checkbox"));
    ?>
				<p style="padding:10px;">This option works only on Tablets and Phones .. to disable the responsiveness action on the desktop .. edit style.css file and remove all Media Quries from the end of the file .</p>
			</div>	
			
			<div class="tiepanel-item">
				<h3>Disable Theme [Gallery] Shortcode</h3>
				<?php 
    tie_options(array("name" => "Disable Theme [Gallery]", "id" => "disable_gallery_shortcode", "type" => "checkbox"));
    ?>
				<p style="padding:10px;">Set it to <strong>ON</strong> if you want to use the Jetpack Tiled Galleries or if you uses custom lightbox plugin for [Gallery] shortcode .</p>
			</div>	
			
			<div class="tiepanel-item">
				<h3>Twitter API OAuth settings</h3>
				<p style="padding:10px; color:red;">This information will uses in Sicail counter and Twitter Widget .. You need to create <a href="https://dev.twitter.com/apps" target="_blank">Twitter APP</a> to get this info .. check this <a href="https://vimeo.com/59573397" target="_blank">Video</a> .</p>

				<?php 
    tie_options(array("name" => "Twitter Username", "id" => "twitter_username", "type" => "text"));
    tie_options(array("name" => "Consumer key", "id" => "twitter_consumer_key", "type" => "text"));
    tie_options(array("name" => "Consumer secret", "id" => "twitter_consumer_secret", "type" => "text"));
    tie_options(array("name" => "Access token", "id" => "twitter_access_token", "type" => "text"));
    tie_options(array("name" => "Access token secret", "id" => "twitter_access_token_secret", "type" => "text"));
    ?>
			</div>	
			
			<div class="tiepanel-item">
				<h3>Theme Updates</h3>
				<?php 
    tie_options(array("name" => "Notify On Theme Updates", "id" => "notify_theme", "type" => "checkbox"));
    ?>
			</div>

			<div class="tiepanel-item">
				<h3>Worpress Login page Logo</h3>
				<?php 
    tie_options(array("name" => "Worpress Login page Logo", "id" => "dashboard_logo", "type" => "upload"));
    ?>
			
			</div>
			<?php 
    global $array_options;
    $current_options = array();
    foreach ($array_options as $option) {
        if (get_option($option)) {
            $current_options[$option] = get_option($option);
        }
    }
    ?>
			
			<div class="tiepanel-item">
				<h3>Export</h3>
				<div class="option-item">
					<textarea style="width:100%" rows="7"><?php 
    echo $currentsettings = base64_encode(serialize($current_options));
    ?>
</textarea>
				</div>
			</div>
			<div class="tiepanel-item">
				<h3>Import</h3>
				<div class="option-item">
					<textarea id="tie_import" name="tie_import" style="width:100%" rows="7"></textarea>
				</div>
			</div>
	
		</div> <!-- Advanced -->
		
		
		<div class="mo-footer">
			<?php 
    echo $save;
    ?>
		</form>

			<form method="post">
				<div class="mpanel-reset">
					<input type="hidden" name="resetnonce" value="<?php 
    echo wp_create_nonce('reset-action-code');
    ?>
" />
					<input name="reset" class="mpanel-reset-button" type="submit" onClick="if(confirm('All settings will be rest .. Are you sure ?')) return true ; else return false; " value="Reset Settings" />
					<input type="hidden" name="action" value="reset" />
				</div>
			</form>
		</div>

	</div><!-- .mo-panel-content -->
</div><!-- .mo-panel -->


<?php 
}