<?php
/**
 * @package   Revolution Slider
 * @author    ThemePunch <info@themepunch.com>
 * @link      http://revolution.themepunch.com/
 * @copyright 2015 ThemePunch
 */
 
if( !defined( 'ABSPATH') ) exit();

$nav = new RevSliderNavigation();

$navigation = intval(RevSliderBase::getGetVar('navigation', 0));

$navigs = $nav->get_all_navigations();

$rsopr = new RevSliderOperations();


$font_families = $rsopr->getArrFontFamilys();
?>

<div class='wrap'>
	<div class="clear_both"></div>

	<div class="title_line nobgnopd" style="margin-bottom: 20px !important;">
		<?php 
			$icon_general = '<div class="icon32" id="icon-options-general"></div>';
			echo apply_filters( 'rev_icon_general_filter', $icon_general ); 
		?>
		<div class="view_title">
			<?php _e('Navigation Editor', 'revslider'); ?>
		</div>
	</div>
	
	<div class="setting_box navig" style="margin-bottom: 20px;">
		<h3><span class="setting-step-number">1</span><span style="max-width: 400px;"><?php _e('Select the Navigation Category to Edit', 'revslider'); ?></span> <a original-title="" class="button-primary revblue" id="rs-add-new-navigation-element" href="javascript:void(0);"><?php _e('Add New', 'revslider'); ?></a></h3>
		
		<div class="table-titles">				
			<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('#ID', 'revslider'); ?></div>
			<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Skin Name', 'revslider'); ?></div>
			<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Arrows', 'revslider'); ?></div>
			<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Bullets', 'revslider'); ?></div>
			<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Thumbs', 'revslider'); ?></div>
			<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Tabs', 'revslider'); ?></div>	
			<div class="rs-nav-table-cell rs-nav-table-title" style="width:auto;text-align:left;padding:0px 20px;"><?php _e('Actions', 'revslider'); ?></div>
		</div>
		
		<div id="list-of-navigations" style="max-height:430px;overflow:hidden;position:relative;top:0px;left:0px;">  
			<div class="rs-nav-table tablecontent">
				<?php
				//all will be added here through JavaScript
				?>
			</div>
		</div>
	</div>
	
	<div style="clear: both;"></div>
	
	<div class="setting_box navig" style="margin-bottom: 20px;">
		<div class="rs-editing-wrapper" style="display: none;">
			<h3 style="border:0;"><span class="setting-step-number">2</span><span style="max-width: 400px;"><?php _e('Editing', 'revslider'); ?> <span class="rs-nav-editing-title"></span></span> <a href="javascript:void(0);" class="button-primary revred rs-remove-nav-element"><?php _e('Remove', 'revslider'); ?></a></h3>
			<div class="rs-editing-markups-wrap">
				<div class="rs-markup-selector">
					<div class="rs-selector-title"><?php _e('Markup', 'revslider'); ?></div> <span class="rs-editor-open-field"><i class="revicon-list-add"></i></span>
				</div>
				<div class="rs-markup-wrapper" style="display: none;">
					<div class="rs-markup-elements">
						<div style="padding: 20px;" class="closemeshowhide">
							<div class="helper-wrappers">
								<h4><?php _e('Actions', 'revslider'); ?></h4>
								<ul class="rs-element-list">
								<!--	<li id="reset-markup-arrow" data-call="arrows_markup"><span class="libtn"><?php _e('Reset Defaults', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-markup-bullets" data-call="bullets_markup"><span class="libtn"><?php _e('Reset Defaults', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-markup-thumbs" data-call="thumbs_markup"><span class="libtn"><?php _e('Reset Defaults', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-markup-tabs" data-call="tabs_markup"><span class="libtn"><?php _e('Reset Defaults', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>-->
									<li><span class="libtn"><?php _e('Parameters', 'revslider'); ?><span class="more-values-available"></span></span>
										<ul style="display: none;" class="rs-element-add">
											<li data-call="params_special" data-paramid="title"><span class="libtn"><?php _e('Slide Title', 'revslider'); ?></span></li>
											<li data-call="params_special" data-paramid="description"><span class="libtn"><?php _e('Slide Description', 'revslider'); ?></span></li>
											<?php
											for($i=1;$i<=10;$i++){
												?>
												<li data-call="params_markup" data-paramid="<?php echo $i; ?>"><span class="libtn"><?php _e('Parameter ', 'revslider'); ?> <?php echo $i; ?></span></li>
												<?php
											}
											?>
										</ul>
									</li>
								</ul>
							</div>
						</div>
						<div class="showhidehelper"></div>
					</div>

					<textarea name="rs-cm-markup" id="rs-cm-markup"></textarea>
				</div><div class="rs-css-selector open">
					<div class="rs-selector-title"><?php _e('CSS', 'revslider'); ?></div> <span class="rs-editor-open-field"><i class="revicon-list-add"></i></span>
				</div>
				<div class="rs-css-wrapper" style="display: none;">
					<div class="rs-css-elements">
						<div style="padding: 20px;" class="closemeshowhide">
							<div class="helper-wrappers rea-open">
								<h4><span class="libtn"><?php _e('Style Helper', 'revslider'); ?><span class="more-values-available"></span></span></h4>
								<ul class="rs-element-list collapsable" style="display:block">
									<li data-call="color_value"><span class="libtn"><?php _e('Color Value', 'revslider'); ?><span class="more-values-available"></span></span>
										<div style="display: none;" class="rs-element-add rs-element-add-color">										
											<input type="text" name="rs-color" class="my-color-field" value="#000000">
											<span class="tp-clearfix"></span>
											<a href="javascript:void(0);" id="rs-add-css-color" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
										</div>
									</li>
									<li data-call="border_radius"><span class="libtn"><?php _e('Border Radius', 'revslider'); ?><span class="more-values-available"></span></span>
										<div style="display: none;" class="rs-element-add rs-element-add-border-radius">
											<label><?php _e('Top Left', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-radius-top-left" value="1"></td>
											<label><?php _e('Top Right', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-radius-top-right" value="1"></td>
											<label><?php _e('Bottom Right', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-radius-bottom-right" value="1"></td>
											<label><?php _e('Bottom Left', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-radius-bottom-left" value="1"></td>
											<span class="tp-clearfix"></span>
											<a href="javascript:void(0);" id="rs-add-css-border-radius" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
										</div>
									</li>
									<li data-call="border"><span class="libtn"><?php _e('Border', 'revslider'); ?><span class="more-values-available"></span></span>
										<div style="display: none;" class="rs-element-add rs-element-add-border">
											<label><?php _e('Top', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-top" value="1">
											<label><?php _e('Right', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-right" value="1">
											<label><?php _e('Bottom', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-bottom" value="1">
											<label><?php _e('Left', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-border-left" value="1">											
											<span class="tp-clearfix"></span>														
											<input type="text" name="rs-border-color" class="my-color-field" value="#000000">
											<span class="tp-clearfix"></span>																				
											<a href="javascript:void(0);" id="rs-add-css-border" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
										</div>
									</li>
									<li data-call="text_shadow"><span class="libtn"><?php _e('Text-Shadow', 'revslider'); ?><span class="more-values-available"></span></span>
										<div style="display: none;" class="rs-element-add rs-element-add-text-shadow">
											<label><?php _e('Angle', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-text-shadow-angle" value="0">
											<label><?php _e('Distance', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-text-shadow-distance" value="0">
											<label><?php _e('Blur', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-text-shadow-blur" value="0">											
											<span class="tp-clearfix"></span>
											<input type="text" name="rs-text-shadow-color" class="my-color-field" value="#000000">
											<span class="tp-clearfix"></span>										
											<a href="javascript:void(0);" id="rs-add-css-text-shadow" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
										</div>
									</li>
									<li data-call="box_shadow"><span class="libtn"><?php _e('Box-Shadow', 'revslider'); ?><span class="more-values-available"></span></span>
										<div style="display: none;" class="rs-element-add rs-element-add-box-shadow">
											<label><?php _e('Angle', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-box-shadow-angle" value="0">
											<label><?php _e('Distance', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-box-shadow-distance" value="0">
											<label><?php _e('Blur', 'revslider'); ?></label>
											<input class="rs-small-input" type="text" name="rs-box-shadow-blur" value="0">																					
											<span class="tp-clearfix"></span>
											<input type="text" name="rs-box-shadow-color" class="my-color-field" value="#000000">
											<span class="tp-clearfix"></span>										
											<a href="javascript:void(0);" id="rs-add-css-box-shadow" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
										</div>
									</li>
									<li data-call="font_families"><span class="libtn"><?php _e('Font Family', 'revslider'); ?><span class="more-values-available"></span></span>
										<div style="display: none;" class="rs-element-add rs-element-add-box-shadow">
											<select name="rs-font-family" style="width: 160px">
												<?php
												foreach($font_families as $handle => $name){
													if($name['label'] == 'Dont Show Me') continue;
													?>
													<option value="<?php echo esc_attr($name['label']); ?>"><?php echo esc_attr($name['label']); ?></option>
													<?php
												}
												?>
											</select>
											<a href="javascript:void(0);" id="rs-add-css-font-family" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
										</div>
									</li>
								</ul>								
							</div>
							<div class="helper-wrappers">
								<!--<h4><span class="libtn"><?php _e('Resets', 'revslider'); ?><span class="more-values-available"></span></span></h4>
								<ul class="rs-element-list collapsable" style="display:none">
									<li id="reset-css-arrow" data-call="arrows_css"><span class="libtn"><?php _e('Classes & Style', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-css-arrow-empty" data-call="arrows_css_empty"><span class="libtn"><?php _e('Only Classes', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-css-bullets" data-call="bullets_css"><span class="libtn"><?php _e('Classes & Style', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-css-bullets-empty" data-call="bullets_css_empty"><span class="libtn"><?php _e('Only Classes', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-css-thumbs" data-call="thumbs_css"><span class="libtn"><?php _e('Classes & Style', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-css-thumbs-empty" data-call="thumbs_css_empty"><span class="libtn"><?php _e('Only Classes', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-css-tabs" data-call="tabs_css"><span class="libtn"><?php _e('Classes & Style', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
									<li id="reset-css-tabs-empty" data-call="tabs_css_empty"><span class="libtn"><?php _e('Only Classes', 'revslider'); ?><span class="more-values-available resetme"></span></span></li>
								</ul>-->		
							</div>
							<div class="helper-wrappers">
								<h4><span class="libtn"><?php _e('Dynamic Values', 'revslider'); ?><span class="more-values-available"></span></span></h4>
								<ul class="rs-element-list collapsable" id="rs-placeholder-container" style="display:none">
									<li class="rs-always-stay">
										<div class="rs-element-add rs-element-add-placeholder">
											<a href="javascript:void(0);" id="rs-add-placeholder" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="showhidehelper"></div>
					</div>
					<textarea name="rs-cm-css" id="rs-cm-css"></textarea>
				</div>
			</div>
			<div class="rs-editing-preview-wrap">
				<div class="rs-editing-preview-overlay"></div>
				<div class="rs-arrows-preview">
					<div class="tp-arrows tp-leftarrow"></div>
					<div class="tp-arrows tp-rightarrow"></div>
				</div>
				<div class="rs-bullets-preview"></div>
				<div class="rs-thumbs-preview"></div>
				<div class="rs-tabs-preview"></div>
				<input id="rs-preview-color-changer" type="text" name="rs-preview-color" class="bg-color-field" value="#000000">
				<span class="little-info"><?php _e('Live Preview - Hover & Click for test', 'revslider'); ?></span>
				<span class="little-sizes">
					<?php _e('Suggested Width:', 'revslider'); ?>
					<input class="rs-small-input" type="text" name="rs-test-width" value="160" style="width:45px !important; margin-right:15px;">
					<?php _e('Suggested Height:', 'revslider'); ?>
					<input class="rs-small-input" type="text" name="rs-test-height" value="160" style="width:45px !important;">
				</span>
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>

	<div id="preview-nav-wrapper">
		<div class="rs-editing-preview-overlay"></div>
		<div class="rs-arrows-preview">
			<div class="tp-arrows tp-leftarrow"></div>
			<div class="tp-arrows tp-rightarrow"></div>
		</div>
		<div class="rs-bullets-preview"></div>
		<div class="rs-thumbs-preview"></div>
		<div class="rs-tabs-preview"></div>
	</div>
	
	<!--a class="button-primary revgreen" id="rs-save-navigation-style" href="javascript:void(0);"><i class="rs-icon-save-light"></i><?php _e('Save All Changes','revslider'); ?></a-->
	
	
	<script type="text/javascript">
		var rs_navigations = jQuery.parseJSON(<?php echo RevSliderFunctions::jsonEncodeForClientSide($navigs); ?>) || new Array();

		jQuery(document).ready(function(){
			var rs_current_editing = false;
			var cur_edit_type = false;
			var latest_nav_id = 0;
			var global_navigation_template = wp.template( "rs-navigation-wrap" );
			var global_navigation_template_header = wp.template( "rs-navigation-header-wrap" );
			
			rs_add_all_navigation_entries();
			
			function rs_add_navigation_header(title, type){
				var data = { title: title, type: type };
				
				var content = global_navigation_template_header(data);
				jQuery('.rs-nav-table.tablecontent').append(content);
			}
			
			function rs_add_navigation_element(nav_values, is_new){
				var data = {
					'name': 		nav_values['name'],
					'id':			nav_values['id'],
					'show-arrows':	'none',
					'hide-arrows':	'block',
					'show-bullets':	'none',
					'hide-bullets':	'block',
					'show-thumbs':	'none',
					'hide-thumbs':	'block',
					'show-tabs':	'none',
					'hide-tabs':	'block'
				};
				
				if(typeof(nav_values['css']) !== 'undefined' && nav_values['css'] !== null){
					if(typeof(nav_values['css']['arrows']) !== 'undefined' && nav_values['css']['arrows'] !== null){
						data['hide-arrows'] = 'none';
						data['show-arrows'] = 'block';
					}
					if(typeof(nav_values['css']['bullets']) !== 'undefined' && nav_values['css']['bullets'] !== null){
						data['hide-bullets'] = 'none';
						data['show-bullets'] = 'block';
					}
					if(typeof(nav_values['css']['thumbs']) !== 'undefined' && nav_values['css']['thumbs'] !== null){
						data['hide-thumbs'] = 'none';
						data['show-thumbs'] = 'block';
					}
					if(typeof(nav_values['css']['tabs']) !== 'undefined' && nav_values['css']['tabs'] !== null){
						data['hide-tabs'] = 'none';
						data['show-tabs'] = 'block';
					}
				}
				
				data['has-original'] = false;
				if(typeof(nav_values['settings']) !== 'undefined' && typeof(nav_values['settings']['original']) !== 'undefined'){
					data['has-original'] = true;
				}
				
				data['edit'] = (typeof(nav_values['default']) !== 'undefined' && nav_values['default'] == true) ? false : true;
				data['show_text'] = (typeof(nav_values['default']) !== 'undefined' && nav_values['default'] == true) ? '<?php _e('View', 'revslider'); ?>' : '<?php _e('Edit', 'revslider'); ?>';
				
				var content = global_navigation_template(data);
				
				if(is_new){
					jQuery('.rs-default-t-wrap').before(content);
				}else{
					jQuery('.rs-nav-table.tablecontent').append(content);
				}
				
			}
			
			
			var rs_nav_placeholder = {
				arrows: '<div class="tp-arr-allwrapper">'+"\n\t"+'<div class="tp-arr-iwrapper">'+"\n\t\t"+'<div class="tp-arr-imgholder"></div>'+"\n\t\t"+'<div class="tp-arr-titleholder"></div>'+"\n\t\t"+'<div class="tp-arr-subtitleholder"></div>'+"\n\t"+'</div>'+"\n"+'</div>',
				bullets: '<span class="tp-bullet-image"></span>'+"\n"+'<span class="tp-bullet-title"></span>',
				thumbs: '<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>',
				tabs: '<span class="tp-tab-image"></span><span class="tp-tab-title"></span>'
			};

			var rs_css_placeholder = {
				arrows: '.{{class}}.tparrows {'+"\n\t"+'cursor:pointer;'+"\n\t"+'background:#000;'+"\n\t"+'background:rgba(0,0,0,0.5);'+"\n\t"+'width:40px;'+"\n\t"+'height:40px;'+"\n\t"+'position:absolute;'+"\n\t"+'display:block;'+"\n\t"+'z-index:100;'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows:hover {'+"\n\t"+'background:#000;'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows:before {'+"\n\t"+'font-family: "revicons";'+"\n\t"+'font-size:15px;'+"\n\t"+'color:#fff;'+"\n\t"+'display:block;'+"\n\t"+'line-height: 40px;'+"\n\t"+'text-align: center;'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows.tp-leftarrow:before {'+"\n\t"+'content: "\\e824";'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows.tp-rightarrow:before {'+"\n\t"+'content: "\\e825";'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-allwrapper {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-iwrapper {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-imgholder {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-titleholder {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-subtitleholder {'+"\n"+'}'+"\n",
				arrows_empty:'.{{class}}.tparrows {'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows:hover {'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows:before {'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows.tp-leftarrow:before {'+"\n"+'}'+"\n"+
						'.{{class}}.tparrows.tp-rightarrow:before {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-allwrapper {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-iwrapper {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-imgholder {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-titleholder {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-arr-subtitleholder {'+"\n"+'}'+"\n",


				bullets:'.{{class}}.tp-bullets {'+"\n"+'}'+"\n"+
						'.{{class}}.tp-bullets:before {'+"\n\t"+'content:" ";'+"\n\t"+'position:absolute;'+"\n\t"+'width:100%;'+"\n\t"+'height:100%;'+"\n\t"+'background:#fff;'+"\n\t"+'padding:10px;'+"\n\t"+'margin-left:-10px;margin-top:-10px;'+"\n\t"+'box-sizing:content-box;'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet {'+"\n\t"+'width:12px;'+"\n\t"+'height:12px;'+"\n\t"+'position:absolute;'+"\n\t"+'background:#aaa;'+"\n\t"+'border:3px solid #e5e5e5;'+"\n\t"+'border-radius:50%;'+"\n\t"+'cursor: pointer;'+"\n\t"+'box-sizing:content-box;'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet:hover,'+"\n"+
						'.{{class}} .tp-bullet.selected {'+"\n\t"+'background:#666;'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet-image {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet-title {'+"\n"+'}'+"\n",	
				bullets_empty:'.{{class}}.tp-bullets {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet:hover,'+"\n"+
						'.{{class}} .tp-bullet.selected {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet-image {'+"\n"+'}'+"\n"+
						'.{{class}} .tp-bullet-title {'+"\n"+'}'+"\n",						


				thumbs:'',
				tabs:''
			}

			
			
			var rs_cm_markup_editor = CodeMirror.fromTextArea(document.getElementById("rs-cm-markup"), {
				lineNumbers: true,
				smartIndent:false,
				//lineWrapping:true,
				mode: 'text/html',
				onChange: function(){ rs_cm_modified('markup', rs_cm_markup_editor); drawEditor();},
				onCursorActivity: function() {
				    rs_cm_markup_editor.setLineClass(hlLineM, null, null);
				    hlLineM = rs_cm_markup_editor.setLineClass(rs_cm_markup_editor.getCursor().line, null, "activeline");
  					rs_cm_markup_editor.matchHighlight("CodeMirror-matchhighlight");
				  }


			});
			rs_cm_markup_editor.setSize(null, 600);
			
			var rs_cm_css_editor = CodeMirror.fromTextArea(document.getElementById("rs-cm-css"), {
				lineNumbers: true,
				smartIndent:false,
				//lineWrapping:true,
				mode: 'css',
				onChange: function(){ rs_cm_modified('css', rs_cm_css_editor);drawEditor(); },
				onCursorActivity: function() {
				    rs_cm_css_editor.setLineClass(hlLineC, null, null);
				    hlLineC = rs_cm_css_editor.setLineClass(rs_cm_css_editor.getCursor().line, null, "activeline");
				    rs_cm_css_editor.matchHighlight("CodeMirror-matchhighlight");
				  }
			});


			var hlLineM = rs_cm_markup_editor.setLineClass(0, "activeline"),
				hlLineC = rs_cm_css_editor.setLineClass(0, "activeline");				

			
			//----------------------------------------------------
			// 		DRAW PREVIEW OF NAVIGATION ELEMENTS
			//----------------------------------------------------
			var previewNav = function(sbut,mclass,the_css,the_markup,settings, cur_edit_type) {
				the_css = replace_placeholder_in_css(the_css, mclass, cur_edit_type);
				
				var ap = jQuery('#preview-nav-wrapper .rs-arrows-preview'),
					bp = jQuery('#preview-nav-wrapper .rs-bullets-preview'),
					tabp = jQuery('#preview-nav-wrapper .rs-tabs-preview'),
					thumbp = jQuery('#preview-nav-wrapper .rs-thumbs-preview'),
					sizer = jQuery('#preview-nav-wrapper .little-sizes');
					

				ap.html("");
				bp.html("");
				tabp.html("");
				thumbp.html("");
				
				ap.hide();
				bp.hide();
				tabp.hide();
				thumbp.hide();
				sizer.hide();

				

				if (sbut.hasClass("rs-nav-arrows-edit")) {
					ap.show();		
					var pattern = new RegExp(":hover",'g');			
					
					var t = '<style>'+the_css.replace(pattern,'.fakehover')+'</style>';
					t = t + '<div class="'+mclass+' tparrows tp-leftarrow">'+the_markup+'</div>';
					t = t + '<div class="'+mclass+' tparrows tp-rightarrow">'+the_markup+'</div>';					
					ap.html(t);	
					setTimeout(function() {
						try{ap.find('.tp-rightarrow').addClass("fakehover");} catch(e) {}
					},200);
					
				} else 
				if (sbut.hasClass("rs-nav-bullets-edit")) {
					bp.show();	
					var t = '<style>'+the_css+'</style>';
					t = t + '<div class="'+mclass+' tp-bullets">'
					for (var i=0;i<5;i++) {
						t = t + '<div class="tp-bullet">'+the_markup+'</div>';
					}
					t= t + '</div>';
					bp.html(t);
					var b = bp.find('.tp-bullet').first(),
						bw = b.outerWidth(true),
						bh = b.outerHeight(true),						
						mw = 0;
					bp.find('.tp-bullet').each(function(i) {
						var e = jQuery(this);
						if (i==0) 
							setTimeout(function() {
								try{e.addClass("selected");} catch(e) {}
							},150);
						
						
						var np = i*bw + i*10;
						e.css({left:np+"px"});
						mw = mw + bw + 10;
					})
					mw = mw-10;
					bp.find('.tp-bullets').css({width:mw, height:bh});					
				} else
				if (sbut.hasClass("rs-nav-tabs-edit")) {
					tabp.show();
					var t = '<style>'+the_css+'</style>';
					t = t + '<div class="'+mclass+'"><div class="tp-tab">'+the_markup+'</div></div>';
					tabp.html(t);
					var s = new Object();
					s.w = 160,
					s.h = 160;
					if (settings!="" && settings!=undefined) {							
						if (settings.width!=undefined && settings.width.tabs!=undefined)
							s.w=settings.width.tabs;
						if (settings.height!=undefined && settings.height.tabs!=undefined)
							s.h=settings.height.tabs;
					}
					tabp.find('.tp-tab').each(function(){
						jQuery(this).css({width:s.w+"px",height:s.h+"px"});
					});
					
				} else
				if (sbut.hasClass("rs-nav-thumbs-edit")) {
					thumbp.show();
					var t = '<style>'+the_css+'</style>';
					t = t + '<div class="'+mclass+'"><div class="tp-thumb">'+the_markup+'</div></div>';
					thumbp.html(t);
					var s = new Object();
					s.w = 160,
					s.h = 160;
					if (settings!="" && settings!=undefined) {							
						if (settings.width!=undefined && settings.width.thumbs!=undefined)
							s.w=settings.width.thumbs;
						if (settings.height!=undefined && settings.height.thumbs!=undefined)
							s.h=settings.height.thumbs;
					}
					thumbp.find('.tp-thumb').each(function(){
						jQuery(this).css({width:s.w+"px",height:s.h+"px"});			
					});					
				}

			}

			//----------------------------------------------------
			// 		DRAW PREVIEW OF NAVIGATION ELEMENTS
			//----------------------------------------------------
			var drawEditor = function() {

				var sline = jQuery('.rs-nav-table-row.rs-nav-entry-wrap.selected'),
					sbut = sline.find('a.selected'),
					ap = jQuery('.rs-editing-preview-wrap .rs-arrows-preview'),
					bp = jQuery('.rs-editing-preview-wrap .rs-bullets-preview'),
					tabp = jQuery('.rs-editing-preview-wrap .rs-tabs-preview'),
					thumbp = jQuery('.rs-editing-preview-wrap .rs-thumbs-preview'),
					sizer = jQuery('.rs-editing-preview-wrap .little-sizes'),
					mclass = UniteAdminRev.sanitize_input(jQuery('.rs-nav-table-row.rs-nav-entry-wrap.selected').find('input[name="navigation-name"]').val().toLowerCase());
				
				ap.html("");
				bp.html("");
				tabp.html("");
				thumbp.html("");
				
				ap.hide();
				bp.hide();
				tabp.hide();
				thumbp.hide();
				sizer.hide();

				var cur_css = rs_cm_css_editor.getValue();
				cur_css = replace_placeholder_in_css(cur_css, mclass);

				
				
				if (sbut.hasClass("rs-nav-arrows-edit")) {
					ap.show();					
					var t = '<style>'+cur_css+'</style>';
					t = t + '<div class="'+mclass+' tparrows tp-leftarrow">'+rs_cm_markup_editor.getValue()+'</div>';
					t = t + '<div class="'+mclass+' tparrows tp-rightarrow">'+rs_cm_markup_editor.getValue()+'</div>';
					ap.html(t);	
				} else 
				if (sbut.hasClass("rs-nav-bullets-edit")) {
					bp.show();	
					var t = '<style>'+cur_css+'</style>';
					t = t + '<div class="'+mclass+' tp-bullets">'
					for (var i=0;i<5;i++) {
						t = t + '<div class="tp-bullet">'+rs_cm_markup_editor.getValue()+'</div>';
					}
					t= t + '</div>';
					bp.html(t);
					var b = bp.find('.tp-bullet').first(),
						bw = b.outerWidth(true),
						bh = b.outerHeight(true),						
						mw = 0;
					bp.find('.tp-bullet').each(function(i) {
						jQuery(this).click(function() {
							bp.find('.tp-bullet').removeClass("selected");
							jQuery(this).addClass("selected");
						})
						var np = i*bw + i*10;
						jQuery(this).css({left:np+"px"});
						mw = mw + bw + 10;
					})
					mw = mw-10;
					bp.find('.tp-bullets').css({width:mw, height:bh});					
				} else
				if (sbut.hasClass("rs-nav-tabs-edit")) {
					tabp.show();
					var t = '<style>'+cur_css+'</style>';
					t = t + '<div class="'+mclass+'"><div class="tp-tab">'+rs_cm_markup_editor.getValue()+'</div></div>';
					tabp.html(t);
					changeTabThumbSize();
					sizer.show();
				} else
				if (sbut.hasClass("rs-nav-thumbs-edit")) {
					thumbp.show();
					var t = '<style>'+cur_css+'</style>';
					t = t + '<div class="'+mclass+'"><div class="tp-thumb">'+rs_cm_markup_editor.getValue()+'</div></div>';
					thumbp.html(t);
					sizer.show();
					changeTabThumbSize();					
				}

			}

			jQuery('input[name="rs-test-width"]').on("change",changeTabThumbSize);
			jQuery('input[name="rs-test-height"]').on("change",changeTabThumbSize);

			


			function changeTabThumbSize() {				
				var tabp = tabp = jQuery('.rs-tabs-preview'),
					thumbp = jQuery('.rs-thumbs-preview');
				tabp.find('.tp-tab').css({width:jQuery('input[name="rs-test-width"]').val(), height:jQuery('input[name="rs-test-height"]').val()});
				thumbp.find('.tp-thumb').css({width:jQuery('input[name="rs-test-width"]').val(), height:jQuery('input[name="rs-test-height"]').val()});
			}

			rs_cm_css_editor.setSize(null, 600);
			
			function rs_cm_modified(add_to, editor){												
				if(rs_current_editing !== false && cur_edit_type !== false){
					for(var key in rs_navigations){
						if(rs_navigations[key]['id'] == rs_current_editing){							
							rs_navigations[key][add_to][cur_edit_type] = editor.getValue();
							break;
						}
					}
				}
			}

			// COLLAPSE UL ON CLICK
			jQuery('body').on('click','.rs-editing-wrapper h4 .libtn',function() {
				var _t = jQuery(this),
					hw = _t.closest('.helper-wrappers'),
					ul = hw.find('ul.collapsable');
				
				ul.addClass("infocus");
				jQuery('.rs-editing-wrapper ul.collapsable').each(function() {
					var ul = jQuery(this),
						hw = ul.closest('.helper-wrappers');
					if (!ul.hasClass("infocus") && hw.hasClass("rea-open")) {
						ul.slideUp(100);
						hw.removeClass("rea-open")
					}
				});
				
				if (hw.hasClass("rea-open")) {
					ul.slideUp(100);
					hw.removeClass("rea-open");
				} else {
					ul.slideDown(100);
					hw.addClass("rea-open");
				}
				ul.removeClass("infocus");
			});
			
			var rs_replace = function(str, find, replace) {
				return str.replace(new RegExp(find, 'g'), replace);
			}

			
			function convertAnytoRGBorRGBA(a,c) {
				if (a==="color" || a==="color-rgba") {						
					if (c.indexOf("rgb")>=0) {
						c = c.split('(')[1].split(")")[0];
					}
					else{							
						c = UniteAdminRev.convertHexToRGB(c);
						c = c[0]+","+c[1]+","+c[2];
						
					}

					if (a==="color-rgba" && c.split(",").length<4) c = c+",1";						
					
				}
				return c;
			}
			
			
			/**
			 * Default navigations have a different handle, replace them for the preview
			 **/
			var return_true_handle = function(css_handle){
				
				var def = {
					'hesperiden': 'round',
					'gyges': 'navbar',
					'hades': 'preview1',
					'ares': 'preview2',
					'hebe': 'preview3',
					'hermes': 'preview4',
					'hephaistos': 'round-old',
					'persephone': 'square-old',
					'erinyen': 'navbar-old'
				};
				css_handle = (def[css_handle] !== undefined) ? def[css_handle] : css_handle;
				
				
				return css_handle;
			}
			
			
			var replace_placeholder_in_css = function(css, css_handle, nav_type){
				if(nav_type === undefined){
					var nav_type = rs_get_current_nav_type();
				}
				
				css_handle = return_true_handle(css_handle);
				
				for(var key in rs_navigations){
					if(rs_navigations[key]['handle'] != css_handle) continue;
					
					
					
					if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
						if(rs_navigations[key]['settings']['placeholders'] == undefined) return css;
					}
					
					for(var phkey in rs_navigations[key]['settings']['placeholders']){
						if(rs_navigations[key]['settings']['placeholders'][phkey]['nav-type'] !== nav_type) continue;
						var d = rs_navigations[key]['settings']['placeholders'][phkey];
						
						switch(d['type']){
							case 'color':			

								css = rs_replace(css, '##'+d['handle']+'##', convertAnytoRGBorRGBA('color',d['data']['color']));
							break;
							case 'color-rgba':
								css = rs_replace(css, '##'+d['handle']+'##', convertAnytoRGBorRGBA('color-rgba',d['data']['color-rgba']));								
							break;
							case 'font-family':
								css = rs_replace(css, '##'+d['handle']+'##', d['data'].font_family);
							break;
							case 'custom':
								css = rs_replace(css, '##'+d['handle']+'##', d['data'].custom);
								break;
							default:
								//return false;
							break;
						}
						
					}
					
				}
				
				return css;
			}
			
			jQuery('body').on('click', '.rs-nav-arrows-edit, .rs-nav-bullets-edit, .rs-nav-thumbs-edit, .rs-nav-tabs-edit', function(){
				var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', ''),
					edit_title = jQuery(this).closest('.rs-nav-table-row').find('input[name="navigation-name"]').val(),
					cur_edit = {};
				
				for(var key in rs_navigations){
					if(rs_navigations[key]['id'] == nav_id){
						cur_edit = jQuery.extend(true, {}, rs_navigations[key]);
						break;
					}
				}
				
				jQuery('#reset-markup-arrow').hide();				
				jQuery('#reset-markup-bullets').hide();
				jQuery('#reset-markup-tabs').hide();
				jQuery('#reset-markup-thumbs').hide();

				jQuery('#reset-css-arrow').hide();				
				jQuery('#reset-css-bullets').hide();
				jQuery('#reset-css-tabs').hide();
				jQuery('#reset-css-thumbs').hide();
				jQuery('#reset-css-arrow-empty').hide();				
				jQuery('#reset-css-bullets-empty').hide();
				jQuery('#reset-css-tabs-empty').hide();
				jQuery('#reset-css-thumbs-empty').hide();

				if(jQuery.isEmptyObject(cur_edit)) return false;
				
				
				if(jQuery(this).hasClass('rs-nav-arrows-edit')){
					edit_title += ' - ' + rev_lang.arrows;					
					cur_edit_type = 'arrows';
					jQuery('#reset-markup-arrow').show();
					jQuery('#reset-css-arrow').show();					
					jQuery('#reset-css-arrow-empty').show();					
				}else if(jQuery(this).hasClass('rs-nav-bullets-edit')){
					edit_title += ' - ' + rev_lang.bullets;
					cur_edit_type = 'bullets';
					jQuery('#reset-markup-bullets').show();
					jQuery('#reset-css-bullets').show();
					jQuery('#reset-css-bullets-empty').show();
				}else if(jQuery(this).hasClass('rs-nav-thumbs-edit')){
					edit_title += ' - ' + rev_lang.thumbnails;
					cur_edit_type = 'thumbs';
					jQuery('#reset-markup-thumbs').show();
					jQuery('#reset-css-thumbs').show();
					jQuery('#reset-css-thumbs-empty').show();
				}else if(jQuery(this).hasClass('rs-nav-tabs-edit')){
					edit_title += ' - ' + rev_lang.tabs;
					cur_edit_type = 'tabs';
					jQuery('#reset-markup-tabs').show();
					jQuery('#reset-css-tabs').show();
					jQuery('#reset-css-tabs-empty').show();
				}else{
					return false;
				}


				
				var the_css = (typeof(cur_edit['css']) !== 'undefined' && cur_edit['css'] !== null && typeof(cur_edit['css'][cur_edit_type]) !== 'undefined') ? cur_edit['css'][cur_edit_type] : '';
				var the_markup = (typeof(cur_edit['markup']) !== 'undefined' && cur_edit['markup'] !== null && typeof(cur_edit['markup'][cur_edit_type]) !== 'undefined') ? cur_edit['markup'][cur_edit_type] : rs_nav_placeholder[cur_edit_type];
				
				
				if(cur_edit['css'] == null) cur_edit['css'] = {};
				if(cur_edit['markup'] == null) cur_edit['markup'] = {};
				
				if((typeof(cur_edit['css']) == 'undefined' || typeof(cur_edit['css'][cur_edit_type]) == 'undefined') || (typeof(cur_edit['markup']) == 'undefined' || typeof(cur_edit['markup'][cur_edit_type]) == 'undefined')){
					if(typeof(cur_edit.default) !== 'undefined' && cur_edit.default == true) return false;
					
					if(!confirm(rev_lang.create_this_nav_element)){
						return false;
					}else{
						if(rs_navigations[key]['css'] == null) rs_navigations[key]['css'] = {};
						if(rs_navigations[key]['markup'] == null) rs_navigations[key]['markup'] = {};
						rs_navigations[key]['css'][cur_edit_type] = the_css;
						rs_navigations[key]['markup'][cur_edit_type] = the_markup;
						rs_navigations[key]['settings']['width'] = {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"};
						rs_navigations[key]['settings']['height'] = {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"};
						
						jQuery(this).find('.rs-edit-nav').show();
						jQuery(this).find('.rs-edit-cancel-nav').hide();
					}
				}
				
				
				jQuery('.rs-nav-table-row').removeClass('selected');
				jQuery('.rs-nav-table-row').find('*').removeClass('selected');
				
				jQuery(this).closest('.rs-nav-table-row').addClass('selected');
				jQuery(this).closest('.rs-nav-table-cell').addClass('selected');
				
				jQuery(this).addClass('selected');
				
				jQuery('.rs-editing-wrapper').show();
				jQuery('.rs-nav-editing-title').text(edit_title);
				
				rs_current_editing = nav_id;
				
				rs_cm_css_editor.setValue(the_css);
				rs_cm_markup_editor.setValue(the_markup);
				
				rs_cm_css_editor.refresh();
				rs_cm_markup_editor.refresh();
				
				cur_edit.settings = cur_edit.settings === undefined || typeof(cur_edit.settings) === 'string' ? {width: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}, height: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}} : cur_edit.settings;
				cur_edit.settings.width = cur_edit.settings.width === undefined || typeof(cur_edit.settings.width) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : cur_edit.settings.width;
				cur_edit.settings.height = cur_edit.settings.height === undefined || typeof(cur_edit.settings.height) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : cur_edit.settings.height;
				
				cur_edit.settings.width[cur_edit_type] = cur_edit.settings.width[cur_edit_type] === undefined ? "160" : cur_edit.settings.width[cur_edit_type];
				cur_edit.settings.height[cur_edit_type] = cur_edit.settings.height[cur_edit_type] === undefined ? "160" : cur_edit.settings.height[cur_edit_type];
				
				jQuery('input[name="rs-test-width"]').val(cur_edit.settings.width[cur_edit_type]);
				jQuery('input[name="rs-test-height"]').val(cur_edit.settings.height[cur_edit_type]);
				
				drawEditor();
				jQuery('.rs-markup-selector').click();
				setCMSize();
				
				if(typeof(cur_edit.default) !== 'undefined' && cur_edit.default == true){ //disable both editors
					rs_cm_css_editor.setOption("readOnly", true);
					rs_cm_markup_editor.setOption("readOnly", true);
				}else{ //enable both editors
					rs_cm_css_editor.setOption("readOnly", false);
					rs_cm_markup_editor.setOption("readOnly", false);
				}
				
				
				remove_placeholder();
				add_placeholder(cur_edit);
				
			});
			
			var remove_placeholder = function(){
				jQuery('#rs-placeholder-container li').each(function(){
					if(!jQuery(this).hasClass('rs-always-stay')){
						jQuery(this).remove();
					}
				});
			}
			
			var add_placeholder = function(cur_edit){
				//add placeholder to CSS if they exist
				if(cur_edit.settings !== undefined && cur_edit.settings.placeholders !== undefined){
					var nav_type = rs_get_current_nav_type();
					
					for(var key in cur_edit.settings.placeholders){
						
						if(cur_edit.settings.placeholders[key]['nav-type'] != nav_type) continue;
						
						//add to list
						var ph_title = '';
						switch(cur_edit.settings.placeholders[key]['type']){
							case 'color':
								ph_title = '<?php _e('Color', 'revslider'); ?>';
							break;
							case 'color-rgba':
								ph_title = '<?php _e('Color-RGBA', 'revslider'); ?>';
							break;
							case 'font-family':
								ph_title = '<?php _e('Font Family', 'revslider'); ?>';
							break;
							case 'custom':
								ph_title = '<?php _e('Custom', 'revslider'); ?>';
							break;
							default:
								continue;
							break;
						}
						
						jQuery('#rs-placeholder-container').prepend('<li data-placeholder="##'+cur_edit.settings.placeholders[key]['handle']+'##"><span class="rs-placeholder-title">'+cur_edit.settings.placeholders[key]['title']+'</span><a href="javascript:void(0);" class="rs-add-placeholder"><i class="eg-icon-plus"></i></a><a href="javascript:void(0);" class="rs-edit-placeholder"><i class="eg-icon-cog"></i></a><a href="javascript:void(0);" class="rs-remove-placeholder"><i class="eg-icon-trash"></i></a></li>');
					}
				}
			}
			
			
			jQuery('body').on('click', '.rs-edit-placeholder', function(){
				var placeholder = jQuery(this).closest('li').data('placeholder').replace(/#/g, '');
				var cur_id = rs_nav_get_selected_id();
				var nav_type = rs_get_current_nav_type();
				
				for(var key in rs_navigations){
					if(rs_navigations[key]['id'] != cur_id) continue;
					
					if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
						if(rs_navigations[key]['settings']['placeholders'] == undefined) rs_navigations[key]['settings']['placeholders'] = [];
					}
					
					for(var phkey in rs_navigations[key]['settings']['placeholders']){
						if(rs_navigations[key]['settings']['placeholders'][phkey]['nav-type'] !== nav_type) continue;
						
						if(rs_navigations[key]['settings']['placeholders'][phkey]['handle'] == placeholder){
							
							rs_open_placeholder_dialog(rs_navigations[key]['settings']['placeholders'][phkey], phkey, key);
							
							return true;
						}
					}
					
				}
				
				alert('<?php _e('Entry not found', 'revslider'); ?>');
			});
			
			
			jQuery('body').on('click', '.rs-remove-placeholder', function(){
				if(confirm('<?php _e('Delete this Placeholder?', 'revslider'); ?>')){
					var placeholder = jQuery(this).closest('li').data('placeholder').replace(/#/g, '');
					var cur_id = rs_nav_get_selected_id();
					var nav_type = rs_get_current_nav_type();
					
					for(var key in rs_navigations){
						if(rs_navigations[key]['id'] != cur_id) continue;
						
						if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
							if(rs_navigations[key]['settings']['placeholders'] == undefined) rs_navigations[key]['settings']['placeholders'] = [];
						}
						for(var phkey in rs_navigations[key]['settings']['placeholders']){
							
							if(rs_navigations[key]['settings']['placeholders'][phkey]['nav-type'] !== nav_type) continue;
							
							if(rs_navigations[key]['settings']['placeholders'][phkey]['handle'] == placeholder){
								delete(rs_navigations[key]['settings']['placeholders'][phkey]);
								
								remove_placeholder();
								add_placeholder(rs_navigations[key]);
				
								return true;
							}
						}
						
					}
					
					alert('<?php _e('Could not delete, entry not found', 'revslider'); ?>');
				}
			});
			
			jQuery('body').on('click', '#rs-placeholder-container li .rs-add-placeholder', function(){
				if(rs_check_if_default_nav()) return false;
				if(jQuery(this).closest('li').data('placeholder') == undefined) return false;
				
				var css = jQuery(this).closest('li').data('placeholder');
				
				rs_cm_css_editor.replaceSelection(css+"\n","end");
			});


			// SHOW ELEMENT ON HOVER
			jQuery('body').on('mouseenter', '.rs-nav-arrows-edit, .rs-nav-bullets-edit, .rs-nav-thumbs-edit, .rs-nav-tabs-edit', function(){
				var e = jQuery(this),
					nav_id = e.closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', ''),
					edit_title = e.closest('.rs-nav-table-row').find('input[name="navigation-name"]').val(),
					cur_edit = {};
					
				for(var key in rs_navigations){
					if(rs_navigations[key]['id'] == nav_id){
						cur_edit = jQuery.extend(true, {}, rs_navigations[key]);
						break;
					}
				}
				var cur_edit_type="";

				if(e.hasClass('rs-nav-arrows-edit')){					
					cur_edit_type = 'arrows';					
				}else if(e.hasClass('rs-nav-bullets-edit')){
					cur_edit_type = 'bullets';					
				}else if(e.hasClass('rs-nav-thumbs-edit')){					
					cur_edit_type = 'thumbs';					
				}else if(e.hasClass('rs-nav-tabs-edit')){					
					cur_edit_type = 'tabs';					
				}else{
					return false;
				}
				
				var the_css = (typeof(cur_edit['css']) !== 'undefined' && cur_edit['css'] !== null && typeof(cur_edit['css'][cur_edit_type]) !== 'undefined') ? cur_edit['css'][cur_edit_type] : '',
					the_markup = (typeof(cur_edit['markup']) !== 'undefined' && cur_edit['markup'] !== null && typeof(cur_edit['markup'][cur_edit_type]) !== 'undefined') ? cur_edit['markup'][cur_edit_type] : rs_nav_placeholder[cur_edit_type],
					sline = e.closest('.rs-nav-table-row.rs-nav-entry-wrap'),
					settings = (typeof(cur_edit['settings']) !== 'undefined' && cur_edit['settings'] !== null) ? cur_edit['settings'] : "",				
					mclass = UniteAdminRev.sanitize_input(sline.find('input[name="navigation-name"]').val().toLowerCase());
				
				if(cur_edit['css'] == null) return false;
				if(cur_edit['markup'] == null) return false;

				previewNav(e,mclass,the_css,the_markup,settings, cur_edit_type);
				var pos = e.offset(),
					pp =jQuery('#viewWrapper').offset(),
					ll = pos.left-pp.left,
					tt = pos.top-pp.top+65;
				punchgs.TweenLite.set(jQuery('#preview-nav-wrapper'),{top:tt,left:ll,autoAlpha:1,overwrite:"all"});
				
			});
			jQuery('body').on('mouseleave', '.rs-nav-arrows-edit, .rs-nav-bullets-edit, .rs-nav-thumbs-edit, .rs-nav-tabs-edit', function(e){
				punchgs.TweenLite.set(jQuery('#preview-nav-wrapper'),{autoAlpha:0});
			});
			
			
			jQuery('.rs-markup-selector').click(function(){
				jQuery('.rs-markup-wrapper').show();
				jQuery('.rs-css-wrapper').hide();
				jQuery(this).addClass('open');
				jQuery('.rs-css-selector').removeClass('open');
				rs_cm_markup_editor.refresh();
				setCMSize();
			});
			
			jQuery('.rs-css-selector').click(function(){
				jQuery('.rs-css-wrapper').show();
				jQuery('.rs-markup-wrapper').hide();
				jQuery(this).addClass('open');
				jQuery('.rs-markup-selector').removeClass('open');
				rs_cm_css_editor.refresh();
				setCMSize();
			});
			
			
			jQuery('.rs-element-list li .libtn').click(function(){
				
				if(rs_check_if_default_nav()) return false;
				
				var li = jQuery(this).parent(),
					call = li.data('call'),
					ins = li.data('insert'),
					edit_title = UniteAdminRev.sanitize_input(jQuery('.rs-nav-table-row.rs-nav-entry-wrap.selected').find('input[name="navigation-name"]').val().toLowerCase());



				if (call!=='params_markup' && call!=='params_special')
					jQuery('.rs-element-add').slideUp(100);
				//rs_cm_markup_editor.replaceSelection(rs_nav_placeholder['arrows'],"end");

				if (call==='arrows_markup')
					rs_cm_markup_editor.setValue(rs_nav_placeholder['arrows']);
				else
				if (call==='bullets_markup') 
					rs_cm_markup_editor.setValue(rs_nav_placeholder['bullets']);
				else
				if (call==='thumbs_markup')
					rs_cm_markup_editor.setValue(rs_nav_placeholder['thumbs']);
				else
				if (call==='tabs_markup')
					rs_cm_markup_editor.setValue(rs_nav_placeholder['tabs']);
				else
				if (call==='arrows_css') 
					rs_cm_css_editor.setValue(rs_css_placeholder['arrows'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
				else
				if (call==='arrows_css_empty') 
					rs_cm_css_editor.setValue(rs_css_placeholder['arrows_empty'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
				else
				if (call==='bullets_css') 
					rs_cm_css_editor.setValue(rs_css_placeholder['bullets'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
				else
				if (call==='bullets_css_empty') 
					rs_cm_css_editor.setValue(rs_css_placeholder['bullets_empty'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
				
				else
				if (call==='params_markup')
					rs_cm_markup_editor.replaceSelection('{{param'+li.data('paramid')+'}}',"end");
				else
				if (call==='params_special')
					rs_cm_markup_editor.replaceSelection('{{'+li.data('paramid')+'}}',"end");
				else {										
						var add = false;
						if (!li.hasClass("rea-open")) {
							li.find('.rs-element-add').slideDown(100);
							add = true;
						} 
						jQuery('.rs-element-list li').removeClass("rea-open");
						if (add) li.addClass("rea-open");
				}
				
			});


			
			
			
			
			jQuery('.my-color-field').tpColorPicker({mode:"single"});
			jQuery('.bg-color-field').tpColorPicker({
				mode:"single",
				change:function() {
					jQuery('.rs-editing-preview-overlay').css({backgroundColor:window.RevColor.get(jQuery('#rs-preview-color-changer').val())})		
				}
			});

			jQuery('input[name="rs-test-width"], input[name="rs-test-height"]').change(function(){
				if(rs_check_if_default_nav()) return false;
				
				if(rs_current_editing !== false && cur_edit_type !== false){
					for(var key in rs_navigations){
						if(rs_navigations[key]['id'] == rs_current_editing){
							if(typeof(rs_navigations[key]['settings']) == 'undefined' || typeof(rs_navigations[key]['settings']) == 'string') rs_navigations[key]['settings'] = {};
							rs_navigations[key]['settings'] = rs_navigations[key]['settings'] === undefined || typeof(rs_navigations[key]['settings']) === 'string' ? {width: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}, height: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}} : rs_navigations[key]['settings'];
							
							rs_navigations[key]['settings'].width = rs_navigations[key]['settings'].width === undefined || typeof(rs_navigations[key]['settings'].width) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : rs_navigations[key]['settings'].width;
							rs_navigations[key]['settings'].height = rs_navigations[key]['settings'].height === undefined || typeof(rs_navigations[key]['settings'].height) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : rs_navigations[key]['settings'].height;
							
							rs_navigations[key]['settings']['height'][cur_edit_type] = parseInt(jQuery('input[name="rs-test-height"]').val());
							rs_navigations[key]['settings']['width'][cur_edit_type] = parseInt(jQuery('input[name="rs-test-width"]').val());
							break;
						}
					}
				}
			});
			
			jQuery('#rs-save-navigation-style').click(function(){
				
				var marr = [];
				
				for(var key in rs_navigations){
					if(rs_navigations[key].default !== true) marr.push(rs_navigations[key]);
				}
				UniteAdminRev.ajaxRequest('change_navigations', marr, function(data){
					var cur_id = rs_nav_get_selected_id();
					if(cur_id !== false)
						var cur_type = rs_nav_get_selected_nav_type(cur_id);
					
					if(data.success == true){
						rs_navigations = data.navs;
				
						//rebuild all entries
						jQuery('.rs-nav-entry-wrap').remove();
						
						latest_nav_id = 0;
						
						rs_add_all_navigation_entries();
					}
					
					rs_nav_unselect_all();
					
					if(cur_id !== false)
						rs_nav_select_by_id(cur_id, cur_type);
				});
			});
			
			
			jQuery('body').on('click', '.rs-nav-reset', function(){
				if(confirm(rev_lang.this_will_reset_navigation)){
					var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
					for(var key in rs_navigations){
						if(rs_navigations[key]['id'] != nav_id) continue;
						
						if(typeof(rs_navigations[key]['settings']) !== 'undefined' && typeof(rs_navigations[key]['settings']['original']) !== 'undefined'){
							rs_navigations[key]['css'] = {};
							if(typeof(rs_navigations[key]['settings']['original']['css']) !== 'undefined'){
								for(var ckey in rs_navigations[key]['settings']['original']['css']){
									rs_navigations[key]['css'][ckey] = rs_navigations[key]['settings']['original']['css'][ckey];
								}
							}
							
							rs_navigations[key]['markup'] = {};
							if(typeof(rs_navigations[key]['settings']['original']['markup']) !== 'undefined'){
								for(var ckey in rs_navigations[key]['settings']['original']['markup']){
									rs_navigations[key]['markup'][ckey] = rs_navigations[key]['settings']['original']['markup'][ckey];
								}
							}
						}
					}
					
					//refresh all elements in editor
					var cur_id = rs_nav_get_selected_id();
					if(cur_id !== false)
						var cur_type = rs_nav_get_selected_nav_type(cur_id);
			
					jQuery('.rs-nav-entry-wrap').remove();
					latest_nav_id = 0;
					
					rs_add_all_navigation_entries();
					
					rs_nav_unselect_all();
					
					if(cur_id !== false)
						rs_nav_select_by_id(cur_id, cur_type);
				}
			});
			
			
			jQuery('body').on('click', '.rs-nav-delete', function(){
				var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
				if(confirm(rev_lang.delete_navigation)){
					
					for(var key in rs_navigations){
						if(rs_navigations[key]['id'] != nav_id) continue;

						if(typeof(rs_navigations[key]['new']) !== 'undefined' && rs_navigations[key]['new'] == true){
							delete rs_navigations[key];
							
							jQuery('#rs-nav-table-'+nav_id).remove();
							
							rs_nav_unselect_all();
							
							return true;
						}
					}

					UniteAdminRev.ajaxRequest('delete_navigation', nav_id, function(data){
						if(data.success == true){
							for(var key in rs_navigations){
								if(rs_navigations[key]['id'] != nav_id) continue;
								
								delete rs_navigations[key];
								break;
							}
							jQuery('#rs-nav-table-'+nav_id).remove();
							
							rs_nav_unselect_all();
						}
					});
					
				}
			});
			
			
			jQuery('body').on('click', '.rs-nav-duplicate',function(){
				var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
				
				latest_nav_id++;
				
				for(var key in rs_navigations){
					if(rs_navigations[key]['id'] == nav_id){
						var the_copy = jQuery.extend(true, the_copy, rs_navigations[key]);
						the_copy['id'] = latest_nav_id;
						the_copy['name'] += '-'+latest_nav_id;
						the_copy['handle'] += '-'+latest_nav_id;
						
						if(rs_check_if_default_nav(nav_id)){
							delete(the_copy['default']);
						}
						if(typeof(the_copy['settings']) === 'undefined' || the_copy['settings'] == '' || the_copy['settings'] == null) the_copy['settings'] = {};
						
						the_copy['settings']['original'] = {css:{},markup:{}};
						the_copy['settings']['original']['css'] = rs_navigations[key]['css'];
						
						var re = new RegExp('.'+rs_navigations[key]['name'].toLowerCase(), 'g'); //for defaults
						//var re2 = new RegExp('.'+ += '-'+latest_nav_id;, 'g'); //for custom 
						for(var t in the_copy['css']){ 
							the_copy['css'][t] = the_copy['css'][t].replace(re, '.'+the_copy['name'].toLowerCase()).toLowerCase();
							//the_copy['css'][t] = the_copy['css'][t].replace(re2, '.'+the_copy['handle'].toLowerCase()).toLowerCase();
						}
						
						the_copy['settings']['original']['markup'] = rs_navigations[key]['markup'];
						
						rs_add_navigation_element(the_copy, true);
						
						the_copy['new'] = true;
						
						rs_navigations.push(the_copy);
						
						break;
					}
				}
				
			});
			
			var updateNavName = function() {
				var inp = jQuery(".focused-navname"),
					cell = inp.closest('.rs-nav-table-row.rs-nav-entry-wrap'),
					curselected = cell.hasClass("selected"),
					updated = false,
					nav_id = inp.closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', ''),
					name = inp.val(),
					name_handle = UniteAdminRev.sanitize_input(name).toLowerCase();
				 jQuery(".focused-navname").removeClass("focused-navname")
				if(name_handle.length < 3){
					alert(rev_lang.name_too_short_sanitize_3);
					return false;
				}
				
				for(var key in rs_navigations){
					if(rs_navigations[key]['id'] == nav_id){
						updated = key;						
						continue;
					}
					if(rs_navigations[key]['name'] == name){
						alert(rev_lang.nav_name_already_exists);
						return false;
					}
				}
				
				if(updated !== false){
					var oldname = rs_navigations[updated]['handle'],
						oldname_b = rs_navigations[updated]['name'];
					rs_navigations[updated]['name'] = name;
					rs_navigations[updated]['handle'] = name_handle;
					var regex = new RegExp("\\."+oldname+"|."+oldname_b,"gi");
						

					if (curselected) {
						var el = cell.find('.selected .selected');
						el = el.hasClass('rs-nav-bullets-edit') ? "bullets" : el.hasClass('rs-nav-arrows-edit') ? "arrows" : el.hasClass('rs-nav-thumbs-edit') ? "thumbs" : el.hasClass('rs-nav-tabs-edit') ? "tabs" : "none";
						if (el!=="none") {
							rs_cm_css_editor.setValue(rs_cm_css_editor.getValue().replace(regex,"."+name_handle));
							rs_cm_markup_editor.setValue(rs_cm_markup_editor.getValue().replace(regex,"."+name_handle));
						}
					}
					
					if (rs_navigations[updated].css.arrows) rs_navigations[updated].css.arrows = rs_navigations[updated].css.arrows.replace(regex,"."+name_handle);
					if (rs_navigations[updated].markup.arrows) rs_navigations[updated].markup.arrows = rs_navigations[updated].markup.arrows.replace(regex,"."+name_handle);
				
					if (rs_navigations[updated].css.bullets) rs_navigations[updated].css.bullets = rs_navigations[updated].css.bullets.replace(regex,"."+name_handle);
					if (rs_navigations[updated].markup.bullets) rs_navigations[updated].markup.bullets = rs_navigations[updated].markup.bullets.replace(regex,"."+name_handle);
				
					if (rs_navigations[updated].css.thumbs) rs_navigations[updated].css.thumbs = rs_navigations[updated].css.thumbs.replace(regex,"."+name_handle);
					if (rs_navigations[updated].markup.thumbs) rs_navigations[updated].markup.thumbs = rs_navigations[updated].markup.thumbs.replace(regex,"."+name_handle);
				
					if (rs_navigations[updated].css.tabs) rs_navigations[updated].css.tabs = rs_navigations[updated].css.tabs.replace(regex,"."+name_handle);
					if (rs_navigations[updated].markup.tabs) rs_navigations[updated].markup.tabs = rs_navigations[updated].markup.tabs.replace(regex,"."+name_handle);
					

					jQuery(this).parent().siblings('.rs-nav-name-wrap').find('.rs-nav-name-text').text(rs_navigations[updated]['name']);				
					jQuery(this).parent().siblings('.rs-nav-name-wrap').show();
					jQuery(this).parent().hide();
				}else{
					alert(rev_lang.could_not_update_nav_name);
				}
			}
			
			jQuery('body').on('click', '.rs-nav-name-wrap', function(){
				//check if this is a default
				var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
				if(rs_check_if_default_nav(nav_id)) return false;				
				jQuery(this).siblings('.rs-nav-name-edit-wrap').show().find('input').focus();				
				jQuery(this).hide();				
			});			
			
			jQuery('body').on('click', '.rs-edit-navigation-name', updateNavName);
			jQuery('body').on('focus','input[name="navigation-name"]',function() {
				jQuery(this).addClass("focused-navname");
			});
			jQuery('body').on('blur','input[name="navigation-name"]',updateNavName);
			
			
			jQuery('body').on('click', '.rs-nav-save', function(){
				var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');

				for(var key in rs_navigations){
					if(rs_navigations[key]['id'] == nav_id){
						UniteAdminRev.ajaxRequest('change_specific_navigation', rs_navigations[key], function(data){
							var cur_id = rs_nav_get_selected_id();
							if(cur_id !== false)
								var cur_type = rs_nav_get_selected_nav_type(cur_id);
							
							if(data.success == true){
								rs_navigations = data.navs;
						
								//rebuild all entries
								jQuery('.rs-nav-entry-wrap').remove();
								
								latest_nav_id = 0;
								
								rs_add_all_navigation_entries();
							}
							
							rs_nav_unselect_all();
							
							if(cur_id !== false)
								rs_nav_select_by_id(cur_id, cur_type);
						});
						break;
					}
				}
				
			});
			
			jQuery('body').on('click', '.rs-remove-nav-element', function(){
				if(rs_current_editing === false) return false;
				
				if(confirm(rev_lang.remove_nav_element)){
					for(var key in rs_navigations){
						if(rs_navigations[key]['id'] == rs_current_editing){
							delete rs_navigations[key]['css'][cur_edit_type];
							delete rs_navigations[key]['markup'][cur_edit_type];
							rs_nav_unselect_all();
							
							break;
						}
					}
				}
			});
			
			
			function rs_nav_get_selected_id(){
				var curselel = jQuery('.rs-nav-entry-wrap.selected');
				if(curselel.length == 0) return false;
				var cur_id = curselel.attr('id').replace('rs-nav-table-','');
				return cur_id;
			}
			
			function rs_nav_get_selected_nav_type(nav_id){
				var nav_el = jQuery('#rs-nav-table-'+nav_id);
				return nav_el.find('.rs-nav-table-cell.selected .selected').attr('class').replace('selected', '');
			}
			
			function rs_nav_select_by_id(nav_id, nav_type){
				var found = false;
				jQuery('#rs-nav-table-'+nav_id).find('.'+nav_type).click();
			}
			
			function rs_nav_unselect_all(){
				rs_current_editing = false;
				cur_edit_type = false;
				
				jQuery('.rs-nav-table-row').removeClass('selected');
				jQuery('.rs-nav-table-cell').each(function(){
					if(jQuery(this).hasClass('selected')){
						jQuery(this).find('.rs-edit-nav').hide();
						jQuery(this).find('.rs-edit-cancel-nav').show();
					}
					jQuery(this).removeClass('selected');
				});
				jQuery('.rs-nav-table-row').find('*').removeClass('selected');
				
				jQuery('.rs-editing-wrapper').hide();
			}
			
			
			function rs_check_if_default_nav(check_id){
				var check_for = (check_id !== undefined) ? check_id : rs_current_editing;
				
				if(check_for !== false){
					for(var key in rs_navigations){
						if(rs_navigations[key]['id'] == check_for){
							if(typeof(rs_navigations[key]['default']) !== 'undefined' && rs_navigations[key]['default'] == true) return true;
						}
					}
				}
				return false;
			}
			
			function rs_add_all_navigation_entries(){
				rs_add_navigation_header('<?php _e('Custom Navigations', 'revslider'); ?>', 'rs-custom-t-wrap');
				
				for(var i = 1; i<=2; i++){
					if(i === 2) rs_add_navigation_header('<?php _e('Default Navigations', 'revslider'); ?>', 'rs-default-t-wrap');
					
					for(var key in rs_navigations){
						if(i === 1){
							if(typeof(rs_navigations[key]['default']) !== 'undefined') continue;
						}else{
							if(typeof(rs_navigations[key]['default']) === 'undefined') continue;
						}
						
						if(parseInt(rs_navigations[key]['id']) > parseInt(latest_nav_id) && parseInt(rs_navigations[key]['id']) < 5000) latest_nav_id = parseInt(rs_navigations[key]['id']);
						
						if(typeof(rs_navigations[key]['settings']) !== 'object'){
							rs_navigations[key]['settings'] = jQuery.parseJSON(rs_navigations[key]['settings']);
						}
						if(typeof(rs_navigations[key]['settings']) == 'string' || rs_navigations[key]['settings'] == null) rs_navigations[key]['settings'] = {};
						
						rs_add_navigation_element(rs_navigations[key]);
					}
				}
			}
			
			jQuery('#rs-add-css-color').click(function(){
				if(rs_check_if_default_nav()) return false;
				
				var br_c = jQuery('input[name="rs-color"]').val();
				
				var css = 'color: '+br_c+';';
				
				rs_cm_css_editor.replaceSelection(css+"\n","end");
			});
			
			jQuery('#rs-add-css-border-radius').click(function(){
				if(rs_check_if_default_nav()) return false;
				
				var br_tl = Math.round(jQuery('input[name="rs-border-radius-top-left"]').val());
				var br_tr = Math.round(jQuery('input[name="rs-border-radius-top-right"]').val());
				var br_br = Math.round(jQuery('input[name="rs-border-radius-bottom-right"]').val());
				var br_bl = Math.round(jQuery('input[name="rs-border-radius-bottom-left"]').val());
				
				//css = '-webkit-border-radius: '+br_tl+'px '+br_tr+'px '+br_br+'px '+br_bl+'px;'+"\n";
				//css += '-moz-border-radius: '+br_tl+'px '+br_tr+'px '+br_br+'px '+br_bl+'px;'+"\n";
				var css = 'border-radius: '+br_tl+'px '+br_tr+'px '+br_br+'px '+br_bl+'px;';
				
				rs_cm_css_editor.replaceSelection(css+"\n","end");
			});
			
			jQuery('#rs-add-css-border').click(function(){
				if(rs_check_if_default_nav()) return false;
				
				var br_t = Math.round(jQuery('input[name="rs-border-top"]').val());
				var br_r = Math.round(jQuery('input[name="rs-border-right"]').val());
				var br_b = Math.round(jQuery('input[name="rs-border-bottom"]').val());
				var br_l = Math.round(jQuery('input[name="rs-border-left"]').val());
				var br_c = window.RevColor.get(jQuery('input[name="rs-border-color"]').val());
				
				var css = 'border-top: solid '+br_t+'px '+br_c+';';
				css += "\n"+'border-right: solid '+br_r+'px '+br_c+';';
				css += "\n"+'border-bottom: solid '+br_b+'px '+br_c+';';
				css += "\n"+'border-left: solid '+br_l+'px '+br_c+';';
				
				rs_cm_css_editor.replaceSelection(css+"\n","end");
			});
			
			jQuery('#rs-add-css-text-shadow').click(function(){
				if(rs_check_if_default_nav()) return false;
				
				var ts_a = Math.round(jQuery('input[name="rs-text-shadow-angle"]').val());
				var ts_d = Math.round(jQuery('input[name="rs-text-shadow-distance"]').val());
				var ts_b = Math.round(jQuery('input[name="rs-text-shadow-blur"]').val());
				var ts_c = jQuery('input[name="rs-text-shadow-color"]').val();
				
				
				
				
				ts_a = ts_a*((Math.PI)/180);
				var x = Math.round(ts_d * Math.cos(ts_a));
				var y = Math.round(ts_d * Math.sin(ts_a));
				
				var css = 'text-shadow: '+x+'px '+y+'px '+ts_b+'px  '+window.RevColor.get(jQuery('input[name="rs-text-shadow-color"]').val())+';';
				
				rs_cm_css_editor.replaceSelection(css+"\n","end");
			});
			
			jQuery('#rs-add-css-box-shadow').click(function(){
				if(rs_check_if_default_nav()) return false;
				
				var bs_a = Math.round(jQuery('input[name="rs-box-shadow-angle"]').val());
				var bs_d = Math.round(jQuery('input[name="rs-box-shadow-distance"]').val());
				var bs_b = Math.round(jQuery('input[name="rs-box-shadow-blur"]').val());
				var bs_c = window.RevColor.get(jQuery('input[name="rs-box-shadow-color"]').val());
				
				
				bs_c = UniteAdminRev.convertHexToRGB(bs_c);
				
				bs_a = bs_a*((Math.PI)/180);
				var x = Math.round(bs_d * Math.cos(bs_a));
				var y = Math.round(bs_d * Math.sin(bs_a));
				
				var css = 'box-shadow: '+x+'px '+y+'px '+bs_b+'px '+bs_c+';';
				
				rs_cm_css_editor.replaceSelection(css+"\n","end");
			});
			
			jQuery('#rs-add-css-font-family').click(function(){
				if(rs_check_if_default_nav()) return false;
				
				var ff = jQuery('select[name="rs-font-family"] option:selected').val();
				var css = 'font-family: '+ff+';';
				
				rs_cm_css_editor.replaceSelection(css+"\n","end");
			});
			
			
			jQuery('#rs-add-placeholder').click(function(){
				if(rs_check_if_default_nav()) return false;

				jQuery('select[name="ph-type"] option[value="color"]').attr('selected', 'selected');
				jQuery('select[name="ph-type"]').change();
				
				rs_open_placeholder_dialog();
			});
			
			
			var rs_open_placeholder_dialog = function(entry, phkey, key){
				if(entry != undefined){
					
					switch(entry['type']){
						case 'color':
							jQuery('input[name="ph-color"]').val(entry['data'].color);
							jQuery('input[name="ph-color"]').change();
						break;
						case 'color-rgba':
							jQuery('input[name="ph-color-rgba"]').val(entry['data']['color-rgba']);
							jQuery('input[name="ph-color-rgba"]').change();
						break;
						case 'font-family':
							jQuery('select[name="ph-font-family"] option[value="'+entry['data'].font_family+'"]').attr('selected', true);
						break;
						case 'custom':
							jQuery('input[name="ph-custom"]').val(entry['data'].custom);
							break;
						default:
							alert('<?php _e('Wrong Handle', 'revslider'); ?>');
							return false;
						break;
					}
					
					jQuery('input[name="ph-id"]').val(phkey);
					jQuery('input[name="ph-handle"]').val(entry['handle']);
					jQuery('input[name="ph-title"]').val(entry['title']);
					
					jQuery('select[name="ph-type"] option[value="'+entry['type']+'"]').attr('selected', true);
					jQuery('select[name="ph-type"]').change();
					
					jQuery('select[name="ph-nav-type"] option[value="'+entry['nav-type']+'"]').attr('selected', 'selected');
					
					var btn_title = "<?php _e('Currently Editing:', 'revslider'); ?> "+entry['title'];
					
					var btn_text = '<?php _e('Update', 'revslider'); ?>';
				}else{
					//check what type we currently are
					var nav_type = rs_get_current_nav_type();
					
					var btn_title = "<?php _e('Currently Editing a New Dynamic Value', 'revslider'); ?>";
					jQuery('input[name="ph-id"]').val('NEW');
					
					jQuery('input[name="ph-handle"]').val('');
					jQuery('input[name="ph-title"]').val('');
					
					jQuery('input[name="ph-color"]').val('#000000');
					jQuery('input[name="ph-color"]').change();
					
					jQuery('input[name="ph-color-rgba"]').val('0,0,0,0');
					jQuery('input[name="ph-color-rgba"]').change();
					jQuery('select[name="ph-font-family"] option:first-child').attr('selected', true);
					jQuery('input[name="ph-custom"]').val('');
					
					jQuery('select[name="ph-nav-type"] option[value="'+nav_type+'"]').attr('selected', 'selected');
					
					var btn_text = '<?php _e('Add', 'revslider'); ?>';
				}
			
				
				jQuery('#add-placeholder-dialog').dialog({
					modal:true,
					draggable:false,
					resizable:false,
					width:600,
					height:370,
					closeOnEscape:true,
					title:btn_title,
					dialogClass:'wp-dialog',
					buttons: [ { text: btn_text, click: function() {
						var ph_title = UniteAdminRev.sanitize_input(jQuery('input[name="ph-title"]').val());
						var ph_handle = UniteAdminRev.sanitize_input(jQuery('input[name="ph-handle"]').val());
						var ph_type = jQuery('select[name="ph-type"] option:selected').val();
						var ph_nav_type = jQuery('select[name="ph-nav-type"] option:selected').val();
						
						var ph_data = {};
						
						var ph_id = jQuery('input[name="ph-id"]').val();
						
						switch(ph_type){
							case 'color':
								ph_data.color = jQuery('input[name="ph-color"]').val();
							break;
							case 'color-rgba':
								ph_data['color-rgba'] = jQuery('input[name="ph-color-rgba"]').val();
							break;
							case 'font-family':
								ph_data.font_family = jQuery('select[name="ph-font-family"] option:selected').val();
							break;
							case 'custom':
								ph_data.custom = jQuery('input[name="ph-custom"]').val();
								break;
							default:
								alert('<?php _e('Wrong Handle', 'revslider'); ?>');
								return false;
							break;
						}
						
						if(ph_handle !== '' && ph_title !== ''){
							var cur_id = rs_nav_get_selected_id();
							
							for(var key in rs_navigations){
								if(rs_navigations[key]['handle'] == ph_handle){
									alert('<?php _e('Handle already existing', 'revslider'); ?>');
									return false;
								}
							}
							for(var key in rs_navigations){
								if(rs_navigations[key]['id'] != cur_id) continue;
								
								if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
									if(rs_navigations[key]['settings']['placeholders'] == undefined) rs_navigations[key]['settings']['placeholders'] = [];
								}
								
								if(ph_id == 'NEW'){
									rs_navigations[key]['settings']['placeholders'].push({'title': ph_title, 'handle': ph_handle, 'type': ph_type, 'nav-type': ph_nav_type, 'data': ph_data});
								}else{
									rs_navigations[key]['settings']['placeholders'][ph_id] = {'title': ph_title, 'handle': ph_handle, 'type': ph_type, 'nav-type': ph_nav_type, 'data': ph_data};
								}
								
								remove_placeholder();
								add_placeholder(rs_navigations[key]);
								
								jQuery(this).dialog('close');
								
								drawEditor();
								return true;
							}
							alert('<?php _e('Navigation not found', 'revslider'); ?>');
						}else{
							alert('<?php _e('Please add a valid handle/title', 'revslider'); ?>');
						}
						
					} } ],
				});
			}
			
			
			jQuery('select[name="ph-type"]').change(function(){
				var the_type = jQuery(this).val();
				jQuery(this).closest('ul').find('li').hide();
				jQuery(this).closest('li').show();
				jQuery(this).closest('ul').find('li[data-menu="'+the_type+'"]').show();
				jQuery(this).closest('ul').find('li[data-menu="always"]').show();
				jQuery(this).closest('ul').find('li[data-menu="never"]').hide();
			});
			
			
			jQuery('#rs-add-new-navigation-element').click(function(){
				latest_nav_id++;
				
				var the_copy = {};
				
				the_copy['id'] = latest_nav_id;
				the_copy['name'] = 'New-'+latest_nav_id;
				the_copy['handle'] = 'new-'+latest_nav_id;
				the_copy['settings'] = {};
				
				rs_add_navigation_element(the_copy, true);
				
				the_copy['new'] = true;
				
				rs_navigations.push(the_copy);
			});

			jQuery('#list-of-navigations').perfectScrollbar({wheelPropagation:true});
			jQuery('#list-of-navigations').perfectScrollbar('update');
			
			var rs_get_current_nav_type = function(){
				var ret = 'arrows';
				jQuery('.rs-nav-arrows-edit').each(function(){
					if(jQuery(this).hasClass('selected')){
						ret = 'arrows';
					}
				});
				jQuery('.rs-nav-bullets-edit').each(function(){
					if(jQuery(this).hasClass('selected')){
						ret = 'bullets';
					}
				});
				jQuery('.rs-nav-thumbs-edit').each(function(){
					if(jQuery(this).hasClass('selected')){
						ret = 'thumbs';
					}
				});
				jQuery('.rs-nav-tabs-edit').each(function(){
					if(jQuery(this).hasClass('selected')){
						ret = 'tabs';
					}
				});
				
				return ret;
			}

			
			var setCMSize = function() {
				var newsize = (jQuery('.rs-editing-markups-wrap').width() - jQuery('.rs-css-elements').width())-25;
				jQuery('.CodeMirror .CodeMirror-lines').css({width:newsize + "px"});
			}


			jQuery(window).resize(setCMSize);

			jQuery('.showhidehelper').click(function() {
				var elm = jQuery('.rs-markup-elements'),
					elc = jQuery('.rs-css-elements');

				if (elm.hasClass("small")) {
					elm.css({width:"auto",minWidth:"200px"});
					elc.css({width:"auto",minWidth:"200px"});
					jQuery('.closemeshowhide').show();
					jQuery('.showhidehelper').removeClass("small");
					elm.removeClass("small");
				} else {
					elm.css({width:"20px",minWidth:"20px"});
					elc.css({width:"20px",minWidth:"20px"});
					elm.addClass("small");
					jQuery('.showhidehelper').addClass("small");
					jQuery('.closemeshowhide').hide();

				}
				setCMSize();	
			});						
		});
		
		

		

		setTimeout(function() {					
	//		jQuery('#rs-nav-table-15 .rs-nav-tabs-edit').click();
		},1000)

		
		
	</script>

	
</div>

<script type="text/html" id="tmpl-rs-navigation-header-wrap">
	<div class="rs-nav-table-row rs-nav-entry-wrap rs-nav-fullrow {{ data['type'] }}">
		<div class="rs-nav-table-cell rs-nav-fullcell">{{ data['title'] }}</div>
	</div>
</script>

<script type="text/html" id="tmpl-rs-navigation-wrap">
	<div class="rs-nav-table-row rs-nav-entry-wrap" id="rs-nav-table-{{ data['id'] }}">
		<div class="rs-nav-table-cell">{{ data['id'] }}</div>
		<div class="rs-nav-table-cell" style="position: relative;">
			<span class="rs-nav-name-edit-wrap" style="display: none;"><input class="regular-text" name="navigation-name" type="text" value="{{ data['name'] }}" /> <i class="input-edit-icon rs-edit-navigation-name"></i></span>
			<span class="rs-nav-name-wrap"><span class="rs-nav-name-text">{{ data['name'] }}</span> <# if ( data.edit ) { #><i class="input-edit-icon"></i><# } #></span>
		</div>
		<div class="rs-nav-table-cell">
			<a href="javascript:void(0);" class="rs-nav-arrows-edit">
				<span class="rs-edit-nav" style="display:{{ data['show-arrows'] }}">{{ data['show_text'] }}</span>
				<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-arrows'] }}"></i>
			</a>
		</div>
		<div class="rs-nav-table-cell">
			<a href="javascript:void(0);" class="rs-nav-bullets-edit">
				<span class="rs-edit-nav" style="display:{{ data['show-bullets'] }}">{{ data['show_text'] }}</span>
				<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-bullets'] }}"></i>
			</a>
		</div>
		<div class="rs-nav-table-cell">
			<a href="javascript:void(0);" class="rs-nav-thumbs-edit">
				<span class="rs-edit-nav" style="display:{{ data['show-thumbs'] }}">{{ data['show_text'] }}</span>
				<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-thumbs'] }}"></i>
			</a>
		</div>
		<div class="rs-nav-table-cell">
			<a href="javascript:void(0);" class="rs-nav-tabs-edit">
				<span class="rs-edit-nav" style="display:{{ data['show-tabs'] }}">{{ data['show_text'] }}</span>
				<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-tabs'] }}"></i>
			</a>
		</div>
		<div class="rs-nav-table-cell"><# if ( data.edit ) { #><a href="javascript:void(0);" class="rs-nav-delete"><i class="revicon-trash"></i></a><# } #></div>
		<div class="rs-nav-table-cell"><a href="javascript:void(0);" class="rs-nav-duplicate"><i class="revicon-picture"></i></a></div>
		<!--<div class="rs-nav-table-cell"><# if ( data['has-original'] ) { #><a href="javascript:void(0);" class="rs-nav-reset"><i class="eg-icon-ccw-1"></i></a><# } #></div>-->
		<div class="rs-nav-table-cell"><# if ( data.edit ) { #><a href="javascript:void(0);" class="rs-nav-save"><i class="revicon-arrows-ccw"></i></a><# } #></div>
		<div class="rs-nav-table-cell">&nbsp;</div>
	</div>
</script>


<div id="add-placeholder-dialog" style="display: none">
	<input type="hidden" name="ph-id" value="NEW">
	<ul id="placeholder-options">
		<li data-menu="never" style="display: none;">
			<label><?php _e('On Navigation:', 'revslider'); ?></label>
			<select name="ph-nav-type">
				<option value="arrows"><?php _e('Arrows', 'revslider'); ?></option>
				<option value="bullets"><?php _e('Bullets', 'revslider'); ?></option>
				<option value="thumbs"><?php _e('Thumbs', 'revslider'); ?></option>
				<option value="tabs"><?php _e('Tabs', 'revslider'); ?></option>
			</select>
		</li>
		<li>
			<label><?php _e('Type:', 'revslider'); ?></label>
			<select name="ph-type">
				<option value="color"><?php _e('Color RGB', 'revslider'); ?></option>
				<option value="color-rgba"><?php _e('Color RGBA', 'revslider'); ?></option>
				<option value="font-family"><?php _e('Font Family', 'revslider'); ?></option>
				<option value="custom"><?php _e('Text/Custom', 'revslider'); ?></option>
			</select>
		</li>
		<li data-menu="always">
			<label><?php _e('Title:', 'revslider'); ?></label>
			<input type="text" name="ph-title" value="">
		</li>
		<li data-menu="always">
			<label><?php _e('Handle:', 'revslider'); ?></label>
			<span style="margin-left:-20px">##<input type="text" name="ph-handle" value="">##</span>
		</li>
		<li data-menu="color">
			<label><?php _e('Default Value:', 'revslider'); ?></label>
			<input type="text" name="ph-color" class="my-color-field" value="#000000">
		</li>
		<li data-menu="color-rgba">
			<label><?php _e('Default Value:', 'revslider'); ?></label>
			<input type="text" name="ph-color-rgba" class="my-color-field" value="0,0,0,0">
		</li>
		<li data-menu="font-family">
			<label><?php _e('Default Value:', 'revslider'); ?></label>
			<select name="ph-font-family" style="width: 112px;">
				<?php
				foreach($font_families as $handle => $name){
					if($name['label'] == 'Dont Show Me') continue;
					?>
					<option value="<?php echo esc_attr($name['label']); ?>"><?php echo esc_attr($name['label']); ?></option>
					<?php
				}
				?>
			</select>
		</li>
		<li data-menu="custom">
			<label><?php _e('Default Value:', 'revslider'); ?></label>
			<input type="text" name="ph-custom" value="">
		</li>
	</ul>
</div>