wp-parallax-content-slider.php

<?php
/*
 * Plugin Name: WP Parallax Content Slider
 * Plugin URI: http://jltweb.info/realisations/wp-parallax-content-plugin/
 * Description: A customizable JQuery content slider with CSS3 animations and parallax effects
 * Author URI: http://jltweb.info/
 * Author: Julien Le Thuaut (MBA Multimedia)
 * Version: 1.0-dev
 * Licence: GPLv2
 *
 * Contributor: Chun Law
 * Contribution: 	Use first image in content if there is no thumbnail image.
 *					If no image in content, use default image
 *
*/

include_once plugin_dir_path( __FILE__ ) .'includes/content_functions.php';

class WpParallaxContentSlider
{
	public $pluginUrl = '';

	/**
	 * Constructor: Initializes the plugin
	 */
	function __construct() {
		// i18n init
		load_plugin_textdomain( 'wp-parallax-content-slider', false, basename( dirname( __FILE__ ) ) . '/locale' );

		// Set abs path
		$this->pluginUrl = plugins_url('', __FILE__);

		// Only load scripts when it's needed (front-end)
		if ( !is_admin() ) {
			add_action( 'wp_enqueue_scripts', array( &$this, 'enqueue_scripts' ) );
		}

		// Register hooks that are fired when the plugin is activated, deactivated, and uninstalled, respectively.
		register_activation_hook( __FILE__, array( $this, 'activate' ) );
		//register_deactivation_hook( __FILE__, array( $this, 'uninstall' ) ); // TODO: Doing this on deactivation should require an extra parameter (user choice)
		register_uninstall_hook( __FILE__, array( __CLASS__, 'uninstall' ) );

		// Parallax slider plugin specific actions
		add_action( 'admin_menu',  array( $this, 'admin_menu' ) );
		add_shortcode( 'parallaxcontentslider', array( $this, 'parallaxcontentslider_shortcode_call' ) );
	} // end constructor

	/**
	 * Fired on WordPress script enqueue action.
	 */
	public function enqueue_scripts()
	{
		// Javascript init
		wp_register_script(
			'wp-parallax-content-slider-modernizr',
			$this->pluginUrl . '/js/modernizr.custom-2.6.2.js',
			array(),
			false,
			true
		);
		wp_register_script(
			'wp-parallax-content-slider-touchSwipe',
			$this->pluginUrl . '/js/jquery.touchSwipe.min.js',
			array( 'jquery' ),
			false,
			true
		);
		wp_register_script(
			'wp-parallax-content-slider-cslider',
			$this->pluginUrl . '/js/jquery.cslider.js',
			array( 'jquery' ),
			false,
			true
		);
		wp_register_script(
			'wp-parallax-content-slider-core',
			$this->pluginUrl . '/js/core.js',
			array( 'jquery' ),
			false,
			true
		);

		// CSS Init
		wp_enqueue_style( 'wp-parallax-content-slider-css', $this->pluginUrl . '/css/style.css' );
	}

