wordpress-starter 0.1 → 0.2

data/templates/project/admin/front-end/options.php

@@ -0,0 +1,77 @@
+<div class="wrap" id="of_container">
+
+	<div id="of-popup-save" class="of-save-popup">
+		<div class="of-save-save">Options Updated</div>
+	</div>
+
+	<div id="of-popup-reset" class="of-save-popup">
+		<div class="of-save-reset">Options Reset</div>
+	</div>
+
+	<div id="of-popup-fail" class="of-save-popup">
+		<div class="of-save-fail">Error!</div>
+	</div>
+
+	<span style="display: none;" id="hooks"><?php echo json_encode( of_get_header_classes_array() ); ?></span>
+	<input type="hidden" id="reset" value="<?php if ( isset( $_REQUEST['reset'] ) ) echo $_REQUEST['reset']; ?>" />
+	<input type="hidden" id="security" name="security" value="<?php echo wp_create_nonce( 'of_ajax_nonce' ); ?>" />
+
+	<form id="of_form" method="post" action="<?php echo esc_attr( $_SERVER['REQUEST_URI'] ) ?>" enctype="multipart/form-data" >
+
+		<div id="header">
+
+			<div class="logo">
+				<h2><?php echo THEMENAME; ?></h2>
+				<span><?php echo 'v'. THEMEVERSION; ?></span>
+			</div>
+
+			<div id="js-warning">Warning- This options panel will not work properly without javascript!</div>
+			<div class="icon-option"></div>
+			<div class="clear"></div>
+
+    	</div>
+
+		<div id="info_bar">
+
+			<a>
+				<div id="expand_options" class="expand">Expand</div>
+			</a>
+
+			<img style="display:none" src="<?php echo ADMIN_DIR; ?>assets/images/loading-bottom.gif" class="ajax-loading-img ajax-loading-img-bottom" alt="Working..." />
+
+			<button id="of_save" type="button" class="button-primary">
+				<?php _e( 'Save All Changes' );?>
+			</button>
+
+		</div><!--.info_bar-->
+
+		<div id="main">
+
+			<div id="of-nav">
+				<ul>
+				  <?php echo $options_machine->Menu ?>
+				</ul>
+			</div>
+
+			<div id="content">
+		  		<?php echo $options_machine->Inputs /* Settings */ ?>
+		  	</div>
+
+			<div class="clear"></div>
+
+		</div>
+
+		<div class="save_bar">
+
+			<img style="display:none" src="<?php echo ADMIN_DIR; ?>assets/images/loading-bottom.gif" class="ajax-loading-img ajax-loading-img-bottom" alt="Working..." />
+			<button id ="of_save" type="button" class="button-primary"><?php _e( 'Save All Changes' );?></button>
+			<button id ="of_reset" type="button" class="button submit-button reset-button" ><?php _e( 'Options Reset' );?></button>
+			<img style="display:none" src="<?php echo ADMIN_DIR; ?>assets/images/loading-bottom.gif" class="ajax-reset-loading-img ajax-loading-img-bottom" alt="Working..." />
+
+		</div><!--.save_bar-->
+
+	</form>
+
+	<div style="clear:both;"></div>
+
+</div><!--wrap-->

data/templates/project/admin/functions/functions.admin.php

