Your IP : 216.73.216.95
<div id="cs-sample-slide">
<div class="cs-box cs-layer-box active">
<input type="hidden" name="layerkey" value="0">
<table>
<thead class="cs-layer-options-thead">
<tr>
<td colspan="7">
<span id="cs-icon-layer-options"></span>
<h4>
<?php _e('Slide Options', 'CuteSlider') ?>
<a href="#" class="duplicate cs-layer-duplicate"><?php _e('Duplicate this slide', 'CuteSlider') ?></a>
</h4>
</td>
</tr>
</thead>
<tbody class="cs-slide-options">
<tr>
<td class="right"><?php _e('Slide options', 'CuteSlider') ?></td>
<td class="right">Image</td>
<td>
<div class="reset-parent">
<input type="text" name="image" class="cs-upload" value="">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Thumbnail', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="thumbnail" class="cs-upload" value="">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Delay', 'CuteSlider') ?></td>
<td><input type="text" name="slidedelay" value="4">(s)</td>
</tr>
<tr>
<td class="right"><?php _e('Transitions', 'CuteSlider') ?></td>
<td class="right">3D</td>
<td>
<input type="hidden" name="3d_transitions" value="">
<a href="#" class="cs-open-transition-gallery 3d"><?php _e('Select 3D transitions', 'CuteSlider') ?></a>
</td>
<td class="right">2D</td>
<td>
<input type="hidden" name="2d_transitions" value="">
<a href="#" class="cs-open-transition-gallery 2d"><?php _e('Select 2D transitions', 'CuteSlider') ?></a>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td class="right"><?php _e('Link this slide', 'CuteSlider') ?></td>
<td class="right"><?php _e('URL', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="link">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Target', 'CuteSlider') ?></td>
<td>
<select name="link_target">
<option>_self</option>
<option>_blank</option>
</select>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td class="right"><?php _e('Info box', 'CuteSlider') ?></td>
<td class="right"><?php _e('Alignment', 'CuteSlider') ?></td>
<td>
<select name="infobox_aligment">
<option value="top"><?php _e('top', 'CuteSlider') ?></option>
<option value="right"><?php _e('right', 'CuteSlider') ?></option>
<option value="bottom" selected="selected"><?php _e('bottom', 'CuteSlider') ?></option>
<option value="left"><?php _e('left', 'CuteSlider') ?></option>
</select>
</td>
<td class="right"><?php _e('Title', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="infobox_title">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Text', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="infobox_text">
<span class="cs-reset">x</span>
</div>
</td>
</tr>
<tr>
<td class="right"><?php _e('Inbo box link', 'CuteSlider') ?></td>
<td class="right"><?php _e('Name', 'CuteSlider') ?></td>
<td><input type="text" name="infobox_button" value="<?php _e('Read more', 'CuteSlider') ?>"></td>
<td class="right"><?php _e('URL', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="infobox_link">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Target', 'CuteSlider') ?></td>
<td>
<select name="infobox_target">
<option>_self</option>
<option>_blank</option>
</select>
</td>
</tr>
<tr>
<td class="right"><?php _e('Misc', 'CuteSlider') ?></td>
<td class="right"><?php _e('Video URL', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="video">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Hidden', 'CuteSlider') ?></td>
<td colspan="5"><input type="checkbox" class="checkbox" name="skip"></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<td>
<span id="cs-icon-preview"></span>
<h4><?php _e('Preview', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="9" class="cs-preview-td">
<div class="cs-preview-wrapper">
<div class="cs-preview">
<div class="draggable"></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<td>
<span id="cs-icon-captions"></span>
<h4><?php _e('Captions', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody class="cs-captions"></tbody>
</table>
<a href="#" class="cs-add-sublayer"><?php _e('Add new caption', 'CuteSlider') ?></a>
</div>
</div>
<table id="cs-sample-caption">
<tbody>
<tr>
<td>
<div class="cs-caption-wrapper">
<span class="cs-caption-number">1</span>
<input type="text" name="subtitle" class="cs-caption-title" value="Caption #1">
<div class="clear"></div>
<div class="cs-caption-nav">
<a href="#" class="active">HTML</a>
<a href="#"><?php _e('Options', 'CuteSlider') ?></a>
<a href="#"><?php _e('Link', 'CuteSlider') ?></a>
<a href="#"><?php _e('Style', 'CuteSlider') ?></a>
<a href="#" title="Remove this caption" class="remove">x</a>
</div>
<div class="cs-caption-pages">
<div class="cs-caption-page cs-caption-html active">
<textarea name="html" cols="50" rows="5"></textarea>
</div>
<div class="cs-caption-page cs-caption-options">
<table>
<tbody>
<tr>
<td><?php _e('Caption options', 'CuteSlider') ?></td>
<td class="right"><?php _e('Effect', 'CuteSlider') ?></td>
<td>
<select name="effect">
<option value="fade"><?php _e('fade', 'CuteSlider') ?></option>
<option value="slide"><?php _e('slide', 'CuteSlider') ?></option>
</select>
</td>
<td class="right"><?php _e('Delay', 'CuteSlider')?></td>
<td><input type="text" name="delay" value="0"> (ms)</td>
<td class="right">Hidden</td>
<td><input type="checkbox" name="skip"></td>
<td class="right"></td>
<td><button class="button duplicate"><?php _e('Duplicate this caption', 'CuteSlider') ?></button></td>
</tr>
</table>
</div>
<div class="cs-caption-page cs-caption-link">
<table>
<tbody>
<tr>
<td><?php _e('URL', 'CuteSlider') ?></td>
<td class="url"><input type="text" name="url" value=""></td>
<td>
<select name="target">
<option>_self</option>
<option>_blank</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="cs-caption-page cs-caption-style">
<table>
<tbody>
<tr>
<td><?php _e('Dimensions', 'CuteSlider') ?></td>
<td class="right"><?php _e('Width', 'CuteSlider') ?></td>
<td><input type="text" name="width" value="auto"></td>
<td class="right"><?php _e('Height', 'CuteSlider') ?></td>
<td colspan="5"><input type="text" name="height" value="auto"></td>
<tr>
<td><?php _e('Positions', 'CuteSlider') ?></td>
<td class="right"><?php _e('Top', 'CuteSlider') ?></td>
<td><input type="text" name="top" value="10%"></td>
<td class="right"><?php _e('Left', 'CuteSlider') ?></td>
<td colspan="5"><input type="text" name="left" value="10%"></td>
</tr>
<tr>
<td><?php _e('Padding', 'CuteSlider') ?></td>
<td class="right"><?php _e('Top', 'CuteSlider') ?></td>
<td><input type="text" name="padding_top" value="1%"></td>
<td class="right"><?php _e('Right', 'CuteSlider') ?></td>
<td><input type="text" name="padding_right" value="1%"></td>
<td class="right"><?php _e('Bottom', 'CuteSlider') ?></td>
<td><input type="text" name="padding_bottom" value="1%"></td>
<td class="right"><?php _e('Left', 'CuteSlider') ?></td>
<td><input type="text" name="padding_left" value="1%"></td>
</tr>
<tr>
<td><?php _e('Border', 'CuteSlider') ?></td>
<td class="right"><?php _e('Top', 'CuteSlider') ?></td>
<td><input type="text" name="border_top" value="0px solid #000"></td>
<td class="right"><?php _e('Right', 'CuteSlider') ?></td>
<td><input type="text" name="border_right" value="0px solid #000"></td>
<td class="right"><?php _e('Bottom', 'CuteSlider') ?></td>
<td><input type="text" name="border_bottom" value="0px solid #000"></td>
<td class="right"><?php _e('Left', 'CuteSlider') ?></td>
<td><input type="text" name="border_left" value="0px solid #000"></td>
</tr>
<tr>
<td><?php _e('Font', 'CuteSlider') ?></td>
<td class="right"><?php _e('Family', 'CuteSlider') ?></td>
<td><input type="text" name="font_family" value="Arial, sans-serif"></td>
<td class="right"><?php _e('Size', 'CuteSlider') ?></td>
<td><input type="text" name="font_size" value="17px"></td>
<td class="right"><?php _e('Line-height', 'CuteSlider') ?></td>
<td><input type="text" name="line_height" value="normal"></td>
<td class="right"><?php _e('Color', 'CuteSlider')?></td>
<td><input type="text" name="color" value="#FFF"></td>
</tr>
<tr>
<td><?php _e('Misc', 'CuteSlider') ?></td>
<td class="right"><?php _e('Background', 'CuteSlider') ?></td>
<td colspan="7"><input type="text" name="background" value="#000"></td>
</tr>
<tr>
<td><?php _e('Custom style settings', 'CuteSlider') ?></td>
<td class="right"><?php _e('Custom styles', 'CuteSlider') ?></td>
<td colspan="7"><textarea rows="5" cols="50" name="style" class="style"></textarea></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<form action="<?php echo $_SERVER['REQUEST_URI'] ?>" method="post" class="wrap" id="cs-slider-form">
<input type="hidden" name="posted_add" value="1">
<!-- Title -->
<div class="cuteslider-icon"></div>
<h2>
<?php _e('Add new Cute Slider', 'CuteSlider') ?>
<a href="?page=cuteslider" class="add-new-h2"><?php _e('Back to the list', 'CuteSlider') ?></a>
</h2>
<!-- Main menu bar -->
<div id="cs-main-nav-bar">
<a href="#" class="settings active"><?php _e('Slider Settings', 'CuteSlider') ?></a>
<a href="#" class="layers"><?php _e('Slides', 'CuteSlider') ?></a>
<a href="#" class="callbacks"><?php _e('Callbacks', 'CuteSlider') ?></a>
<a href="#" class="support unselectable"><?php _e('Documentation', 'CuteSlider') ?></a>
<a href="#" class="clear unselectable"></a>
</div>
<!-- Pages -->
<div id="cs-pages">
<!-- Slider Settings -->
<div class="cs-page cs-settings active">
<div id="post-body-content">
<div id="titlediv">
<div id="titlewrap">
<input type="text" name="title" value="" id="title" autocomplete="off" placeholder="<?php _e('Type your slider name here', 'CuteSlider') ?>">
</div>
</div>
</div>
<div class="cs-box cs-settings">
<h3 class="header"><?php _e('Slider Settings', 'CuteSlider') ?></h3>
<table>
<thead>
<tr>
<td colspan="3">
<span id="cs-icon-basic"></span>
<h4><?php _e('Basic', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php _e('Width', 'CuteSlider') ?></td>
<td><input type="text" name="width" value="600" class="input"></td>
<td class="desc">(px) <?php _e('The slider width in pixels.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Height', 'CuteSlider') ?></td>
<td><input type="text" name="height" value="300" class="input"></td>
<td class="desc">(px) <?php _e('The slider height in pixels.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Responsiveness', 'CuteSlider') ?></td>
<td><input type="checkbox" name="responsive" checked="checked"></td>
<td class="desc"><?php _e('Enable this option to turn Cute Slider WP into a responsive slider.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Min-Width', 'CuteSlider') ?></td>
<td><input type="text" name="minwidth" value="0" class="input"></td>
<td class="desc">(px) <?php _e('The slider minimum width in pixels. Zero means disabled.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Max-Width', 'CuteSlider') ?></td>
<td><input type="text" name="maxwidth" value="0" class="input"></td>
<td class="desc">(px) <?php _e('The slider maximum width in pixels. Zero means disabled.', 'CuteSlider') ?></td>
</tr>
</tbody>
<thead>
<tr>
<td colspan="3">
<span id="cs-icon-slideshow"></span>
<h4><?php _e('Slideshow', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php _e('Automatically start slideshow', 'CuteSlider') ?></td>
<td><input type="checkbox" name="autostart" checked="checked"></td>
<td class="desc"><?php _e('If enabled, slideshow will automatically start after loading the page.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Pause on hover', 'CuteSlider') ?></td>
<td><input type="checkbox" name="pauseonhover" checked="checked"></td>
<td class="desc"><?php _e('Slideshow will pause when your mouse pointer is over CuteSlider.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Random slideshow', 'CuteSlider') ?></td>
<td><input type="checkbox" name="randomslideshow"></td>
<td class="desc"><?php _e('Cute Slider will change slides in random order.', 'CuteSlider') ?></td>
</tr>
</tbody>
<thead>
<tr>
<td colspan="3">
<span id="cs-icon-appearance"></span>
<h4><?php _e('Appearance', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php _e('Skin', 'CuteSlider') ?></td>
<td>
<select name="skin">
<?php $files = scandir(dirname(__FILE__) . '/skins'); ?>
<?php foreach($files as $entry) : ?>
<?php if($entry == '.' || $entry == '..' || $entry == 'preview') continue; ?>
<?php if($entry == 'borderlesslight') { ?>
<option selected="selected"><?php echo $entry ?></option>
<?php } else { ?>
<option><?php echo $entry ?></option>
<?php } ?>
<?php endforeach; ?>
</select>
</td>
<td class="desc"><?php _e('You can change the skin of your slider. Your custom skins will appear in the list when you create their folders as well.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Force 2D transitions', 'CuteSlider') ?></td>
<td><input type="checkbox" name="force_2d"></td>
<td class="desc"><?php _e('CuteSlider WP will use 3D transitions when available, with this option you can force the slider to use 2D transitions only.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Shadow', 'CuteSlider') ?></td>
<td><input type="checkbox" name="shadow" checked="checked"></td>
<td class="desc"><?php _e('If you enable this option, there will be a shadow below the slider.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Slider style', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="sliderstyle" class="input">
<span class="cs-reset">x</span>
</div>
</td>
<td class="desc"><?php _e('Here you can apply your custom CSS style settings to the slider.', 'CuteSlider') ?></td>
</tr>
</tbody>
<thead>
<tr>
<td colspan="3">
<span id="cs-icon-navigation"></span>
<h4><?php _e('Navigation', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php _e('Thumbnail navigation', 'CuteSlider') ?></td>
<td>
<select name="thumbnav">
<option value="disabled"><?php _e('Disabled', 'CuteSlider') ?></option>
<option value="hover" selected="selected"><?php _e('Hover', 'CuteSlider') ?></option>
<option value="always"><?php _e('Thumbnail list', 'CuteSlider') ?></option>
</select>
</td>
<td class="desc"><?php _e('If enabled, the navigation buttons will show small thumbnails of the slide if you move your mouse cursor over them.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Hover thumbnails alignment', 'CuteSlider') ?></td>
<td>
<select name="thumbnav_hover_align">
<option value="up" selected="selected"><?php _e('Above navigation', 'CuteSlider') ?></option>
<option value="bottom"><?php _e('Below navigation', 'CuteSlider') ?></option>
</select>
</td>
<td class="desc"><?php _e('Specifies the aligment of hover thumbnails.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Prev and Next buttons', 'CuteSlider') ?></td>
<td><input type="checkbox" name="navprevnext" checked="checked"></td>
<td class="desc"><?php _e('If disabled, Prev and Next buttons will be invisible.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Slide buttons', 'CuteSlider') ?></td>
<td><input type="checkbox" name="navbuttons" checked="checked"></td>
<td class="desc"><?php _e('If disabled, slide buttons will be invisible.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Bar timer', 'CuteSlider') ?></td>
<td><input type="checkbox" name="navbartimer" checked="checked"></td>
<td class="desc"><?php _e('Adds bar timer to your slides.', 'CuteSlider') ?></td>
</tr>
<tr>
<td><?php _e('Circle timer', 'CuteSlider') ?></td>
<td><input type="checkbox" name="navcircletimer" checked="checked"></td>
<td class="desc"><?php _e('Adds circle timer to your slides. Please note that this type of timer only works in modern browsers that support the canvas element.', 'CuteSlider') ?></td>
</tbody>
<thead>
<tr>
<td colspan="3">
<span id="cs-icon-misc"></span>
<h4><?php _e('Misc', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php _e('Use relative URLs', 'CuteSlider') ?></td>
<td><input type="checkbox" name="relativeurls"></td>
<td class="desc"><?php _e('If enabled, Cute Slider WP will use relative URLs for images.', 'CuteSlider') ?></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Slides -->
<div class="cs-page">
<div id="cs-layer-tabs">
<a href="#" class="active">Slide #1 <span>x</span></a>
<a href="#" class="unsortable" id="cs-add-layer"><?php _e('Add new slide', 'CuteSlider') ?></a>
<div class="unsortable clear"></div>
</div>
<div id="cs-layers">
<div class="cs-box cs-layer-box active">
<input type="hidden" name="layerkey" value="0">
<table>
<thead class="cs-layer-options-thead">
<tr>
<td colspan="7">
<span id="cs-icon-layer-options"></span>
<h4>
<?php _e('Slide Options', 'CuteSlider') ?>
<a href="#" class="duplicate cs-layer-duplicate"><?php _e('Duplicate this slide', 'CuteSlider') ?></a>
</h4>
</td>
</tr>
</thead>
<tbody class="cs-slide-options">
<tr>
<td class="right"><?php _e('Slide options', 'CuteSlider') ?></td>
<td class="right"><?php _e('Image', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="image" class="cs-upload" value="">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Thumbnail', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="thumbnail" class="cs-upload" value="">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Delay', 'CuteSlider') ?></td>
<td><input type="text" name="slidedelay" value="4">(s)</td>
</tr>
<tr>
<td class="right"><?php _e('Transitions', 'CuteSlider') ?></td>
<td class="right">3D</td>
<td>
<input type="hidden" name="3d_transitions" value="">
<a href="#" class="cs-open-transition-gallery 3d"><?php _e('Select 3D transitions', 'CuteSlider') ?></a>
</td>
<td class="right">2D</td>
<td>
<input type="hidden" name="2d_transitions" value="">
<a href="#" class="cs-open-transition-gallery 2d"><?php _e('Select 2D transitions', 'CuteSlider') ?></a>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td class="right"><?php _e('Link this slide', 'CuteSlider') ?></td>
<td class="right"><?php _e('URL', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="link">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Target', 'CuteSlider') ?></td>
<td>
<select name="link_target">
<option>_self</option>
<option>_blank</option>
</select>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td class="right"><?php _e('Info box', 'CuteSlider') ?></td>
<td class="right"><?php _e('Alignment', 'CuteSlider') ?></td>
<td>
<select name="infobox_aligment">
<option value="top"><?php _e('top', 'CuteSlider') ?></option>
<option value="right"><?php _e('right', 'CuteSlider') ?></option>
<option value="bottom" selected="selected"><?php _e('bottom', 'CuteSlider') ?></option>
<option value="left"><?php _e('left', 'CuteSlider') ?></option>
</select>
</td>
<td class="right"><?php _e('Title', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="infobox_title">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Text', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="infobox_text">
<span class="cs-reset">x</span>
</div>
</td>
</tr>
<tr>
<td class="right"><?php _e('Inbo box link', 'CuteSlider') ?></td>
<td class="right"><?php _e('Name', 'CuteSlider') ?></td>
<td><input type="text" name="infobox_button" value="Read more"></td>
<td class="right"><?php _e('URL', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="infobox_link">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Target', 'CuteSlider') ?></td>
<td>
<select name="infobox_target">
<option>_self</option>
<option>_blank</option>
</select>
</td>
</tr>
<tr>
<td class="right"><?php _e('Misc', 'CuteSlider') ?></td>
<td class="right"><?php _e('Video URL', 'CuteSlider') ?></td>
<td>
<div class="reset-parent">
<input type="text" name="video">
<span class="cs-reset">x</span>
</div>
</td>
<td class="right"><?php _e('Hidden', 'CuteSlider') ?></td>
<td colspan="5"><input type="checkbox" class="checkbox" name="skip"></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<td>
<span id="cs-icon-preview"></span>
<h4><?php _e('Preview', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="9" class="cs-preview-td">
<div class="cs-preview-wrapper">
<div class="cs-preview">
<div class="draggable"></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<td>
<span id="cs-icon-captions"></span>
<h4><?php _e('Captions', 'CuteSlider') ?></h4>
</td>
</tr>
</thead>
<tbody class="cs-captions">
</tbody>
</table>
<a href="#" class="cs-add-sublayer"><?php _e('Add new caption', 'CuteSlider') ?></a>
</div>
</div>
</div>
<!-- Event Callbacks -->
<div class="cs-page cs-callback-page">
<div class="cs-box cs-callback-box">
<h3 class="header">Cute.SliderEvent.CHANGE_START</h3>
<div class="inner">
<textarea name="api_change_start" cols="20" rows="5">function(event) { }</textarea>
</div>
</div>
<div class="cs-box cs-callback-box">
<h3 class="header">Cute.SliderEvent.CHANGE_END</h3>
<div class="inner">
<textarea name="api_change_end" cols="20" rows="5">function(event) { }</textarea>
</div>
</div>
<div class="cs-box cs-callback-box side">
<h3 class="header">Cute.SliderEvent.WATING</h3>
<div class="inner">
<textarea name="api_wating" cols="20" rows="5">function(event) { }</textarea>
</div>
</div>
<div class="cs-box cs-callback-box">
<h3 class="header">Cute.SliderEvent.CHANGE_NEXT_SLIDE</h3>
<div class="inner">
<textarea name="api_change_next" cols="20" rows="5">function(event) { }</textarea>
</div>
</div>
<div class="cs-box cs-callback-box">
<h3 class="header">Cute.SliderEvent.WATING_FOR_NEXT</h3>
<div class="inner">
<textarea name="api_waiting_next" cols="20" rows="5">function(event) { }</textarea>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="cs-box cs-publish">
<h3 class="header"><?php _e('Publish', 'CuteSlider') ?></h3>
<div class="inner">
<button class="button-primary"><?php _e('Save changes', 'CuteSlider') ?></button>
<p class="cs-saving-warning"></p>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript">
<?php if(function_exists( 'wp_enqueue_media' )) { ?>
var newMediaUploader = true;
<?php } else { ?>
var newMediaUploader = false;
<?php } ?>
</script>
</form>