	/**
	 * Fired when the plugin is activated.
	 *
	 * @param	boolean	$network_wide	True if WPMU superadmin uses "Network Activate" action, false if WPMU is disabled or plugin is activated on an individual blog
	 */
	public function activate( $network_wide ) {
		/*
		 * Creating one option entry in the database to store user settings
		 * Parameters have default values
		 * All this parameters can be changed easyly in the plugin admin section
		 */
		$prlx_slider_settings = array(
				'mode'            => 'static',		// Slider display mode (static / dynamic)
				'theme'           => 'silver',		// default / silver / retro / dark
				'bgincrement'     => 50,			// increment the background position (i.e. parallax effect) when sliding (in px)
				'autoplay'        => 0,				// slideshow auto switch ON (1) / OFF (0)
				'interval'        => 4000,			// Time between transitions (ms)
				'first_slide'     => 1,				// index of first slide to display (in static mode)
				'nb_articles'     => 5,				// Max number of articles to query in the blog database
				'title_max_chars' => 30,			// Max number of characters to display for a slide title
				'sort_by'         => 'date',		// Default field for post sorting
				'order_by'        => 'desc',		// Default type of ordering
				'default_image'   => 'default.png',	// Default image to display in dynamic mode for posts without thumbnails
				'category_filter' => 0,				// Category filtering ON (1) / OFF (0)
				'categories'      => '',			// Default is all (empty)
				'text_content'    => 'excerpt',		// Full content (content) or excerpt (excerpt)
				'content_type'    => 'post'			// Slider content type (post / page / both)
		);

		/*
		 * Useful for old versions users : if old settings exist in DB (< v0.9.3), update to new system
		 */
		if( get_option( 'prlx_slider_mode' ) ) {
			// Keep old values
			$prlx_slider_settings['mode'] 			 = get_option( 'prlx_slider_mode' );
			$prlx_slider_settings['theme'] 			 = get_option( 'prlx_slider_theme' );
			$prlx_slider_settings['bgincrement'] 	 = get_option( 'prlx_slider_bgincrement' );
			$prlx_slider_settings['autoplay']        = get_option( 'prlx_slider_autoplay' );
			$prlx_slider_settings['interval']        = get_option( 'prlx_slider_interval' );
			$prlx_slider_settings['first_slide'] 	 = get_option( 'prlx_slider_first_slide' );
			$prlx_slider_settings['nb_articles'] 	 = get_option( 'prlx_slider_nb_articles' );
			$prlx_slider_settings['title_max_chars'] = get_option( 'prlx_title_max_chars' );
			$prlx_slider_settings['sort_by'] 		 = get_option( 'prlx_slider_sort_by' );
			$prlx_slider_settings['order_by'] 		 = get_option( 'prlx_slider_order_by' );
			$prlx_slider_settings['default_image'] 	 = get_option( 'prlx_default_image' );
			$prlx_slider_settings['category_filter'] = get_option( 'prlx_slider_category_filter' );
			$prlx_slider_settings['categories'] 	 = get_option( 'prlx_slider_categories' );
			$prlx_slider_settings['text_content'] 	 = get_option( 'prlx_text_content' );
			$prlx_slider_settings['content_type'] 	 = get_option( 'prlx_slider_content_type' );

			// Deletes obsolete DB entries
			delete_option( 'prlx_slider_mode' );
			delete_option( 'prlx_slider_theme' );
			delete_option( 'prlx_slider_bgincrement' );
			delete_option( 'prlx_slider_autoplay' );
			delete_option( 'prlx_slider_interval' );
			delete_option( 'prlx_slider_first_slide' );
			delete_option( 'prlx_slider_nb_articles' );
			delete_option( 'prlx_title_max_chars' );
			delete_option( 'prlx_slider_sort_by' );
			delete_option( 'prlx_slider_order_by' );
			delete_option( 'prlx_default_image' );
			delete_option( 'prlx_slider_category_filter' );
			delete_option( 'prlx_slider_categories' );
			delete_option( 'prlx_text_content' );
			delete_option( 'prlx_slider_content_type' );
		}

		add_option( 'prlx_slider_settings', $prlx_slider_settings );
	} // end activate

	/**
	 * Fired when the plugin is uninstalled.
	 *
	 * @param	boolean	$network_wide	True if WPMU superadmin uses "Network Activate" action, false if WPMU is disabled or plugin is activated on an individual blog
	 */
	public function uninstall( $network_wide ) {
		// if uninstall not called from WordPress exit
		if ( !defined( 'WP_UNINSTALL_PLUGIN' ) )
			exit ();

		// Clean options in the database
		delete_option( 'prlx_slider_settings' );

	} // end uninstall

	/**
	 * Enable shortcodes : 
	 * [parallaxcontentslider]
	 * [parallaxcontentslider cat="2"]
	 * [parallaxcontentslider cat="2,5"]
	 */
	public function parallaxcontentslider_shortcode_call( $atts ){
		// Extracting parameters
		extract( shortcode_atts( array (
										'categ' => '',
									   ), $atts ) );
		
		get_wp_parallax_content_slider( $categ );
	}