@@ -0,0 +1,76 @@
+<?php
+/**
+ * SMOF Admin
+ *
+ * @package     WordPress
+ * @subpackage  SMOF
+ * @since       1.4.0
+ * @author      Syamil MJ
+ */
+
+
+/**
+ * Head Hook
+ *
+ * @since 1.0.0
+ */
+function of_head() { do_action( 'of_head' ); }
+
+/**
+ * Add default options upon activation else DB does not exist
+ *
+ * @since 1.0.0
+ */
+function of_option_setup() {
+	global $of_options, $options_machine;
+	$options_machine = new Options_Machine( $of_options );
+
+	if ( !get_option( OPTIONS ) ) {
+		update_option( OPTIONS, $options_machine->Defaults );
+	}
+}
+
+/**
+ * Change activation message
+ *
+ * @since 1.0.0
+ */
+function optionsframework_admin_message() {
+
+	//Tweaked the message on theme activate
+	?>
+    <script type="text/javascript">
+    jQuery(function(){
+
+        var message = '<p>This theme comes with an <a href="<?php echo admin_url( 'admin.php?page=optionsframework' ); ?>">options panel</a> to configure settings. This theme also supports widgets, please visit the <a href="<?php echo admin_url( 'widgets.php' ); ?>">widgets settings page</a> to configure them.</p>';
+    	jQuery('.themes-php #message2').html(message);
+
+    });
+    </script>
+    <?php
+
+}
+
+/**
+ * Get header classes
+ *
+ * @since 1.0.0
+ */
+function of_get_header_classes_array() {
+	global $of_options;
+
+	foreach ( $of_options as $value ) {
+		if ( $value['type'] == 'heading' )
+			$hooks[] = str_replace( ' ', '', strtolower( $value['name'] ) );
+	}
+
+	return $hooks;
+}
+
+
+/**
+ * For use in themes
+ *
+ * @since forever
+ */
+$data = get_option( OPTIONS );

data/templates/project/admin/functions/functions.interface.php

