').appendTo(draggable);
return true;
}
// Append the element
var item = jQuery('
').appendTo(draggable);
// Set HTML
item.html( jQuery(this).find('textarea[name="html"]').val() );
// Set custom styles
item.attr('style', jQuery(this).find('textarea[name="style"]').val() );
// Set dimensions
item.width( CuteSlider.checkUnit(jQuery(this).find('input[name="width"]').val()) );
item.height( CuteSlider.checkUnit(jQuery(this).find('input[name="height"]').val()) );
// Set positions
item.css('position', 'absolute');
item.css({ zIndex : 10 + item.index() });
item.css('top', CuteSlider.checkUnit(jQuery(this).find('input[name="top"]').val()) );
item.css('left', CuteSlider.checkUnit(jQuery(this).find('input[name="left"]').val()) );
// Set padding
item.css('padding-top', CuteSlider.checkUnit(jQuery(this).find('input[name="padding_top"]').val()) );
item.css('padding-right', CuteSlider.checkUnit(jQuery(this).find('input[name="padding_right"]').val()) );
item.css('padding-bottom', CuteSlider.checkUnit(jQuery(this).find('input[name="padding_bottom"]').val()) );
item.css('padding-left', CuteSlider.checkUnit(jQuery(this).find('input[name="padding_left"]').val()) );
// Set border
item.css('border-top', jQuery(this).find('input[name="border_top"]').val() );
item.css('border-right', jQuery(this).find('input[name="border_right"]').val() );
item.css('border-bottom', jQuery(this).find('input[name="border_bottom"]').val() );
item.css('border-left', jQuery(this).find('input[name="border_left"]').val() );
// Set font
item.css('font-family', jQuery(this).find('input[name="font_family"]').val() );
item.css('font-size', jQuery(this).find('input[name="font_size"]').val() );
item.css('line-height', jQuery(this).find('input[name="line_height"]').val() );
item.css('color', jQuery(this).find('input[name="color"]').val() );
// Set misc
item.css('background-color', jQuery(this).find('input[name="background"]').val() );
// Add draggable
CuteSlider.addDraggable();
});
},
openMediaLibrary : function() {
// New 3.5 media uploader
if(newMediaUploader == true) {
jQuery(document).on('click', '.cs-upload', function() {
uploadInput = this;
// Media Library params
var frame = wp.media({
title : 'Pick an image to use it in Cute Slider WP',
multiple : false,
library : { type : 'image'},
button : { text : 'Insert' },
});
// Runs on select
frame.on('select',function() {
// Get the attachment details
attachment = frame.state().get('selection').first().toJSON();
// Set image URL
jQuery(uploadInput).val( attachment['url'] );
// Generate preview
jQuery('#cs-layers .cs-layer-box').each(function( index ) {
CuteSlider.generatePreview(index);
});
});
// Open ML
frame.open();
});
} else {
// Bind upload button to show media uploader
jQuery(document).on('click', '.cs-upload', function() {
uploadInput = this;
tb_show('Upload or select a new image to insert into Cute Slider WP', 'media-upload.php?type=image&TB_iframe=true&width=650&height=400');
return false;
});
}
},
insertUpload : function() {
// Bind an event to image url insert
window.send_to_editor = function(html) {
// Get the image URL
var img = jQuery('img',html).attr('src');
// Set image URL
jQuery(uploadInput).val( img );
// Remove thickbox window
tb_remove();
// Generate preview
jQuery('#cs-layers .cs-layer-box').each(function( index ) {
CuteSlider.generatePreview(index);
});
};
},
addLayerSortables : function() {
// Bind sortable function
jQuery('#cs-layer-tabs').sortable({
//axis : 'x',
start : function() {
CuteSlider.dragIndex = jQuery('.ui-sortable-placeholder').index() - 1;
},
change: function() {
jQuery('.ui-sortable-helper').addClass('moving');
},
stop : function(event, ui) {
// Get old index
var oldIndex = CuteSlider.dragIndex;
// Get new index
var index = jQuery('.moving').index();
if( index > -1 ){
// Rearraange layer pages
if(index == 0) {
jQuery('#cs-layers .cs-layer-box').eq(oldIndex).prependTo('#cs-layers');
}else{
var layerObj = jQuery('#cs-layers .cs-layer-box').eq(oldIndex);
jQuery('#cs-layers .cs-layer-box').eq(oldIndex).remove();
layerObj.insertAfter('#cs-layers .cs-layer-box:eq('+(index-1)+')');
}
}
jQuery('.moving').removeClass('moving');
// Reindex layers
CuteSlider.reindexLayers();
},
containment : 'parent',
tolerance : 'pointer',
items : 'a:not(.unsortable)'
});
},
addDraggable : function() {
jQuery('.draggable').children().draggable({
drag : function() {
CuteSlider.dragging();
},
stop : function() {
CuteSlider.dragging();
}
});
},
dragging : function() {
// Get positions
var top = jQuery('.ui-draggable-dragging').position().top;
var left = jQuery('.ui-draggable-dragging').position().left;
// Get index
var wrapper = jQuery('.ui-draggable-dragging').closest('.cs-layer-box');
var index = jQuery('.ui-draggable-dragging').index();
// Set positions
wrapper.find('input[name="top"]').eq(index).val(top + 'px');
wrapper.find('input[name="left"]').eq(index).val(left + 'px');
},
selectDragElement : function(el) {
jQuery(el).closest('.cs-layer-box').find('.cs-captions > tr').eq( jQuery(el).index() ).click();
jQuery(el).closest('.cs-layer-box').find('.cs-captions > tr').eq( jQuery(el).index() ).find('.cs-caption-nav a:eq(3)').click();
},
reindexSublayers : function(el) {
jQuery(el).find('.cs-captions > tr').each(function(index) {
// Reindex sublayer number
jQuery(this).find('.cs-caption-number').html( index + 1 );
// Reindex sublayer title if it is untoched
if(
jQuery(this).find('.cs-caption-title').val().indexOf('Sublayer') != -1 &&
jQuery(this).find('.cs-caption-title').val().indexOf('copy') == -1
) {
jQuery(this).find('.cs-caption-title').val('Caption #' + (index + 1) );
}
});
},
reindexLayers : function() {
jQuery('#cs-layer-tabs a:not(.unsortable)').each(function(index) {
jQuery(this).html('Slide #' + (index + 1) + '
x');
});
},
buildTransitionList : function(type, obj) {
},
showPreview : function(el) {
// Create preview
var wrapper = jQuery('
').addClass('cs-transition-preview').prependTo('body');
// Create iframe
var iframe = jQuery('