	/**
	 * Return the plugin HTML code for output
	 */
	public function get_parallax_content_slider( $category = '' )
	{
		// Enqueue scripts
		wp_enqueue_script( 'wp-parallax-content-slider-modernizr' );
		wp_enqueue_script( 'wp-parallax-content-slider-touchSwipe' );
		wp_enqueue_script( 'wp-parallax-content-slider-cslider' );

		// Retrieving plugin parameters (user choices or default values)
		$prlx_slider_settings = get_option( 'prlx_slider_settings');
		$prlx_slider_mode 				= $prlx_slider_settings['mode'];
		$prlx_slider_theme 				= $prlx_slider_settings['theme'];
		$prlx_slider_bgincrement 		= $prlx_slider_settings['bgincrement'];
		$prlx_slider_autoplay 			= $prlx_slider_settings['autoplay'];
		$prlx_slider_interval 			= $prlx_slider_settings['interval'];
		// Static mode parameters
		$prlx_slider_first_slide 		= $prlx_slider_settings['first_slide'];
		// Dynamic mode parameters
		$prlx_slider_content_type 		= $prlx_slider_settings['content_type'];
		$prlx_slider_nb_articles  		= $prlx_slider_settings['nb_articles'];
		$prlx_title_max_chars 			= $prlx_slider_settings['title_max_chars'];
		$prlx_sort 						= $prlx_slider_settings['sort_by'];
		$prlx_order 					= $prlx_slider_settings['order_by'];
		$prlx_default_image 			= $prlx_slider_settings['default_image'];
		$prlx_slider_category_filter 	= $prlx_slider_settings['category_filter'];
		$prlx_slider_categories			= $prlx_slider_settings['categories'];
		$prlx_text_content				= $prlx_slider_settings['text_content'];

		// Get some javascript values from database
		wp_localize_script(
			'wp-parallax-content-slider-core', // Script handle,
			'prlx', // Name of global js object
			array(
				'bgincrement'	=> $prlx_slider_bgincrement,
				'autoplay'		=> $prlx_slider_autoplay,
				'interval'		=> $prlx_slider_interval,
				'current'		=> $prlx_slider_first_slide - 1
			) // Values of global js object
		);
		// Then enqueue modified script
		wp_enqueue_script( 'wp-parallax-content-slider-core' );

		switch( $prlx_slider_theme )
		{
			case 'dark' :
				wp_enqueue_style( 'wp-parallax-content-slider-css-theme', plugins_url( 'css/theme-dark.css', __FILE__ ) );
			case 'retro' :
				wp_enqueue_style( 'wp-parallax-content-slider-css-theme', plugins_url( 'css/theme-retro.css', __FILE__ ) );
			case 'silver' :
				wp_enqueue_style( 'wp-parallax-content-slider-css-theme', plugins_url( 'css/theme-silver.css', __FILE__ ) );
		}

		// --------------------------------------------------------
		// Content selection
		global $post;

		$typ = '';
		switch ($prlx_slider_content_type) {
			case "both":
				$typ = array( 'post', 'page' );
				break;
			case "page":
				$typ = array( 'page' );
				break;
			default:
				$typ = array( 'post' );
		}

		$cat = '';
		if ( ! empty( $category ) ) 
		{
			// Mode is forced to 'dynamic'
			$prlx_slider_mode = 'dynamic';
			// Get category filter from shortcode attribute (i.e. function 'category' parameter)
			$cat = $category;
		}
		elseif ($prlx_slider_category_filter)
		{
			$cat = $prlx_slider_categories;
		}

		$args = array( 'post_type' => $typ, // If you wan't to choose custom types, you can set your own array here (eg. $typ = array('jobs'); )
					   'orderby' => $prlx_sort,
					   'order' => $prlx_order,
					   'posts_per_page' =>  $prlx_slider_nb_articles,
					   'cat' => $cat,
					   'suppress_filters'=>0, // Added for WPML support
		);

		$myposts = new WP_Query( apply_filters( 'prlx_pre_get_posts', $args ) );

		// --------------------------------------------------------
		// HTML Output beginning

		// TODO: remove this code in production mode
		//echo $debug  = "prlx_slider_content_type : " . $prlx_slider_content_type . "<br/>";

		$plugin_abs_path = $this->pluginUrl;
		$default_slide_image = $plugin_abs_path . '/images/' . $prlx_default_image;

		$outputDynamic = "<div id='da-slider' class='da-slider'>\n";

		while ( $myposts->have_posts() ) : $myposts->the_post();

			// $custom = get_post_custom($post->ID);
						
			// Display the post thumbnail if there is one (Thank you John)
			if ( has_post_thumbnail() ) {
				$thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
				$url = $thumb['0'];
				$default_slide_image = $url;
			}
			else if ( has_content_image( ) != '' ){
			//	echo get_content_image_urls( get_the_content() );
				$temp = get_content_image_urls( );
				$default_slide_image = $temp[0];
			}

			if ($prlx_text_content === 'excerpt') {
				$outputDynamic .= $this->get_article_slide( get_the_title(),
															get_the_excerpt(),
															get_permalink(),
															$default_slide_image,
															$prlx_title_max_chars )."\n";
			} else {
				$outputDynamic .= $this->get_article_slide( get_the_title(),
															get_the_content(),
															get_permalink(),
															$default_slide_image,
															$prlx_title_max_chars )."\n";
			}

		endwhile; wp_reset_postdata();

$outputDynamic .= <<<DYNAMICOUTPUT
<nav class="da-arrows">
	<span class="da-arrows-prev"></span>
	<span class="da-arrows-next"></span>
</nav>
</div>
DYNAMICOUTPUT;

		// New in v0.3
		// You can modify the slides in the php file : static-slides-sample.php
		// Note : you should copy the sample file and include the new file here
		// Doing this will prevent you to lose your changes when you will update the plugin automatically
		if ( $prlx_slider_mode === 'dynamic' )
		{
			echo $outputDynamic;
		}
		else
		{
			$outputStatic = '';
			include( 'static-slides-sample.php' );
			echo $outputStatic;
		}

		// HTML Output end
		// --------------------------------------------------------
	}