@@ -0,0 +1,232 @@
+<?php
+/**
+ * SMOF Interface
+ *
+ * @package     WordPress
+ * @subpackage  SMOF
+ * @since       1.4.0
+ * @author      Syamil MJ
+ */
+
+
+/**
+ * Admin Init
+ *
+ * @uses wp_verify_nonce()
+ * @uses header()
+ * @uses update_option()
+ *
+ * @since 1.0.0
+ */
+function optionsframework_admin_init() {
+	// Rev up the Options Machine
+	global $of_options, $options_machine;
+	$options_machine = new Options_Machine( $of_options );
+}
+
+/**
+ * Create Options page
+ *
+ * @uses add_theme_page()
+ * @uses add_action()
+ *
+ * @since 1.0.0
+ */
+function optionsframework_add_admin() {
+
+	$of_page = add_theme_page( THEMENAME, 'Theme Options', 'edit_theme_options', 'optionsframework', 'optionsframework_options_page' );
+
+	// Add framework functionaily to the head individually
+	add_action( "admin_print_scripts-$of_page", 'of_load_only' );
+	add_action( "admin_print_styles-$of_page", 'of_style_only' );
+	add_action( "admin_print_styles-$of_page", 'optionsframework_mlu_css', 0 );
+	add_action( "admin_print_scripts-$of_page", 'optionsframework_mlu_js', 0 );
+
+}
+
+
+/**
+ * Build Options page
+ *
+ * @since 1.0.0
+ */
+function optionsframework_options_page() {
+
+	global $options_machine;
+	/*
+	//for debugging
+	$data = get_option(OPTIONS);
+	print_r($data);
+	*/
+
+	include_once ADMIN_PATH . 'front-end/options.php';
+
+}
+
+/**
+ * Create Options page
+ *
+ * @uses wp_enqueue_style()
+ *
+ * @since 1.0.0
+ */
+function of_style_only() {
+	wp_enqueue_style( 'admin-style', ADMIN_DIR . 'assets/css/admin-style.css' );
+	wp_enqueue_style( 'color-picker', ADMIN_DIR . 'assets/css/colorpicker.css' );
+}
+
+/**
+ * Create Options page
+ *
+ * @uses add_action()
+ * @uses wp_enqueue_script()
+ *
+ * @since 1.0.0
+ */
+function of_load_only() {
+	add_action( 'admin_head', 'of_admin_head' );
+
+	wp_enqueue_script( 'jquery-ui-core' );
+	wp_enqueue_script( 'jquery-ui-sortable' );
+	wp_enqueue_script( 'jquery-input-mask', ADMIN_DIR .'assets/js/jquery.maskedinput-1.2.2.js', array( 'jquery' ) );
+	wp_enqueue_script( 'tipsy', ADMIN_DIR .'assets/js/jquery.tipsy.js', array( 'jquery' ) );
+	wp_enqueue_script( 'color-picker', ADMIN_DIR .'assets/js/colorpicker.js', array( 'jquery' ) );
+	wp_enqueue_script( 'ajaxupload', ADMIN_DIR .'assets/js/ajaxupload.js', array( 'jquery' ) );
+	wp_enqueue_script( 'cookie', ADMIN_DIR . 'assets/js/cookie.js', 'jquery' );
+	wp_enqueue_script( 'smof', ADMIN_DIR .'assets/js/smof.js', array( 'jquery' ) );
+}
+
+/**
+ * Front end inline jquery scripts
+ *
+ * @since 1.0.0
+ */
+function of_admin_head() { ?>
+
+	<script type="text/javascript" language="javascript">
+
+	jQuery.noConflict();
+	jQuery(document).ready(function($){
+
+		// COLOR Picker
+		$('.colorSelector').each(function(){
+			var Othis = this; //cache a copy of the this variable for use inside nested function
+
+			$(this).ColorPicker({
+					color: '<?php if ( isset( $color ) ) echo $color; ?>',
+					onShow: function (colpkr) {
+						$(colpkr).fadeIn(500);
+						return false;
+					},
+					onHide: function (colpkr) {
+						$(colpkr).fadeOut(500);
+						return false;
+					},
+					onChange: function (hsb, hex, rgb) {
+						$(Othis).children('div').css('backgroundColor', '#' + hex);
+						$(Othis).next('input').attr('value','#' + hex);
+
+					}
+			});
+
+		}); //end color picker
+
+	}); //end doc ready
+
+	</script>
+	<?php
+}
+
+/**
+ * Ajax Save Options
+ *
+ * @uses get_option()
+ * @uses update_option()
+ *
+ * @since 1.0.0
+ */
+function of_ajax_callback() {
+	global $options_machine, $of_options;
+
+	$nonce = $_POST['security'];
+
+	if ( ! wp_verify_nonce( $nonce, 'of_ajax_nonce' ) )
+		die( '-1' );
+
+	//get options array from db
+	$all = get_option( OPTIONS );
+
+	$save_type = $_POST['type'];
+
+	//echo $_POST['data'];
+
+	//Uploads
+	if ( $save_type == 'upload' ) {
+		$clickedID = $_POST['data']; // Acts as the name
+		$filename = $_FILES[$clickedID];
+		$filename['name'] = preg_replace( '/[^a-zA-Z0-9._\-]/', '', $filename['name'] );
+
+		$override['test_form'] = false;
+		$override['action']    = 'wp_handle_upload';
+		$uploaded_file         = wp_handle_upload( $filename, $override );
+
+		$upload_tracking[] = $clickedID;
+
+		//update $options array w/ image URL
+		$upload_image = $all; //preserve current data
+
+		$upload_image[$clickedID] = $uploaded_file['url'];
+
+		update_option( OPTIONS, $upload_image );
+
+		if ( ! empty( $uploaded_file['error'] ) ) {
+			echo 'Upload Error: ' . $uploaded_file['error'];
+		}
+		else {
+			echo $uploaded_file['url'];
+		} // Is the Response
+	}
+	elseif ( $save_type == 'image_reset' ) {
+		$id = $_POST['data']; // Acts as the name
+
+		$delete_image = $all; //preserve rest of data
+		$delete_image[$id] = ''; //update array key with empty value
+		update_option( OPTIONS, $delete_image );
+	}
+	elseif ( $save_type == 'backup_options' ) {
+		$backup = $all;
+		$backup['backup_log'] = date( 'r' );
+
+		update_option( BACKUPS, $backup );
+
+		die( '1' );
+	} elseif ( $save_type == 'restore_options' ) {
+		$data = get_option( BACKUPS );
+
+		update_option( OPTIONS, $data );
+
+		die( '1' );
+	}
+	elseif ( $save_type == 'import_options' ) {
+		$data = $_POST['data'];
+		$data = unserialize( base64_decode( $data ) ); //100% safe - ignore theme check nag
+		update_option( OPTIONS, $data );
+
+		die( '1' );
+	}
+	elseif ( $save_type == 'save' ) {
+		wp_parse_str( stripslashes( $_POST['data'] ), $data );
+		unset( $data['security'] );
+		unset( $data['of_save'] );
+		update_option( OPTIONS, $data );
+
+		die( '1' );
+	}
+	elseif ( $save_type == 'reset' ) {
+		update_option( OPTIONS, $options_machine->Defaults );
+
+		die( '1' ); //options reset
+	}
+
+	die();
+}

