<?php
/**
* Author : Keivan Kamali
*/
if(!defined('ABSPATH')) exit();
?>
<div id="wb3d_waiting" >
	<div>
		<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>1.gif">
	</div>
</div>
<div class="container-fluid"  class="wb3d_displaynone">
      <div class="row-fluid">
            <div class="row-fluid">
                  <div class="span6">
                        <div class="input-group myColorPicker">
                              <span class="input-group-addon myColorPicker-preview">&nbsp;</span>
                              <input class="form-control wb3d_displaynone" type="text">
                        </div>
                  </div>
                  <div class="span6">
                  </div>
            </div><!--/span-->
      </div><!--/span-->
</div><!--/.fluid-container-->
<div id="wb3d_panel" class="wb3d_displaynone">

	<label class="wb3d_displaynone" id='alert_dataischanged' ><?php esc_html_e('Data is changed', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_wrongNumber' ><?php esc_html_e('Wrong Number', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_empty' ><?php esc_html_e('Empty', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_dot' ><?php esc_html_e('You can not remove this effect ', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_selectEffect' ><?php esc_html_e('Please select an effect', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_inLayer' ><?php esc_html_e('You can not remove this effect.It use in a layer', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_removeEffect' ><?php esc_html_e('You can not remove this effect.It use in a slide', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_duplicateName' ><?php esc_html_e('This name already exists', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_unistallAddon' ><?php esc_html_e('You cannt unistall because this module use in layer', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_staticlayer' ><?php esc_html_e('Static layers only work with the 3D Website Builder module', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id='alert_notstaticlayer' ><?php esc_html_e("You can't do it.Because it is a child element", 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="wb3d_id_alert1" ><?php esc_html_e('Please select a layer', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_scale" ><?php esc_html_e('You cannt change size.because layer\'s effect change size of it (With saleX or ...)', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_color" ><?php esc_html_e('You cannt remove last color', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_slide" ><?php esc_html_e('You cannt delete last slide', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_slide2" ><?php esc_html_e('Please select another slide and then remove this slide', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm1" ><?php esc_html_e('Do you want delete this slide?', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_emptyEffect" ><?php esc_html_e('You cant select this effect.it is empty', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm3" ><?php esc_html_e('Click OK to delete', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm4" ><?php esc_html_e('Do you want to copy 1 to 2?', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm5" ><?php esc_html_e('Do you want to copy 1 to 2?(Without changing the objects in the panels)', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm6" ><?php esc_html_e('Do you want to copy 2 to 3?', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm7" ><?php esc_html_e('Do you want to copy 2 to 3?(Without changing the objects in the panels)', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm8" ><?php esc_html_e('Do you want to copy 3 to 4?', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm9" ><?php esc_html_e('Do you want to copy 3 to 4?(Without changing the objects in the panels)', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm10" ><?php esc_html_e('Do you want to copy this slide?', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm11" ><?php esc_html_e('Do you want to copy this layer?', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_confirm12" ><?php esc_html_e('Do you want to delete?', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_Error620" ><?php esc_html_e('Error620', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_Error621" ><?php esc_html_e('Error621-File Not Found', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_Error622" ><?php esc_html_e('Error622', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_refresh" ><?php esc_html_e('Copy was successful. Click OK to refresh and load the modules', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_modules" ><?php esc_html_e('To install more modules, you need to install the Pro version . You can download the Pro version from https://3dwebsitebuilder.com/', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_open_pro_project" ><?php esc_html_e('This object is edited with the Pro version. First install the Pro version . Then edit it', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_many_effects" ><?php esc_html_e('Invalid license', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="alert_colortable" ><?php esc_html_e('Invalid license ! You cannot select color table', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="wb3d_install_pro" ><?php esc_html_e(' If you don\'t want to install the pro version plugin, you can run the Effect Service from our server(+cloudflare) by clicking OK.
	If you install the pro version plugin later, the effect service will only run from the pro plugin on your host. (https://3dwebsitebuilder.com/price/)', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="wb3d_pro_event" ><?php esc_html_e('You can define the Events only when you install the pro version of the plugin (https://3dwebsitebuilder.com/)', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="wb3d_pro_act" ><?php esc_html_e('You can define the Acts only when you install the pro version of the plugin (https://3dwebsitebuilder.com/)', 'wb3d'); ?></label>
	<label class="wb3d_displaynone" id="wb3d_prodemo" ><?php esc_html_e('You can activate these modules by downloading the Pro version.(Click OK)', 'wb3d'); ?></label>





	<div id="wb3d_fontfamily_sample" class="wb3d_panel">
		<img alt="" id="wb3d_fontfamily_close" src="<?php echo esc_url(wb3d_plagin_images_URL);?>close3.png" class="imgbuttom img40 pointer" >
	</div>
	<img alt="" id="stopimg2" src="<?php echo esc_url(wb3d_plagin_images_URL);?>pointin1.png" >
	<img alt="" id="stop_obj" src="<?php echo esc_url(wb3d_plagin_images_URL);?>stop3.cur" >
	<div class="pointer" id="save_all"  >
		<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>save.svg"  >
	</div>
	<a id="show_demo" href="<?php echo esc_url(wb3d_URL);?>" target="_blank">
		<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>demo.svg"  >
	</a>

	<div id="wb3d_fullscrean"  >
		<img alt="" id="wb3d_fullscrean_img" src="<?php echo esc_url(wb3d_plagin_images_URL);?>/1.gif" >    
		<div id="wb3d_fullscrean_imgdiv">
			<img alt="" id="wb3d_fullscrean_close" src="<?php echo esc_url(wb3d_plagin_images_URL);?>close3.png" class="imgbuttom img40 pointer" >
		</div>
	</div>


	<div id="start">
	<!-- Left Menu -->
	<div id="es_menu"  >
		<div id="Menu_left"  ><?php esc_html_e('Menu :', 'wb3d'); ?></div>
		<div id="tab_setting2" class="pointer" >
			<img id="tab_setting2_img" src="<?php echo esc_url(wb3d_plagin_images_URL);?>set.png" >
		</div>
		<div id="tab_slide" class="pointer" ><?php esc_html_e('Selected Slide', 'wb3d'); ?></div>
		<div id="tab_effect" class="pointer" ><?php esc_html_e('Effects/Style', 'wb3d'); ?></div>
		<div id="tab_element" class="pointer" ><?php esc_html_e('Elements', 'wb3d'); ?></div>
			
			
		<div id="slider_p1" >
			<div id="slider_h1" class="pointer" ></div>
		</div>

		<label class="wb3d_displaynone" id="label_width_1_X0"><?php esc_html_e('W / H', 'wb3d'); ?></label>
		<!--Left Menu Slide Menu  -->
		<div class="wb3d_tab" id="div_setting2_menu" >
			<div id="setting2_menu" >
				<label class="wb3d_pointer" id="wb3d_classtext_label"><?php esc_html_e('Example', 'wb3d'); ?></label>
				<textarea id="wb3d_classtext"></textarea>
				<fieldset class="fieldset_block " id="div_replace">
					<input type="text" placeholder="old-url.com" id="wb3d_replace1">  
					<input type="text" placeholder="new-url.com" id="wb3d_replace2">  
					<button id="wb3d_replace"><?php esc_html_e('Replace', 'wb3d'); ?></button>       
				</fieldset> 
				<!-- Color Buttons -->
				<div id="div_colorTable">
					<div class="pointer" id="colorTable0">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable1">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable2">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable3">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable4">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable5">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable6">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable7">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable8">
						<div class="colorTable"></div>                               
					</div>
					<div class="pointer" id="colorTable9">
						<div class="colorTable"></div>                               
					</div>
				</div><!--End of Color Buttons -->


				<div id='maindiv_A'>
					<div id="maindiv_g2">
					</div>
					<div  class="pointer"  id='addslide'><?php esc_html_e('Add Slide', 'wb3d'); ?></div>
					<div id='maindiv_B'>
						<div >
							<div  class="pointer"  id='color_table'><?php esc_html_e('Color Tables', 'wb3d'); ?></div>
						</div>
					</div>
				</div> 


				<div id="div_setting2_w">

					<label title="<?php esc_html_e('Do you want to copy 1 to 2?', 'wb3d'); ?>" id="label_copy_laptop"><?php esc_html_e('Copy A', 'wb3d'); ?></label>
					<label title="<?php esc_html_e('Do you want to copy 1 to 2?(Without changing the objects in the panels)', 'wb3d'); ?>" id="label_copy_laptop2" ><?php esc_html_e('Copy B', 'wb3d'); ?></label>

					<label title="<?php esc_html_e('Do you want to copy 2 to 3?', 'wb3d'); ?>" id="label_copy_tablet"><?php esc_html_e('Copy A', 'wb3d'); ?></label>
					<label title="<?php esc_html_e('Do you want to copy 2 to 3?(Without changing the objects in the panels)', 'wb3d'); ?>" id="label_copy_tablet2"><?php esc_html_e('Copy B', 'wb3d'); ?></label>

					<label title="<?php esc_html_e('Do you want to copy 3 to 4?', 'wb3d'); ?>" id="label_copy_mobile"><?php esc_html_e('Copy A', 'wb3d'); ?></label>
					<label title="<?php esc_html_e('Do you want to copy 3 to 4?(Without changing the objects in the panels)', 'wb3d'); ?>" id="label_copy_mobile2"><?php esc_html_e('Copy B', 'wb3d'); ?></label>

					<img id="setting2_menu_img1" src="<?php echo esc_url(wb3d_plagin_images_URL);?>desktop.png" title="desktop/pc" class="w60h40">
					<label id="screan_selector1">1</label>
					<label id="label_width_0_spiner"><?php esc_html_e('W:', 'wb3d'); ?></label>
					<label id="label_width_0_X"><?php esc_html_e('1.77 X', 'wb3d'); ?></label>
					<input id="width_0_spiner" type="number" >
					<label id="label_height_0_spiner"><?php esc_html_e('H:', 'wb3d'); ?>
					</label>
					<input id="height_0_spiner" type="number">



					<img id="setting2_menu_img2" src="<?php echo esc_url(wb3d_plagin_images_URL);?>htablet.png" title="desktop/pc" class="w60h40">
					<label id="screan_selector2">2</label>
					<label id="label_width_1_spiner"><?php esc_html_e('W:', 'wb3d'); ?></label>
					<label id="label_width_1_X"><?php esc_html_e('1.77 X', 'wb3d'); ?></label>
					<input id="width_1_spiner" type="number" >
					<label id="label_height_1_spiner"><?php esc_html_e('H:', 'wb3d'); ?>
					</label>
					<input id="height_1_spiner" type="number">


					<img id="setting2_menu_img3" src="<?php echo esc_url(wb3d_plagin_images_URL);?>vtablet.png" title="desktop/pc" class="w60h40">
					<label id="screan_selector3">3</label>
					<label id="label_width_2_spiner"><?php esc_html_e('W:', 'wb3d'); ?></label>
					<label id="label_width_2_X"><?php esc_html_e('1.77 X', 'wb3d'); ?></label>
					<input id="width_2_spiner" type="number" >
					<label id="label_height_2_spiner"><?php esc_html_e('H:', 'wb3d'); ?>
					</label>
					<input id="height_2_spiner" type="number">


					<img id="setting2_menu_img4" src="<?php echo esc_url(wb3d_plagin_images_URL);?>mobile.png" title="desktop/pc" class="w60h40">
					<label id="screan_selector4">4</label>
					<label id="label_width_3_spiner"><?php esc_html_e('W:', 'wb3d'); ?></label>
					<label id="label_width_3_X"><?php esc_html_e('1.77 X', 'wb3d'); ?></label>
					<input id="width_3_spiner" type="number" >
					<label id="label_height_3_spiner"><?php esc_html_e('H:', 'wb3d'); ?>
					</label>
					<input id="height_3_spiner" type="number">
				</div>



				<div id="fieldset_setting_sub">
					<fieldset id="fieldset_fullwidth" class="fieldset_block2">
						<legend><?php esc_html_e('Width :', 'wb3d'); ?> </legend>
						<label id="fullwidth_label" ><?php esc_html_e('Width :', 'wb3d'); ?></label>
						<select id="fullwidth"  >
							<option value="0"><?php esc_html_e('Auto ', 'wb3d'); ?></option>
							<option value="1"><?php esc_html_e('Full Width ', 'wb3d'); ?></option>
						</select>
					</fieldset>
					<fieldset id="fieldset_setting_B" class="fieldset_block2">
						<legend><?php esc_html_e('Background :', 'wb3d'); ?> </legend>
						<div class=" es_mt10 es_left">
							<label id="color_bk_slider_label"><?php esc_html_e('Background 3WB :', 'wb3d'); ?></label>
							<div class="pointer" id="color_bk_slider">
								<div id="color_bk_slider_A"></div>                               
							</div>
						</div>
					</fieldset>
					<fieldset id="fieldset_colortype" class="fieldset_block2">
						<legend><?php esc_html_e('Color table type :', 'wb3d'); ?> </legend>
						<label id="colortype_label" ><?php esc_html_e('Type :', 'wb3d'); ?></label>
						<select id="colortype"  >
							<option value="0"><?php esc_html_e('Public ', 'wb3d'); ?></option>
							<option value="1"><?php esc_html_e('Private ', 'wb3d'); ?></option>
						</select>
					</fieldset>
					<fieldset id="fieldset_mouse" class="fieldset_block2">
						<legend><?php esc_html_e('Mouse :', 'wb3d'); ?> </legend>

						<label id="wheel_label" ><?php esc_html_e('Wheel :', 'wb3d'); ?></label>
						<input type="number"  id="wheel" value="10" min="0" >

						<label id="wheel_speed_label" ><?php esc_html_e('Speed :', 'wb3d'); ?></label>
						<input type="number"  id="wheel_speed" value="5" min="1" >

						<label id="wheel_checkbox_label"><?php esc_html_e('Jump Scroll :', 'wb3d'); ?></label>
						<input  type="checkbox"  id="wheel_checkbox"  >
						<label id="wheel_label2"><?php esc_html_e('Active When 3WB Template is active & 3WB shortcode is one ', 'wb3d'); ?></label>
					</fieldset>
					<fieldset id="fieldset_touch" class="fieldset_block2">
						<legend><?php esc_html_e('Touch (Mobile,...) :', 'wb3d'); ?> </legend>
						<!-- <label id="touch_label" ><?php esc_html_e('Touch Move :', 'wb3d'); ?></label> -->
						<select id="touch"  >
						<option value="0"><?php esc_html_e('Disable zoom,Enable Virtual Scroll', 'wb3d'); ?></option>
						<option value="1"><?php esc_html_e('Enable zoom, Disable Virtual Scroll', 'wb3d'); ?></option>
						</select>
					</fieldset>
					<fieldset id="fieldset_scroll" class="fieldset_block2">
						<legend><?php esc_html_e('Scroll :', 'wb3d'); ?> </legend>
						<div class=" es_mt10 es_left">
							<label id="display_scroll_label"><?php esc_html_e('Hide Scroll :', 'wb3d'); ?></label>
							<input type="checkbox"  id="display_scroll"  >
						</div>
					</fieldset>
					<fieldset id="fieldset_scroll2" class="fieldset_block2">
						<legend><?php esc_html_e('Scroll/Reste  +/- :', 'wb3d'); ?> </legend>
						<div class=" es_mt10 es_left">
							<label id="reset_scroll_label"><?php esc_html_e('Up - :', 'wb3d'); ?></label>
							<input type="number"  id="reset_scroll" min="5" >
						</div>
						<div class=" es_mt10 es_left">
							<label id="reset_scroll2_label" ><?php esc_html_e('Down + :', 'wb3d'); ?></label>
							<input type="number"  id="reset_scroll2" min="5" >
						</div>
					</fieldset>
					<fieldset id="fieldset_colortable" class="fieldset_block2">
						<legend><?php esc_html_e('Activate tables', 'wb3d'); ?> </legend>
						<label id="colortable_label"><?php esc_html_e('Activation of the color tables to number', 'wb3d'); ?></label>
						<input type="number"  id="colortable_to" min="1" max="10" value="10">
					</fieldset>
				</div>
			</div>
		</div>


		<div class="wb3d_tab" id="element_menu"  >
			<div  id="div_element_menu" >

				<input id="search_modules" type="text" name="" placeholder="Search modules..." style="">
				<div></div>
				<br>
				<br>
				<label id="search_modules_label" >-------------<?php esc_html_e('Free Modules', 'wb3d'); ?>------------</label>
				<br>
				<br>
				<div id="addonsm">
				<?php
					global $wb3d_addons;
					global $wb3d_addons;
					global $wb3d_pro;
					require wb3d_DIR.'includes/img/admin/button2.php';
					for ($i=0;$i<count($wb3d_addons);$i++) {
						if (is_dir(wb3d_DIR.'modules/'.$wb3d_addons[$i])) { 
							if($wb3d_addons[$i]!="img"){
								require wb3d_DIR.'modules/'.$wb3d_addons[$i].'/admin/button2.php';
							}
						}
					}

				?>
				</div>
				<br>
				<br>
				<br>
				<br>
				<label id="search_modules_label2" >-------------<?php esc_html_e('Pro Modules', 'wb3d'); ?>------------</label>
				<br>
				<br>

				<div id="addonsm2">
					<?php
						global $wb3d_addons;
						global $wb3d_addons2;
						global $wb3d_pro;
						if($wb3d_pro==1){
						for ($i=0;$i<count($wb3d_addons);$i++) {
						if (is_dir(wb3d_DIR_Pro.'modules/'.$wb3d_addons[$i])) { 
						if($wb3d_addons[$i]!="img"){
						require wb3d_DIR_Pro.'modules/'.$wb3d_addons[$i].'/admin/button2.php';
						}
						}
						}
						}
						else{
						?>
						<div id="wb3ddemom" > </div>
						<?php
							for ($i=0;$i<count($wb3d_addons2);$i++) {
								if (is_dir(wb3d_DIR.'demo/'.$wb3d_addons2[$i])) { 
									if($wb3d_addons2[$i]!="img"){
										require wb3d_DIR.'demo/'.$wb3d_addons2[$i].'/admin/button1.php';
									}
								}
							}
						}


						
					?>
					<br>
					<br>
					<br>
					<br>
				</div>


				</div>
			</div>
			
			<div class="wb3d_tab" id="effect_menu" >
				<div class="" id="div_effect_menu" >
					<div class="effect_panel2">
						<!-- <img alt="" id="neweffect" title="new" src="<?php echo esc_url(wb3d_plagin_images_URL);?>add3.png"> -->

						<div class="border" id="rename">
							<img style="" title="Stop all slides" src="<?php echo esc_url(wb3d_plagin_images_URL);?>rename.png" class=" pointer" >
							<label>Rename</label>
						</div>

						<div class="border" id="neweffect">
							<img style="" title="New effect" src="<?php echo esc_url(wb3d_plagin_images_URL);?>add3.png" class=" pointer" >
							<label>new</label>
						</div>
						<div class="border" id="closeeffect">
							<img style="" title="Delete Effect" src="<?php echo esc_url(wb3d_plagin_images_URL);?>close3.png" class=" pointer" >
							<label>Delete</label>
						</div>

						<div class="effect_panel3">
							<div class="border" id="Curved">
								<img style="" title="Curved line" src="<?php echo esc_url(wb3d_plagin_images_URL);?>line2.png" class=" pointer" >
								<label>Curved line</label>
							</div>


							<div class="border" id="straight">
								<img style="" title="Curved line" src="<?php echo esc_url(wb3d_plagin_images_URL);?>line.png" class=" pointer" >
								<label>Straight</label>
							</div>



							<div id="stop" class="border">
								<img  src="<?php echo esc_url(wb3d_plagin_images_URL);?>pointin1.png" title="set pixels in one location" >
								<label>Many Pixels</label>
								<div class="wb3d_displaynone" id="div_stop_spinner">
									<input id="stop_spinner" type="number" max="32000" min="1" value="1">   
								</div>
							</div>

							<div id="undo" class="border" >
								<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>undo.png" >
								<label>Undo</label>
							</div>


							<div id="drag" class="border">
								<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>hand2.png" class="imgbuttom img40 pointer">
								<label>Drag</label>
							</div>
						</div>
					</div>



					<div id="dis_c_effect">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>line3.png">
						<label>Discontinued Effect</label>
					</div>

					<div id="c_effect">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>line4.png" class="imgbuttom img40 pointer">
						<label>Continued Effect</label>
					</div>


					<div class="effect_panel22">
						<label class=" es_left es_mt10 es_ml5"><?php esc_html_e('Effects:', 'wb3d'); ?></label>
						<select id="openingeffectselect">
							<option value="-1"><?php esc_html_e('Select', 'wb3d'); ?></option>
						</select>
						<div class="pointer" id="demo_layer_color_1">
							<img alt="" class="maindiv_img" src='<?php echo esc_url(wb3d_plagin_images_URL);?>tr.jpg'>
							<div id="demo_layer_color_A"></div>                               
						</div>
						<div class="pointer" id="demo_layer_color_2" >
							<img alt="" class="maindiv_img" src='<?php echo esc_url(wb3d_plagin_images_URL);?>tr.jpg'>
							<div id="demo_layer_color_B"></div>                               
						</div>
					</div>


				<div id="div_colors">
				</div>
				<div id="div_colors2">













					<div class="border" id="media">
						<img style="" title="Object Number" src="<?php echo esc_url(wb3d_plagin_images_URL);?>object.png" class=" pointer" >
						<label>Object Number</label>
					</div>
					<div class="border" id="stophere">
						<img style="" title="Stop all slides" src="<?php echo esc_url(wb3d_plagin_images_URL);?>stop2.png" class=" pointer" >
						<label>Stop</label>
					</div>
					<div id="translatez" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>translateZ2.png" class=" pointer">
						<label>Translate Z</label>
					</div>
					<div id="es_color1" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>icolor1.png" class=" pointer">
						<label>Color 1</label>
					</div>
					<div id="es_color2" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>icolor1.png" class=" pointer">
						<label>Color 2</label>
					</div>
					<div id="es_color3" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>icolor1.png" class=" pointer">
						<label>Color 3</label>
					</div>
					<div id="sizew" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>width.png" class=" pointer">
						<label>Resize Width</label>
					</div>
					<div id="sizeh" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>height.png" class=" pointer">
						<label>Resize Height</label>
					</div>



					<div id="sizex" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>width.png" class=" pointer">
						<label>Scale X</label>
					</div>
					<div id="sizey" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>height.png" class=" pointer">
						<label>Scale Y</label>
					</div>




					<div id="sendtoken" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>send.png" class=" pointer">
						<label>Event</label>
					</div>
					<div id="gettoken" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>receive.png" class=" pointer">
						<label>Act</label>
					</div>



					<div id="skewx" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>skewx.png" class=" pointer">
						<label>Skew X</label>
					</div>
					<div id="skewy" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>skewy.png" class=" pointer">
						<label>Skew Y</label>
					</div>


					<div id="radius" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>border-r.png" class=" pointer">
						<label>Border-radius</label>
					</div>




					<div id="rotate" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>rotate.png" class=" pointer">
						<label>Rotate</label>
					</div>
					<div id="rx" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>rx.png" class=" pointer">
						<label>Rotate X</label>
					</div>
					<div id="ry" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>ry.png" class=" pointer">
						<label>Rotate Y</label>
					</div>






					<div id="textshadow" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>textshadow.png" class=" pointer">
						<label>Text Shadow</label>
					</div>
					<div id="boxshadow" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>boxshadow.png" class=" pointer">
						<label>Box Shadow</label>
					</div>


					<div id="speed" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>speed.png" class=" pointer">
						<label>Speed</label>
					</div>


					<div id="gradient" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>gradient.png" class=" pointer">
						<label>Gradient</label>
					</div>



					<div id="zindex" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>zindex.png" class=" pointer">
						<label>Z-index</label>
					</div>


					<div id="borderid" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>border.png" class=" pointer">
						<label>Border</label>
					</div>






					<div id="transform_originx" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>orgin3.png" class=" pointer">
						<label>transform origin X</label>
					</div>
					<div id="transform_originy" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>orgin3.png" class=" pointer">
						<label>transform origin Y</label>
					</div>


					<div id="class_id" class="border">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>class.png" class=" pointer">
						<label>Classs</label>
					</div>




				
					<div class="border" id="perspective_originx">
					<img alt=""  title="perspective origin X" src="<?php echo esc_url(wb3d_plagin_images_URL);?>perspective.png">
					<label>Perspective Originx</label>
					</div>
					<div class="border" id="perspective_originy">
					<img alt="" title="perspective origin Y"  src="<?php echo esc_url(wb3d_plagin_images_URL);?>perspective.png">
					<label>Perspective Originy</label>
					</div>



		

					<div class="border" id="opacity3">
					<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>opacity.png" title="opacity">
					<label>Opacity</label>
					</div>


						<div class="border" id="leterspacing">
					<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>abc.png" title="opacity">
					<label>Leter Spacing</label>
					</div>

				</div>

				<div id="maindiv_g">
				</div>
			</div>


			<!-- </div> -->
		</div>
			<!--Left Menu Slide Menu  -->
			<div class="wb3d_tab" id="slide_menu" >
			
			<!-- <div id="tab_object" class="pointer" ><?php esc_html_e('Change Content', 'wb3d'); ?></div> -->
			<div id="tab_layers" class="pointer" ><?php esc_html_e('Slide\'s Layers', 'wb3d'); ?></div>
			<div id="tab_object2" class="pointer" ><?php esc_html_e('Selected Layer', 'wb3d'); ?></div>


			<!-- Left Menu Object B -->

			<div id="object2_menu" >
				<div id="object2_menu_sub" >
				<?php
					require wb3d_DIR.'admin/html/html_s1.php';
				?>



				</div>
			</div> <!-- End Of Left Menu Object B -->




			<!-- Left Menu Layer  -->
			<div class="wb3d_tab" id="layers_menu" >
				<div id="div_layers_menu" >
					<div id="layers_menu3">
						<div id="div-slide-option" ></div>
					</div>
				</div>  
			</div> 	


				<div id="div_slide_menu" >

					<label id='label_slide_time' ><?php esc_html_e('Time:', 'wb3d'); ?></label>
					<input id='slide_time' type="number" min="-1">

					<label id="label_scroll_desktop"><?php esc_html_e('Vertical scroll :', 'wb3d'); ?></label>
					<input id="scroll_desktop" type="number" min="0">

					<label id="label_color_slide"><?php esc_html_e('Background-color :', 'wb3d'); ?></label>
					<input id="color_slide" type="number" min="0"  />
					
					<span id="span_slide1">1</span>
					<span id="span_slide2">1</span>
					<span id="span_slide3">4</span>
                              <span id="span_slide4">4</span>
					<span id="span_slide5">1</span>

					<label id="label_slide_select_1"><?php esc_html_e('Slide Effect', 'wb3d'); ?></label>
					<select id="slide_select_1"  >
						<option value="none"><?php esc_html_e('None', 'wb3d'); ?></option>
						<option value="fade"><?php esc_html_e('Fade', 'wb3d'); ?></option>
						<option value="to right"><?php esc_html_e('To Right', 'wb3d'); ?></option>
						<option value="to left"><?php esc_html_e('To Left', 'wb3d'); ?></option>
						<option value="to top"><?php esc_html_e('To Up', 'wb3d'); ?></option>
						<option value="to bottom"><?php esc_html_e('To Down', 'wb3d'); ?></option>
						<option value="rotatex"><?php esc_html_e('Rotate Around X-Center', 'wb3d'); ?></option>
						<option value="rotatey"><?php esc_html_e('Rotate Around Y-Center', 'wb3d'); ?></option>
						<option value="width"><?php esc_html_e('Close Width', 'wb3d'); ?></option>
						<option value="height"><?php esc_html_e('Close Height', 'wb3d'); ?></option>
						<option value="height_width"><?php esc_html_e('Close Height And width', 'wb3d'); ?></option>
						<option value="bottom_right"><?php esc_html_e('To Right-Down', 'wb3d'); ?></option>
						<option value="top_left"><?php esc_html_e('To Up-Left', 'wb3d'); ?></option>
						<option value="3dbox_top"><?php esc_html_e('3D Up', 'wb3d'); ?></option>
						<option value="3dbox_bottom"><?php esc_html_e('3D Down', 'wb3d'); ?></option>
						<option value="3dbox_left"><?php esc_html_e('3D Left', 'wb3d'); ?></option>
						<option value="3dbox_right"><?php esc_html_e('3D Right', 'wb3d'); ?></option>
						<option disabled="disabled" value="-1">--------------User Effect-------------</option>
					</select>
                              <label id="label_cursor"><?php esc_html_e('Cursor :', 'wb3d'); ?></label>
                              <select id="slide_cursor"  >
                                    <option value="0"><?php esc_html_e('Show ', 'wb3d'); ?></option>
                                    <option value="1"><?php esc_html_e('Hide ', 'wb3d'); ?></option>
                              </select>
				</div>  
			</div><!--End Of Left Menu-Slide Menu  -->
		</div><!--End Of Left Menu -->
	                


		<div id="start_sub">
		<!-- Addon Panel -->
			<div id="textmenu2" title="edit slider menu">
				<div id="textmenu_A2">
					<div class="es_tc es_left">
						<label id="change_obj_table2"><?php esc_html_e('Add other objects to the selected layer', 'wb3d'); ?></label>
					</div>
					<div class=" es_right">
						<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>close3.png" id="textmenuclose2">
					</div>
				</div>
				<div id="bodytextmenu2" >
					<input id="search_modules2" type="text" name="" placeholder="Search modules..." style="margin: 20px 0 20px 40px;width: 195px;">
					<div></div>
					<br>
					<br>
					<div id="addonsmb">
					<?php
						global $wb3d_addons;
						global $wb3d_addons;
						global $wb3d_pro;
						require wb3d_DIR.'includes/img/admin/button1.php';
						for ($i=0;$i<count($wb3d_addons);$i++) {
							if (is_dir(wb3d_DIR.'modules/'.$wb3d_addons[$i])) { 
								if($wb3d_addons[$i]!="img"){
									require wb3d_DIR.'modules/'.$wb3d_addons[$i].'/admin/button1.php';
	                                          }
	                                    }
	                                    else if (is_dir(wb3d_DIR_Pro.'modules/'.$wb3d_addons[$i])) { 
								if($wb3d_addons[$i]!="img"){
									require wb3d_DIR_Pro.'modules/'.$wb3d_addons[$i].'/admin/button1.php';
	                                          }
	                                    }
						}
						
					?>

					</div>
					<br>
					<br>
					<br>
					<br>
					<label style="margin: 20px 0 40px 40px;width: 195px;white-space: nowrap;">-------------<?php esc_html_e('Pro Modules', 'wb3d'); ?>------------</label>
					<br>
					<br>

					<div id="addonsm2b">
					<?php
						global $wb3d_addons;
						global $wb3d_addons2;
						global $wb3d_pro;
						if($wb3d_pro==1){
							for ($i=0;$i<count($wb3d_addons);$i++) {
		                                    if (is_dir(wb3d_DIR_Pro.'modules/'.$wb3d_addons[$i])) { 
									if($wb3d_addons[$i]!="img"){
										require wb3d_DIR_Pro.'modules/'.$wb3d_addons[$i].'/admin/button2.php';
		                                          }
		                                    }
							}
						}
						else{
							?>
							<div id="wb3ddemomb" > </div>
							<?php
							for ($i=0;$i<count($wb3d_addons2);$i++) {
		                                    if (is_dir(wb3d_DIR.'demo/'.$wb3d_addons2[$i])) { 
									if($wb3d_addons2[$i]!="img"){
										require wb3d_DIR.'demo/'.$wb3d_addons2[$i].'/admin/button1.php';
		                                          }
		                                    }
							}
						}


						
					?>
					<br>
					<br>
					<br>
					<br>
					</div>

				</div>
			</div><!-- End of Addon Panel -->
	            
			<!-- Color Table -->
			<div id="colormenu" title="color menu">
				<div id="colordragdiv"><?php esc_html_e('Color Table', 'wb3d'); ?>
					<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>close3.png" id="colormenuclose">
					<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>export.png" id="colormenu_export">
					<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>import.png" id="colormenu_import">
					<input class="wb3d_displaynone" type="file" id="file_colormenu" name="file_colormenu" />
				</div>
				<div id="allcolormenu">
				</div>
			</div><!--End Of Color Table -->

			<!-- Canvas Effect -->
			<div id="bk_canvas"></div>
	      	<div id="after_start" class=" es_tc">

			</div>




			<!-- Main Div-Slider -->
			<div id='maindiv'  > 
				<div id='scrollid1'>
					<div id='scrollid1-1'></div>                
				</div>
				<div id='scrollid2'>
					<div id='divtitleslide2' ></div>
				</div>
				<div id="p_lock_canvas" class="pointer" >
					<img alt="" id="lock_canvas" class="imgbuttom pointer img40" src="<?php echo esc_url(wb3d_plagin_images_URL);?>lock.png">
				</div>
				<div id="reset" class="wb3d_pointer">
					<img alt="" class="maindiv_img" src='<?php echo esc_url(wb3d_plagin_images_URL);?>r3.png'>
				</div>
				<div id='divleft'>
					
				</div>
				<div class="pointer" id='add_new_layer'>	
					<img alt="" src="<?php echo esc_url(wb3d_plagin_images_URL);?>new_layer.jpg">
				</div>

				<div id='maindiv_D'>
					<div id="up" class="wb3d_pointer" title="Up" >  
						<img alt="" class="maindiv_img" src='<?php echo esc_url(wb3d_plagin_images_URL);?>up3.png'>
					</div>
					<div id="down" class="wb3d_pointer" title="Down">  
						<img alt="" class="maindiv_img" src='<?php echo esc_url(wb3d_plagin_images_URL);?>down3.png'>
					</div>
					<div id="left" class="wb3d_pointer" title="Left">
						<img alt="" class="maindiv_img" src='<?php echo esc_url(wb3d_plagin_images_URL);?>left3.png'>
					</div>
					<div id="right" class="wb3d_pointer" title="Right">
						<img alt="" class="maindiv_img" src='<?php echo esc_url(wb3d_plagin_images_URL);?>right3.png'>
					</div>
				</div>
				<div id='divbiger'>
					<label class="wb3d_displaynone" id="pointer_value_xy" ></label>
					<div id='divtop'></div>
					<div id='divscrolltop'>V
						<input disabled="disabled" type="number" min="0" id='spinnertop' value="0">
					</div>
					<div id='divstopimg'>
						<img alt="" id="stop_slide" src="<?php echo esc_url(wb3d_plagin_images_URL);?>stopplay.jpg">
					</div>
					<div id='divplaystop'>
						<input disabled="disabled" id='spinnerplay'>
					</div>
					<div title="canvas maximum-height size" id='div_canvas'>
						<input type="number" id='canvas_relative' min="50" value="1000">
						<input title="<?php esc_attr_e('Hide all objects', 'wb3d'); ?>" type="checkbox" id='canvas_checkbox' >
					</div>
					<div id='div_mode'>
						<input type="radio" name="es_mode" id='show_effects0'  value="0"><?php esc_html_e('Off', 'wb3d'); ?>
                                    <input type="radio" name="es_mode" id='show_effects1' checked value="1" ><?php esc_html_e('On', 'wb3d'); ?>
                                    <label id="inactive_label"><?php esc_html_e('Inactive Scroll/Time Range', 'wb3d'); ?></label> 
						<input type="checkbox"  id='inactive' checked >
					</div>
					<div id='divb'>
						<div id="wb3dh_0">
							<div id='wb3dh_point'></div>
							<canvas id='maincanvas' class="detailaddslide" ></canvas>
							<div id="start_act"></div>
							<div id="end_act"></div>

							<?php 
                                                echo wp_kses_post($GLOBALS['wb3d_html']);
							?>

						</div>
					</div>
				</div>
			</div><!--End Of Main Div-Slider -->
		</div> <!-- End Of start_sub -->
	</div> <!-- End Of start tag -->
</div><!-- END OF wb3d_panel -->