	/*
	 * Generate HTML output for an article slide
	 */
	function get_article_slide( $title, $excerpt, $link_article, $url_image, $title_length, $alt_image = 'Alternative text' )
	{
		// Parameters
		if ( strlen( $title ) > $title_length ) $title = mb_substr( $title, 0, $title_length ) . "...";

		$title = apply_filters( 'prlx_slide_title', $title, get_the_title() );

		// Slide output
		$outputSlide  = "<div class='da-slide'>"."\n";
		$outputSlide .= "<h2>".$title."</h2>"."\n";
		$outputSlide .= "<p>".$excerpt."</p>"."\n";
		$outputSlide .= "<a href='".$link_article."' class='da-link'>" . __( 'Read more', 'wp-parallax-content-slider' ) . "</a>"."\n";
		$outputSlide .= "<div class='da-img'><img src='".$url_image."' alt='".$alt_image."' /></div>"."\n";
		$outputSlide .= "</div>"."\n";

		$outputSlide = apply_filters( 'prlx_slide_content', $outputSlide, $this );

		return $outputSlide;
	}

	/*
	 * Add a menu to navigate to the admin interface of the plugin
	 */
	function admin_menu()
	{
		$page = add_options_page( __( 'WP Parallax Content Slider', 'wp-parallax-content-slider' ),
								  __( 'WP Parallax Content Slider', 'wp-parallax-content-slider' ),
								  'administrator', 'wp-parallax-content-slider',
								  array( $this, 'admin_interface' ) );
	}