data/templates/project/admin/functions/functions.load.php

@@ -0,0 +1,14 @@
+<?php
+/**
+ * Functions Load
+ *
+ * @package     WordPress
+ * @subpackage  SMOF
+ * @since       1.4.0
+ * @author      Syamil MJ
+ */
+require_once( ADMIN_PATH . 'functions/functions.php' );
+require_once( ADMIN_PATH . 'functions/functions.interface.php' );
+require_once( ADMIN_PATH . 'functions/functions.options.php' );
+require_once( ADMIN_PATH . 'functions/functions.admin.php' );
+require_once( ADMIN_PATH . 'functions/functions.mediauploader.php' );

data/templates/project/admin/functions/functions.options.php

@@ -0,0 +1,508 @@
+<?php
+add_action( 'init', 'of_options' );
+
+if ( !function_exists( 'of_options' ) ) {
+	function of_options() {
+		// Access the WordPress Categories via an Array
+		$of_categories     = array();
+		$of_categories_obj = get_categories( 'hide_empty=0' );
+		foreach ( $of_categories_obj as $of_cat ) {
+			$of_categories[$of_cat->cat_ID] = $of_cat->cat_name;
+		}
+		$categories_tmp = array_unshift( $of_categories, 'Select a category:' );
+
+		// Access the WordPress Pages via an Array
+		$of_pages     = array();
+		$of_pages_obj = get_pages( 'sort_column=post_parent,menu_order' );
+		foreach ( $of_pages_obj as $of_page ) {
+			$of_pages[$of_page->ID] = $of_page->post_name; }
+		$of_pages_tmp = array_unshift( $of_pages, 'Select a page:' );
+
+		// Testing
+		$of_options_select = array( 'one', 'two', 'three', 'four', 'five', );
+		$of_options_radio  = array( 'one' => 'One', 'two' => 'Two', 'three' => 'Three', 'four' => 'Four', 'five' => 'Five', );
+
+		// Sample Homepage blocks for the layout manager (sorter)
+		$of_options_homepage_blocks = array(
+			'disabled' => array(
+				'placebo'     => 'placebo', //REQUIRED!
+				'block_one'   => 'Block One',
+				'block_two'   => 'Block Two',
+				'block_three' => 'Block Three',
+			),
+			'enabled' => array(
+				'placebo'    => 'placebo', //REQUIRED!
+				'block_four' => 'Block Four',
+			),
+		);
+
+		// Stylesheets Reader
+		$alt_stylesheet_path = LAYOUT_PATH;
+		$alt_stylesheets     = array();
+
+		if ( is_dir( $alt_stylesheet_path ) ) {
+			if ( $alt_stylesheet_dir = opendir( $alt_stylesheet_path ) ) {
+				while ( ( $alt_stylesheet_file = readdir( $alt_stylesheet_dir ) ) !== false ) {
+					if ( stristr( $alt_stylesheet_file, '.css' ) !== false ) {
+						$alt_stylesheets[] = $alt_stylesheet_file;
+					}
+				}
+			}
+		}
+
+
+		//Background Images Reader
+		$bg_images_path = STYLESHEETPATH. '/images/bg/'; // change this to where you store your bg images
+		$bg_images_url  = get_bloginfo( 'template_url' ).'/images/bg/'; // change this to where you store your bg images
+		$bg_images      = array();
+
+		if ( is_dir( $bg_images_path ) ) {
+			if ( $bg_images_dir = opendir( $bg_images_path ) ) {
+				while ( ( $bg_images_file = readdir( $bg_images_dir ) ) !== false ) {
+					if ( stristr( $bg_images_file, '.png' ) !== false || stristr( $bg_images_file, '.jpg' ) !== false ) {
+						$bg_images[] = $bg_images_url . $bg_images_file;
+					}
+				}
+			}
+		}
+
+		/*-----------------------------------------------------------------------------------*/
+		/* TO DO: Add options/functions that use these */
+		/*-----------------------------------------------------------------------------------*/
+
+		//More Options
+		$uploads_arr      = wp_upload_dir();
+		$all_uploads_path = $uploads_arr['path'];
+		$all_uploads      = get_option( 'of_uploads' );
+		$other_entries    = array( 'Select a number:', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', );
+		$body_repeat      = array( 'no-repeat', 'repeat-x', 'repeat-y', 'repeat', );
+		$body_pos         = array( 'top left', 'top center', 'top right', 'center left', 'center center', 'center right', 'bottom left', 'bottom center', 'bottom right', );
+
+		// Image Alignment radio box
+		$of_options_thumb_align = array( 'alignleft' => 'Left', 'alignright' => 'Right', 'aligncenter' => 'Center', );
+
+		// Image Links to Options
+		$of_options_image_link_to = array( 'image' => 'The Image', 'post' => 'The Post', );
+
+		/*-----------------------------------------------------------------------------------*/
+		/* The Options Array */
+		/*-----------------------------------------------------------------------------------*/
+
+		// Set the Options Array
+		global $of_options;
+		$of_options = array();
+
+		$of_options[] = array(
+			'name' => 'Home Settings',
+			'type' => 'heading',
+		);
+
+		$of_options[] = array(
+			'name' => 'Hello there!',
+			'desc' => '',
+			'id'   => 'introduction',
+			'std'  => '<h3 style=\"margin: 0 0 10px;\">Welcome to the Options Framework demo.</h3> This is a slightly modified version of the original options framework by Devin Price with a couple of aesthetical improvements on the interface and some cool additional features. If you want to learn how to setup these options or just need general help on using it feel free to visit my blog at <a href="//aquagraphite.com/2011/09/29/slightly-modded-options-framework/">AquaGraphite.com</a>',
+			'icon' => true,
+			'type' => 'info',
+		);
+
+		$of_options[] = array(
+			'name' => 'Media Uploader',
+			'desc' => 'Upload images using the native media uploader, or define the URL directly',
+			'id'   => 'media_upload',
+			'std'  => '',
+			'type' => 'media',
+		);
+
+		$of_options[] = array(
+			'name' => 'Media Uploader Min',
+			'desc' => 'Upload images using native media uploader. This is a min version, meaning it has no url to copy paste. Perfect for logo.',
+			'id'   => 'media_upload_2',
+			'std'  => '',
+			'mod'  => 'min',
+			'type' => 'media',
+		);
+
+		$of_options[] = array(
+			'name' => 'Homepage Layout Manager',
+			'desc' => 'Organize how you want the layout to appear on the homepage',
+			'id'   => 'homepage_blocks',
+			'std'  => $of_options_homepage_blocks,
+			'type' => 'sorter',
+		);
+
+		$of_options[] = array(
+			'name' => 'Slider Options',
+			'desc' => 'Unlimited slider with drag and drop sortings.',
+			'id'   => 'pingu_slider',
+			'std'  => '',
+			'type' => 'slider',
+		);
+
+		$of_options[] = array(
+			'name'    => 'Background Images',
+			'desc'    => 'Select a background pattern.',
+			'id'      => 'custom_bg',
+			'std'     => $bg_images_url.'bg0.png',
+			'type'    => 'tiles',
+			'options' => $bg_images,
+		);
+
+		$of_options[] = array(
+			'name' => 'Typography',
+			'desc' => 'Typography option with each property can be called individually.',
+			'id'   => 'custom_type',
+			'std'  => array( 'size' => '12px', 'style' => 'bold italic', ),
+			'type' => 'typography',
+		);
+
+		$of_options[] = array(
+			'name' => 'General Settings',
+			'type' => 'heading',
+		);
+
+		$url = ADMIN_DIR . 'assets/images/';
+		$of_options[] = array(
+			'name'    => 'Main Layout',
+			'desc'    => 'Select main content and sidebar alignment. Choose between 1, 2 or 3 column layout.',
+			'id'      => 'layout',
+			'std'     => '2c-l-fixed.css',
+			'type'    => 'images',
+			'options' => array(
+				'1col-fixed.css' => $url . '1col.png',
+				'2c-r-fixed.css' => $url . '2cr.png',
+				'2c-l-fixed.css' => $url . '2cl.png',
+				'3c-fixed.css'   => $url . '3cm.png',
+				'3c-r-fixed.css' => $url . '3cr.png',
+			),
+		);
+		$of_options[] = array(
+			'name' => 'Custom Favicon',
+			'desc' => 'Upload a 16px x 16px Png/Gif image that will represent your website\'s favicon.',
+			'id'   => 'custom_favicon',
+			'std'  => '',
+			'type' => 'upload',
+		);
+
+		$of_options[] = array(
+			'name' => 'Tracking Code',
+			'desc' => 'Paste your Google Analytics (or other) tracking code here. This will be added into the footer template of your theme.',
+			'id'   => 'google_analytics',
+			'std'  => '',
+			'type' => 'textarea',
+		);
+
+		$of_options[] = array(
+			'name' => 'Footer Text',
+			'desc' => 'You can use the following shortcodes in your footer text: [wp-link] [theme-link] [loginout-link] [blog-title] [blog-link] [the-year]',
+			'id'   => 'footer_text',
+			'std'  => 'Powered by [wp-link]. Built on the [theme-link].',
+			'type' => 'textarea',
+		);
+
+		$of_options[] = array(
+			'name' => 'Styling Options',
+			'type' => 'heading',
+		);
+
+		$of_options[] = array(
+			'name'    => 'Theme Stylesheet',
+			'desc'    => 'Select your themes alternative color scheme.',
+			'id'      => 'alt_stylesheet',
+			'std'     => 'default.css',
+			'type'    => 'select',
+			'options' => $alt_stylesheets,
+		);
+
+		$of_options[] = array(
+			'name' => 'Body Background Color',
+			'desc' => 'Pick a background color for the theme (default: #fff).',
+			'id'   => 'body_background',
+			'std'  => '',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => 'Header Background Color',
+			'desc' => 'Pick a background color for the header (default: #fff).',
+			'id'   => 'header_background',
+			'std'  => '',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => 'Footer Background Color',
+			'desc' => 'Pick a background color for the footer (default: #fff).',
+			'id'   => 'footer_background',
+			'std'  => '',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => 'Body Font',
+			'desc' => 'Specify the body font properties',
+			'id'   => 'body_font',
+			'std'  => array( 'size' => '12px', 'face' => 'arial', 'style' => 'normal', 'color' => '#000000' ),
+			'type' => 'typography',
+		);
+
+		$of_options[] = array(
+			'name' => 'Custom CSS',
+			'desc' => 'Quickly add some CSS to your theme by adding it to this block.',
+			'id'   => 'custom_css',
+			'std'  => '',
+			'type' => 'textarea',
+		);
+
+		$of_options[] = array(
+			'name' => 'Example Options',
+			'type' => 'heading',
+		);
+
+		$of_options[] = array(
+			'name' => 'Typography',
+			'desc' => 'This is a typographic specific option.',
+			'id'   => 'typography',
+			'std'  => array(
+				'size'  => '12px',
+				'face'  => 'verdana',
+				'style' => 'bold italic',
+				'color' => '#123456',
+			),
+			'type' => 'typography',
+		);
+
+		$of_options[] = array(
+			'name' => 'Border',
+			'desc' => 'This is a border specific option.',
+			'id'   => 'border',
+			'std'  => array(
+				'width' => '2',
+				'style' => 'dotted',
+				'color' => '#444444',
+			),
+			'type' => 'border',
+		);
+
+		$of_options[] = array(
+			'name' => 'Colorpicker',
+			'desc' => 'No color selected.',
+			'id'   => 'example_colorpicker',
+			'std'  => '',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => 'Colorpicker (default #2098a8)',
+			'desc' => 'Color selected.',
+			'id'   => 'example_colorpicker_2',
+			'std'  => '#2098a8',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => 'Upload',
+			'desc' => 'An image uploader without text input.',
+			'id'   => 'uploader',
+			'std'  => '',
+			'type' => 'upload',
+		);
+
+		$of_options[] = array(
+			'name' => 'Upload Min',
+			'desc' => 'An image uploader with text input.',
+			'id'   => 'uploader2',
+			'std'  => '',
+			'mod'  => 'min',
+			'type' => 'upload',
+		);
+
+		$of_options[] = array(
+			'name' => 'Input Text',
+			'desc' => 'A text input field.',
+			'id'   => 'test_text',
+			'std'  => 'Default Value',
+			'type' => 'text',
+		);
+
+		$of_options[] = array(
+			'name' => 'Input Checkbox (false)',
+			'desc' => 'Example checkbox with false selected.',
+			'id'   => 'example_checkbox_false',
+			'std'  => 0,
+			'type' => 'checkbox',
+		);
+
+		$of_options[] = array(
+			'name' => 'Input Checkbox (true)',
+			'desc' => 'Example checkbox with true selected.',
+			'id'   => 'example_checkbox_true',
+			'std'  => 1,
+			'type' => 'checkbox',
+		);
+
+		$of_options[] = array(
+			'name'    => 'Normal Select',
+			'desc'    => 'Normal Select Box.',
+			'id'      => 'example_select',
+			'std'     => 'three',
+			'type'    => 'select',
+			'options' => $of_options_select,
+		);
+
+		$of_options[] = array(
+			'name'    => 'Mini Select',
+			'desc'    => 'A mini select box.',
+			'id'      => 'example_select_2',
+			'std'     => 'two',
+			'type'    => 'select2',
+			'class'   => 'mini', //mini, tiny, small
+			'options' => $of_options_radio,
+		);
+
+		$of_options[] = array(
+			'name'    => 'Input Radio (one)',
+			'desc'    => 'Radio select with default of "one".',
+			'id'      => 'example_radio',
+			'std'     => 'one',
+			'type'    => 'radio',
+			'options' => $of_options_radio,
+		);
+
+		$url = ADMIN_DIR . 'assets/images/';
+		$of_options[] = array(
+			'name'    => 'Image Select',
+			'desc'    => 'Use radio buttons as images.',
+			'id'      => 'images',
+			'std'     => 'warning.css',
+			'type'    => 'images',
+			'options' => array(
+				'warning.css' => $url . 'warning.png',
+				'accept.css'  => $url . 'accept.png',
+				'wrench.css'  => $url . 'wrench.png',
+			),
+		);
+
+		$of_options[] = array(
+			'name' => 'Textarea',
+			'desc' => 'Textarea description.',
+			'id'   => 'example_textarea',
+			'std'  => 'Default Text',
+			'type' => 'textarea',
+		);
+
+		$of_options[] = array(
+			'name'    => 'Multicheck',
+			'desc'    => 'Multicheck description.',
+			'id'      => 'example_multicheck',
+			'std'     => array( 'three', 'two', ),
+			'type'    => 'multicheck',
+			'options' => $of_options_radio,
+		);
+
+		$of_options[] = array(
+			'name'    => 'Select a Category',
+			'desc'    => 'A list of all the categories being used on the site.',
+			'id'      => 'example_category',
+			'std'     => 'Select a category:',
+			'type'    => 'select',
+			'options' => $of_categories,
+		);
+
+		//Advanced Settings
+		$of_options[] = array(
+			'name' => 'Advanced Settings',
+			'type' => 'heading',
+		);
+
+		$of_options[] = array(
+			'name'  => 'Folding Checkbox',
+			'desc'  => 'This checkbox will hide/show a couple of options group. Try it out!',
+			'id'    => 'offline',
+			'std'   => 0,
+			'folds' => 1,
+			'type'  => 'checkbox',
+		);
+
+		$of_options[] = array(
+			'name' => 'Hidden option 1',
+			'desc' => 'This is a sample hidden option 1',
+			'id'   => 'hidden_option_1',
+			'std'  => 'Hi, I\'m just a text input',
+			'fold' => 'offline', /* the checkbox hook */
+			'type' => 'text',
+		);
+
+		$of_options[] = array(
+			'name' => 'Hidden option 2',
+			'desc' => 'This is a sample hidden option 2',
+			'id'   => 'hidden_option_2',
+			'std'  => 'Hi, I\'m just a text input',
+			'fold' => 'offline', /* the checkbox hook */
+			'type' => 'text',
+		);
+
+		$of_options[] = array(
+			'name' => 'Hello there!',
+			'desc' => '',
+			'id'   => 'introduction_2',
+			'std'  => '<h3 style="margin: 0 0 10px;">Grouped Options.</h3> You can group a bunch of options under a single heading by removing the "name" value from the options array except for the first option in the group.',
+			'icon' => true,
+			'type' => 'info',
+		);
+
+		$of_options[] = array(
+			'name' => 'Some pretty colors for you',
+			'desc' => 'Color 1.',
+			'id'   => 'example_colorpicker_3',
+			'std'  => '#2098a8',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => '',
+			'desc' => 'Color 2.',
+			'id'   => 'example_colorpicker_4',
+			'std'  => '#2098a8',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => '',
+			'desc' => 'Color 3.',
+			'id'   => 'example_colorpicker_5',
+			'std'  => '#2098a8',
+			'type' => 'color',
+		);
+
+		$of_options[] = array(
+			'name' => '',
+			'desc' => 'Color 4.',
+			'id'   => 'example_colorpicker_6',
+			'std'  => '#2098a8',
+			'type' => 'color',
+		);
+
+		// Backup Options
+		$of_options[] = array(
+			'name' => 'Backup Options',
+			'type' => 'heading',
+		);
+
+		$of_options[] = array(
+			'name' => 'Backup and Restore Options',
+			'id'   => 'of_backup',
+			'std'  => '',
+			'type' => 'backup',
+			'desc' => 'You can use the two buttons below to backup your current options, and then restore it back at a later time. This is useful if you want to experiment on the options but would like to keep the old settings in case you need it back.',
+		);
+
+		$of_options[] = array(
+			'name' => 'Transfer Theme Options Data',
+			'id'   => 'of_transfer',
+			'std'  => '',
+			'type' => 'transfer',
+			'desc' => 'You can tranfer the saved options data between different installs by copying the text inside the text box. To import data from another install, replace the data in the text box with the one from another install and click "Import Options".',
+		);
+	}
+}