	/*
	 * Display the admin interface to configure the plugin
	 */
	function admin_interface()
	{
		if ( isset($_POST['action']) && ($_POST['action'] == 'update') )
		{
			if ( !current_user_can( 'manage_options' ) )
			{
				wp_die( __( 'No access', 'wp-parallax-content-slider' ) );
			}

			check_admin_referer( 'wp-parallax-content-slider' );
			$validation = true;

			// Check values
			$debug = "";//POST : " . var_dump($_POST) . "<br/>";
			$error = "<ul>";
			// General parameters
			if ( empty( $_POST['prlx_slider_mode'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect slider mode', 'wp-parallax-content-slider' )."</li>";
			}
			if ( empty( $_POST['prlx_slider_theme'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect slider theme', 'wp-parallax-content-slider' )."</li>";
			}
			if ( empty( $_POST['prlx_slider_bgincrement'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect background increment pixel size', 'wp-parallax-content-slider' )."</li>";
			}
			if ( empty( $_POST['prlx_slider_interval'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect time interval', 'wp-parallax-content-slider' )."</li>";
			}
			// Static parameters
			if ( empty( $_POST['prlx_slider_first_slide'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect first slide number', 'wp-parallax-content-slider' )."</li>";
			}
			$error .= "</ul>";
			// Dynamic parameters
			if ( empty( $_POST['prlx_slider_nb_articles'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect maximum slide number', 'wp-parallax-content-slider' )."</li>";
			}
			if ( empty( $_POST['prlx_title_max_chars'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect maximum title length', 'wp-parallax-content-slider' )."</li>";
			}
			if ( empty( $_POST['prlx_default_image'] ) )
			{
				$validation = false;
				$error .= "<li>" . __( 'Incorrect default image', 'wp-parallax-content-slider' )."</li>";
			}

			if ( $validation )
			{
				// categories (multiple selection)
				if ( $_POST['prlx_slider_category_filter'] && !empty( $_POST['prlx_slider_categories'] ) ) {
					$categories_selected_values = '';
					foreach( $_POST['prlx_slider_categories'] as $selected_categorie ){
						$categories_selected_values .= $selected_categorie.',';
					}
				}

				// Creating option database array
				$prlx_slider_settings = array(
						'mode' 					=> $_POST['prlx_slider_mode'],
						'theme' 				=> $_POST['prlx_slider_theme'],
						'bgincrement' 			=> $_POST['prlx_slider_bgincrement'],
						'autoplay' 				=> $_POST['prlx_slider_autoplay'],
						'interval' 				=> $_POST['prlx_slider_interval'],
						'first_slide' 			=> $_POST['prlx_slider_first_slide'],
						'nb_articles' 			=> $_POST['prlx_slider_nb_articles'],
						'title_max_chars' 		=> $_POST['prlx_title_max_chars'],
						'sort_by' 				=> $_POST['prlx_slider_sort_by'],
						'order_by' 				=> $_POST['prlx_slider_order_by'],
						'default_image' 		=> $_POST['prlx_default_image'],
						'category_filter' 		=> $_POST['prlx_slider_category_filter'],
						'categories'			=> $categories_selected_values,
						'text_content' 			=> $_POST['prlx_text_content'],
						'content_type' 			=> $_POST['prlx_slider_content_type'],
				);

				// Update options in database
				update_option( 'prlx_slider_settings', $prlx_slider_settings );

				echo "<div class='updated fade'><p>" . __( 'Settings updated', 'wp-parallax-content-slider' ) ."</p></div>" . $debug;
			}
			else
			{
				echo "<div class='error fade'><p>" . __( 'Settings update failed:', 'wp-parallax-content-slider' ) . $error . "</p></div>" . $debug;
			}
		}

		// Retrieve settings from database
		$prlx_slider_settings = get_option( 'prlx_slider_settings' );

		?>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		// jQuery in the admin page
		jQuery('#prlx_slider_mode').bind("change", function() {
			if( jQuery(this).attr('value') == 'static' )
			{
				jQuery('#dynamic-options').slideUp(250, function() {
					jQuery('#static-options').slideDown(500);
				});
			}
			else
			{
				jQuery('#static-options').slideUp(250, function() {
					jQuery('#dynamic-options').slideDown(500);
				});
			}
		});
		jQuery('#prlx_slider_category_filter').bind("click", function() {
			jQuery('#filteroptions').toggle(500);
		});
	});
</script>
<div class="wrap">
	<div class="icon32" id="icon-options-general"><br /></div>
	<h2><?php _e( 'WP Parallax Content Slider Settings', 'wp-parallax-content-slider' ); ?></h2>

	<div style="margin-top:1em; border: 1px solid #FFCC99; width: 96.5%; padding: 5px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;">
		<p><?php
			_e( 'This plugin is continuing to evolve because of contributions from Wordpress users like you. Thank you. If you found this plugin useful, especially if you use it for commercial purposes, feel free to make a', 'wp-parallax-content-slider' );
			echo "&nbsp;<a href=\"http://jltweb.info/realisations/wp-parallax-content-plugin/#contribute\" target=\"_blank\">";
			_e( 'donation', 'wp-parallax-content-slider' );
			echo "</a>.&nbsp;";
			_e( 'Your support helps me to spend more time on development and provide better customer service.', 'wp-parallax-content-slider' );
			?>
		</p>
		<p><?php
			_e( "Alternatively, if you like this plugin, don't hesitate to ", 'wp-parallax-content-slider' );
			echo "<a href=\"https://twitter.com/JulienLeThuaut\" target=\"_blank\">";
			_e( 'spread the word', 'wp-parallax-content-slider'  );
			echo "</a>&nbsp;";
			_e( 'about it on Twitter, on Facebook,on your own blog,', 'wp-parallax-content-slider' );
			echo "&nbsp;<a href=\"http://wordpress.org/support/view/plugin-reviews/wp-parallax-content-slider\" target=\"_blank\">";
			_e( 'rate it', 'wp-parallax-content-slider'  );
			echo "</a>&nbsp;";
			_e( 'on Wordpress.org, thanks!', 'wp-parallax-content-slider' );
			?>
		</p>
	</div>

	<h3><?php _e( 'Code to insert', 'wp-parallax-content-slider' ); ?></h3>
	<p><?php _e( 'The code below must be inserted in a Wordpress file, where you want to display the parallax content slider:', 'wp-parallax-content-slider' ); ?></p>
	<code>
	if ( function_exists( 'get_wp_parallax_content_slider' ) ) {
		get_wp_parallax_content_slider();
	}
	</code>
	<p><?php _e( 'Since v0.9, an alternative is to call the plugin with a shortcode. Doing this, you will be able to include the slider inside a page or inside a blog post:', 'wp-parallax-content-slider' ); ?></p>
	<code>
	[parallaxcontentslider]
	</code>

	<form action="?page=wp-parallax-content-slider" method="POST">

		<input type="hidden" name="action" value="update" />
		<?php wp_nonce_field( 'wp-parallax-content-slider' ); ?>

		<div class="metabox-holder">
			<div class="postbox">

				<h3><?php _e( 'General Display Options', 'wp-parallax-content-slider' ); ?>:</h3>
				<table class="form-table">

					<tr>
						<th scope="row"><?php _e( 'Slider display mode', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<select name="prlx_slider_mode" id="prlx_slider_mode">
								<option value="dynamic"><?php _e( 'Dynamic : display last posts', 'wp-parallax-content-slider' ); ?></option>
								<option value="static" <?php if ( $prlx_slider_settings['mode'] === "static") echo 'selected="selected"'; ?>><?php _e( 'Static : display static HTML content', 'wp-parallax-content-slider' ); ?></option>
							</select>
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Number of pixels for background increment', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<input type="text" name="prlx_slider_bgincrement" id="prlx_slider_bgincrement" maxlength="5" size="5" value="<?php echo $prlx_slider_settings['bgincrement']; ?>" />
							<label for="prlx_slider_bgincrement"><?php _e( 'A negative value will invert the parallax effect', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr valign="top">
						<th scope="row"><?php _e( 'Auto-play mode', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<input type="checkbox" name="prlx_slider_autoplay" id="prlx_slider_autoplay" value="1" <?php if ( $prlx_slider_settings['autoplay'] ) echo 'checked="checked"'; ?>/>
							<label for="prlx_slider_autoplay"><?php _e( 'Activate auto-play', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Time between each slide (in ms)', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<input type="text" name="prlx_slider_interval" id="prlx_slider_interval" value="<?php echo $prlx_slider_settings['interval']; ?>" maxlength="5" size="5" />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Slider theme', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<select name="prlx_slider_theme" id="prlx_slider_theme">
								<option value="default"><?php _e( 'Default : Yellow waves', 'wp-parallax-content-slider' ); ?></option>
								<option value="dark" <?php if ( $prlx_slider_settings['theme'] === "dark") echo 'selected="selected"'; ?>><?php _e( 'Dark', 'wp-parallax-content-slider' ); ?></option>
								<option value="retro" <?php if ( $prlx_slider_settings['theme'] === "retro") echo 'selected="selected"'; ?>><?php _e( 'Retro Red', 'wp-parallax-content-slider' ); ?></option>
								<option value="silver" <?php if ( $prlx_slider_settings['theme'] === "silver") echo 'selected="selected"'; ?>><?php _e( 'Silver', 'wp-parallax-content-slider' ); ?></option>
							</select>
						</td>
					</tr>

				</table>
			</div>

			<div id="static-options" class="postbox" <?php if ( $prlx_slider_settings['mode'] !== "static") echo 'style="display:none"'; ?>>

				<h3><?php _e( 'Static Mode Display Options', 'wp-parallax-content-slider' ); ?>:</h3>
				<table class="form-table">

					<tr>
						<th scope="row"><?php _e( 'Index of the first slide to display', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<input type="text" name="prlx_slider_first_slide" id="prlx_slider_first_slide" value="<?php echo $prlx_slider_settings['first_slide']; ?>" maxlength="1" size="1" />
						</td>
					</tr>

				</table>
			</div>

			<div id="dynamic-options" class="postbox" <?php if ( $prlx_slider_settings['mode'] === "static") echo 'style="display:none"'; ?>>

				<h3><?php _e( 'Dynamic Mode Display Options', 'wp-parallax-content-slider' ); ?>:</h3>
				<table class="form-table">

					<tr>
						<th scope="row"><?php _e( 'Content type', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<select name="prlx_slider_content_type" id="prlx_slider_content_type">
								<option value="post" <?php if ( $prlx_slider_settings['content_type'] === "post") echo 'selected="selected"'; ?>><?php _e( 'Posts', 'wp-parallax-content-slider' ); ?></option>
								<option value="page" <?php if ( $prlx_slider_settings['content_type'] === "page") echo 'selected="selected"'; ?>><?php _e( 'Pages', 'wp-parallax-content-slider' ); ?></option>
								<option value="both" <?php if ( $prlx_slider_settings['content_type'] === "both") echo 'selected="selected"'; ?>><?php _e( 'Post and pages', 'wp-parallax-content-slider' ); ?></option>
							</select>
							<label for="prlx_slider_content_type"><?php _e( 'Choose what type of content you want to see in the slider', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Number of articles to display', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<input type="text" name="prlx_slider_nb_articles" id="prlx_slider_nb_articles" value="<?php echo $prlx_slider_settings['nb_articles']; ?>" maxlength="2" size="2" />
							<label for="prlx_slider_nb_articles"><?php _e( 'Maximum number of articles to display in the dynamic slider', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Sort posts by', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<select name="prlx_slider_sort_by" id="prlx_slider_sort_by">
								<option value="date" <?php if ( $prlx_slider_settings['sort_by'] === "date") echo 'selected="selected"'; ?>><?php _e( 'Date', 'wp-parallax-content-slider' ); ?></option>
								<option value="rand" <?php if ( $prlx_slider_settings['sort_by'] === "rand") echo 'selected="selected"'; ?>><?php _e( 'Random', 'wp-parallax-content-slider' ); ?></option>
								<option value="title" <?php if ( $prlx_slider_settings['sort_by'] === "title") echo 'selected="selected"'; ?>><?php _e( 'Title', 'wp-parallax-content-slider' ); ?></option>
								<option value="author" <?php if ( $prlx_slider_settings['sort_by'] === "author") echo 'selected="selected"'; ?>><?php _e( 'Author', 'wp-parallax-content-slider' ); ?></option>
								<option value="comment_count" <?php if ( $prlx_slider_settings['sort_by'] === "comment_count") echo 'selected="selected"'; ?>><?php _e( 'Number of comments', 'wp-parallax-content-slider' ); ?></option>
								<option value="modified" <?php if ( $prlx_slider_settings['sort_by'] === "modified") echo 'selected="selected"'; ?>><?php _e( 'Last modified date', 'wp-parallax-content-slider' ); ?></option>
							</select>
							<label for="prlx_slider_sort_by"><?php _e( 'Choose how do you want to sort the posts in the slider', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Sort order', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<select name="prlx_slider_order_by" id="prlx_slider_order_by">
								<option value="asc" <?php if ( $prlx_slider_settings['order_by'] === "asc") echo 'selected="selected"'; ?>><?php _e( 'Ascending', 'wp-parallax-content-slider' ); ?></option>
								<option value="desc" <?php if ( $prlx_slider_settings['order_by'] === "desc") echo 'selected="selected"'; ?>><?php _e( 'Descending', 'wp-parallax-content-slider' ); ?></option>
							</select>
							<label for="prlx_slider_order_by"><?php _e( 'Choose how do you want to order the posts in the slider', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Category filter', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<input type="checkbox" name="prlx_slider_category_filter" id="prlx_slider_category_filter" value="1" <?php if ( $prlx_slider_settings['category_filter'] ) echo 'checked="checked"'; ?>/>
							<label for="prlx_slider_category_filter"><?php _e( 'Only display posts of chosen categories', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr id="filteroptions" <?php if ( !$prlx_slider_settings['category_filter']) echo 'style="display:none"'; ?>>
						<th scope="row"><?php _e( 'Categories to display', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<select name="prlx_slider_categories[]" id="prlx_slider_categories" multiple="multiple" size="3" style="vertical-align: top;">
								<?php
									$args = array( 'orderby' => 'name',
												   'order' => 'ASC',
												   'hide_empty' => 1, 		// Set to 0 if you want to show empty categories
												   'suppress_filters'=>0); 	// Added for WPML support
									$wp_categories = get_categories( $args );

									// Get selected values
									$prlx_slider_categories_array = preg_split("/[\s,]+/",$prlx_slider_settings['categories']);

									foreach ($wp_categories as $i => $categ)
									{
										echo '<option value="'.$categ->term_id.'" ';
										if (in_array($categ->term_id, $prlx_slider_categories_array))
												echo 'selected="selected"';
										echo '>'.$categ->name.'</option>\n';
									}
								?>
							</select>

							<label for="prlx_slider_categories"><?php _e( 'Categories to display (multiple selection). Empty selection will display all categories.', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Slide title max length', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<input type="text" name="prlx_title_max_chars" id="prlx_title_max_chars" value="<?php echo $prlx_slider_settings['title_max_chars']; ?>" maxlength="5" size="5" />
							<label for="prlx_title_max_chars"><?php _e( 'Maximum number of characters to display in a dynamic slide title', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

					<tr>
						<th scope="row"><?php _e( 'Default image', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							plugins/wp-parallax-content-slider/images/<input type="text" name="prlx_default_image" id="prlx_default_image" value="<?php echo $prlx_slider_settings['default_image']; ?>" />
							<label for="prlx_default_image"><?php _e( 'Name of the default image to display for posts without thumbnail', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>
					<tr>
						<th scope="row"><?php _e( 'Displayed text', 'wp-parallax-content-slider' ); ?>:</th>
						<td>
							<select name="prlx_text_content" id="prlx_text_content">
								<option value="content" <?php if ( $prlx_slider_settings['text_content'] === "content") echo 'selected="selected"'; ?>><?php _e( 'Content', 'wp-parallax-content-slider' ); ?></option>
								<option value="excerpt" <?php if ( $prlx_slider_settings['text_content'] === "excerpt") echo 'selected="selected"'; ?>><?php _e( 'Excerpt', 'wp-parallax-content-slider' ); ?></option>
							</select>
							<label for="prlx_text_content"><?php _e( 'Choose if you want to display the full content or the excerpt in the slider', 'wp-parallax-content-slider' ); ?></label><br />
						</td>
					</tr>

				</table>
			</div>

			<input class="button-primary" type="submit" name="Submit" value="<?php _e( 'Save Changes', 'wp-parallax-content-slider' ); ?>">
		</div>
	</form>
</div>

<?php
	}
} // end class

$wp_parallax_content_slider = new WpParallaxContentSlider();

function get_wp_parallax_content_slider( $cat_filter = '' )
{
	global $wp_parallax_content_slider;
	echo $wp_parallax_content_slider->get_parallax_content_slider( $cat_filter );
}

?>