wp/wp-content/plugins/codecanyon-3027163-content-timeline-responsive-wordpress-plugin/js/ctimeline_admin.js
changeset 14 00ac8f60d73f
parent 13 d255fe9cd479
child 15 3d4e9c994f10
equal deleted inserted replaced
13:d255fe9cd479 14:00ac8f60d73f
     1 (function($){
       
     2 $(document).ready(function(){	
       
     3 
       
     4 	// COLORPICKER
       
     5 	var colPickerOn = false,
       
     6 		colPickerShow = false, 
       
     7 		pluginUrl = $('#plugin-url').val(),
       
     8 		timthumb = pluginUrl + 'timthumb/timthumb.php';
       
     9 	// colorpicker field
       
    10 	$('.cw-color-picker').each(function(){
       
    11 		var $this = $(this),
       
    12 			id = $this.attr('rel');
       
    13  
       
    14 		$this.farbtastic('#' + id);
       
    15 		$this.click(function(){
       
    16 			$this.show();
       
    17 		});
       
    18 		$('#' + id).click(function(){
       
    19 			$('.cw-color-picker:visible').hide();
       
    20 			$('#' + id + '-picker').show();
       
    21 			colPickerOn = true;
       
    22 			colPickerShow = true;
       
    23 		});
       
    24 		$this.click(function(){
       
    25 			colPickerShow = true;	
       
    26 		});
       
    27 		
       
    28 	});
       
    29 	$('body').click(function(){
       
    30 		if(colPickerShow) colPickerShow = false;
       
    31 		else {
       
    32 			colPickerOn = false;
       
    33 			$('.cw-color-picker:visible').hide();
       
    34 		}
       
    35 	});
       
    36 
       
    37 	// IMAGE UPLOAD
       
    38 	var thickboxId =  '',
       
    39 		thickItem = false; 
       
    40 	
       
    41 	// backgorund images
       
    42 	$('.cw-image-upload').click(function(e) {
       
    43 		e.preventDefault();
       
    44 		thickboxId = '#' + $(this).attr('id');
       
    45 		formfield = $(thickboxId + '-input').attr('name');
       
    46 		tb_show('', 'media-upload.php?type=image&TB_iframe=true');
       
    47 		return false;
       
    48 	});
       
    49 	
       
    50 
       
    51 	window.send_to_editor = function(html) {
       
    52 		imgurl = $('img',html).attr('src');
       
    53 		$(thickboxId + '-input').val(imgurl);
       
    54 		if (thickItem) {
       
    55 			thickItem = false;
       
    56 			$(thickboxId).attr('src', timthumb + '?src=' + imgurl + '&w=258&h=50');
       
    57 		}
       
    58 		else {
       
    59 			$(thickboxId).css('background', 'url('+imgurl+') repeat');
       
    60 		}
       
    61 		tb_remove();
       
    62 	}
       
    63 	
       
    64 	$('.remove-image').click(function(e){
       
    65 		e.preventDefault();
       
    66 		$(this).parent().parent().find('input').val('');
       
    67 		$(this).parent().parent().find('.cw-image-upload').css('background-image', 'url(' + pluginUrl + '/images/no_image.jpg)');
       
    68 	});
       
    69 
       
    70 	// CATEGORIES
       
    71 	if ($('#cat-type').val() == 'categories') {
       
    72 		$('.cat-display').show();
       
    73 		$('.data_id').css('color', 'gray');
       
    74 	}
       
    75 	else {
       
    76 		$('.category_id').css('color', 'gray');
       
    77 	}
       
    78 	$('#cat-type').change(function(){
       
    79 		if ($(this).val() == 'months') {
       
    80 			$('.cat-display').hide();
       
    81 			$('.category_id').css('color', 'gray');
       
    82 			$('.data_id').css('color', '');
       
    83 			alert('Check the Date field of your items before you save!');
       
    84 		}
       
    85 		else {
       
    86 			$('.cat-display').show();
       
    87 			$('.data_id').css('color', 'gray');
       
    88 			$('.category_id').css('color', '');
       
    89 			alert('Check the Category field of your items, and pick categoryes you want to show before you save!');
       
    90 		}
       
    91 	});
       
    92 	
       
    93 	$('#cat-check-all').click(function(){
       
    94 		$('.cat-name').attr('checked', true);
       
    95 	});
       
    96 	
       
    97 	$('#cat-uncheck-all').click(function(){
       
    98 		$('.cat-name').attr('checked', false);
       
    99 	});
       
   100 	
       
   101 	
       
   102 	// SORTABLE
       
   103 	
       
   104 	$('#timeline-sortable').sortable({
       
   105 		placeholder: "tsort-placeholder"
       
   106 	});
       
   107 	
       
   108 	//---------------------------------------------
       
   109 	// Ctimeline Sortable Actions
       
   110 	//---------------------------------------------
       
   111 	
       
   112 	// add
       
   113 	$('#tsort-add-new').click(function(e){
       
   114 		e.preventDefault();
       
   115 		ctimelineAddNew(pluginUrl);
       
   116 	});
       
   117 
       
   118 	// open item
       
   119 	$('.tsort-plus').live('click', function(){
       
   120 		if (!$(this).hasClass('open')) {
       
   121 			$(this).addClass('open');
       
   122 			$(this).html('-').css('padding', '5px 8px');
       
   123 			$(this).next().next('.tsort-content').show();
       
   124 		}
       
   125 		else {
       
   126 			$(this).removeClass('open');
       
   127 			$(this).html('+').css('padding', '7px 5px');
       
   128 			$(this).next().next('.tsort-content').hide();
       
   129 		}
       
   130 	});
       
   131 	// delete
       
   132 	$('.tsort-delete').live('click', function(e){
       
   133 		e.preventDefault();
       
   134 		$(this).parent().parent().remove();
       
   135 	});
       
   136 	
       
   137 	$('.tsort-remove').live('click', function(e){
       
   138 		e.preventDefault();
       
   139 		$(this).parent().find('input').val('');
       
   140 		$(this).parent().find('img').attr('src', pluginUrl + '/images/no_image.jpg');
       
   141 	});
       
   142 	
       
   143 	
       
   144 	// item images
       
   145 	$('.tsort-change').live('click', function(e) {
       
   146 		e.preventDefault();
       
   147 		thickItem = true;
       
   148 		thickboxId = '#' + $(this).parent().find('img').attr('id');
       
   149 		formfield = $(thickboxId + '-input').attr('name');
       
   150 		tb_show('', 'media-upload.php?type=image&TB_iframe=true');
       
   151 		return false;
       
   152 	});
       
   153 	
       
   154 	// item images
       
   155 	$('.tsort-start-item').live('click', function(e) {
       
   156 		$('.tsort-start-item').attr('checked', false);
       
   157 		$(this).attr('checked', 'checked');
       
   158 	});
       
   159 	
       
   160 	// ----------------------------------------
       
   161 	
       
   162 	// AJAX subbmit
       
   163 	$('#save-timeline').click(function(e){
       
   164 	e.preventDefault();
       
   165 		$('#save-loader').show();
       
   166 		$.ajax({
       
   167 			type:'POST', 
       
   168 			url: 'admin-ajax.php', 
       
   169 			data:'action=ctimeline_save&' + $('#post_form').serialize(), 
       
   170 			success: function(response) {
       
   171 				$('#timeline_id').val(response);
       
   172 				$('#save-loader').hide();
       
   173 			}
       
   174 		});
       
   175 	});
       
   176 	
       
   177 	$('#preview-timeline').click(function(e){
       
   178 		e.preventDefault();
       
   179 		var html = '<div id="TBct_overlay" class="TBct_overlayBG"></div>';
       
   180 		html += '<div id="TBct_window" style="width:250px; margin-left:-75px; height:80px; margin-top:-40px; visibility: visible;">';
       
   181 		html += '<div id="TBct_title"><div id="TBct_ajaxWindowTitle">Preview</div>';
       
   182 		html += '<div id="TBct_closeAjaxWindow"><a id="TBct_closeWindowButton" title="Close" href="#"><img src="'+pluginUrl+'/images/tb-close.png" alt="Close"></a></div>';
       
   183 		html += '</div>';
       
   184 		html += '<div id="timelineHolder" style="margin:0 auto;">';
       
   185 		html += '<img style="margin:20px 20px;" id="TBct_loader" src="'+pluginUrl+'/images/loadingAnimation.gif" />';
       
   186 		html += '</div>';
       
   187 		html += '<div style="clear:both;"></div></div>';
       
   188 		html += '</div>';
       
   189 		$('body').append(html);
       
   190 		var postForm = $('#post_form').serialize();
       
   191 		$.ajax({
       
   192 			type:'POST', 
       
   193 			url: 'admin-ajax.php', 
       
   194 			data:'action=ctimeline_preview&' + postForm, 
       
   195 			success: function(response) {
       
   196 				$('#TBct_loader').hide();
       
   197 				$('#TBct_window').animate({width: '100%', marginLeft:'-50%', marginTop: '-250px', height: '500px'}, 500, function(){
       
   198 					$('#timelineHolder').html(response);
       
   199 					$('#timelineHolder').css({'overflow-y':'scroll', 'position': 'relative', 'width':'100%', 'height':'470px'});
       
   200 				
       
   201 					if($('#read-more').val() == 'whole-item') {
       
   202 						var $read_more = '.item';
       
   203 						var $swipeOn = false;
       
   204 					}
       
   205 					else if ($('#read-more').val() == 'button') {
       
   206 						var $read_more = '.read_more';
       
   207 						var $swipeOn = true;
       
   208 					}
       
   209 					else {
       
   210 						var $read_more = '.none';
       
   211 						var $swipeOn = true;
       
   212 					}
       
   213 					
       
   214 					var startItem = $('#ctimeline-preview-start-item').val();
       
   215 					
       
   216 					
       
   217 					var $cats = [];
       
   218 					var $numOfItems = []; 
       
   219 					var numGet = parseInt($('#number-of-posts').val());
       
   220 					$('input[name|="cat-name"]:checked').each(function(){
       
   221 						$cats.push($(this).val());
       
   222 						$numOfItems.push(numGet);
       
   223 					
       
   224 					});
       
   225 					
       
   226 					
       
   227 					
       
   228 					
       
   229 					var jsonOptions = {
       
   230 						itemMargin : parseInt($('#item-margin').val()),
       
   231 						swipeOn : $swipeOn, 
       
   232 						scrollSpeed : parseInt($('#scroll-speed').val()),
       
   233 						easing : $('#easing').val(),
       
   234 						openTriggerClass : $read_more,
       
   235 						startItem : startItem,
       
   236 						yearsOn : ($('#years-on:checked').length > 0  ),
       
   237 						hideTimeline : ($('#hide-line:checked').length > 0 ),
       
   238 						hideControles : ($('#hide-nav:checked').length > 0 )
       
   239 					}
       
   240 					
       
   241 					if (typeof $cats[0] != 'undefined' && $('#cat-type').val() == 'categories') {
       
   242 						jsonOptions.yearsOn = false;
       
   243 						jsonOptions.categories = $cats;
       
   244 						jsonOptions.numberOfSegments = $numOfItems;
       
   245 					}
       
   246 					$(".scrollable-content").mCustomScrollbar();
       
   247 					$('.timeline').timeline(jsonOptions);
       
   248 					$('#preview-loader').hide();
       
   249 					
       
   250 					$('#TBct_closeWindowButton').click(function(ev){
       
   251 						ev.preventDefault();
       
   252 						$('.timeline').timeline('destroy');
       
   253 						$('#TBct_overlay').remove();
       
   254 						$('#TBct_window').remove();
       
   255 					});
       
   256 				});
       
   257 				
       
   258 			}
       
   259 		});
       
   260 	});
       
   261 	
       
   262 	
       
   263 });
       
   264 
       
   265 
       
   266 function ctimelineSortableActions(pluginUrl) {
       
   267 
       
   268 	
       
   269 	
       
   270 		
       
   271 }
       
   272 
       
   273 function ctimelineAddNew(pluginUrl) {
       
   274 	var searches = new Array();
       
   275 	searches[''] = '';
       
   276 	var html = '<div id="TBct_overlay" class="TBct_overlayBG"></div>';
       
   277 	html += '<div id="TBct_window" style="width:450px; margin-left:-225px; margin-top:-35px; height:70px; visibility: visible;">';
       
   278 	html += '<div id="TBct_title"><div id="TBct_ajaxWindowTitle">Add new timeline item</div>'
       
   279 	html += '<div id="TBct_closeAjaxWindow"><a id="TBct_closeWindowButton" title="Close" href="#"><img src="'+pluginUrl+'/images/tb-close.png" alt="Close"></a></div>';
       
   280 	html += '</div>';
       
   281 	html += '<a href="#" id="TBct_timelineSubmit" style="margin:10px;" class="button button-highlighted alignright">Add</a><img id="TBct_timelineSubmitLoader" class="alignright" src="'+pluginUrl+'/images/ajax-loader.gif" /><select id="TBct_timelineSelect" style="margin:10px; width:150px;"><option value="new">Add New</option><option value="post">From Post</option><option value="category">Whole Category</option></select>';
       
   282 	html += '<div id="TBct_timelineFromPost" style="padding:10px; border-top:1px solid gray; display:none;"><label for="timelineFromPost">Search posts:</label> <span id="timelineFromPostHolder"><input id="timelineFromPost" name="timelineFromPost" style="width:325px;"/><img id="timelineFromPostLoader" src="'+pluginUrl+'/images/ajax-loader.gif" /> <ul style="display:none;" id="timelineFromPostComplete"></ul></span>';
       
   283 	
       
   284 	html += '</div>';
       
   285 	html += '<div id="TBct_timelineWholeCategory" style="padding:10px; border-top:1px solid gray; display:none;">';
       
   286 	html += '<label for="TBct_timelineCategorySelect">Pick category</label> <select style="width:200px" id="TBct_timelineCategorySelect" name="TBct_timelineCategorySelect">'
       
   287 	var allCats = $('#categories-hidden').val();
       
   288 	if(allCats) {
       
   289 		allCats = allCats.split('||');
       
   290 	}
       
   291 	else {
       
   292 		allCats = new Array();
       
   293 	}
       
   294 	for (cate in allCats) {
       
   295 		html += '<option value="'+allCats[cate]+'">'+allCats[cate]+'</option>';
       
   296 	}
       
   297 	
       
   298 	html += '</select>';
       
   299 	html += '</div>';
       
   300 	html += '</div>';
       
   301 	$('body').prepend(html);
       
   302 	
       
   303 
       
   304 	$('#TBct_closeWindowButton').click(function(e){
       
   305 		e.preventDefault();
       
   306 		$('#TBct_overlay').remove();
       
   307 		$('#TBct_window').remove();
       
   308 	});
       
   309 	
       
   310 	$('#TBct_timelineSelect').change(function(){
       
   311 		if ($(this).val() == 'new') {
       
   312 			$('#TBct_window').css({marginTop:'-35px', height:'70px'});
       
   313 			$('#TBct_timelineFromPost').hide();
       
   314 			$('#TBct_timelineWholeCategory').hide();
       
   315 		}
       
   316 		if ($(this).val() == 'category') {
       
   317 			$('#TBct_window').css({marginTop:'-60px', height:'120px'});
       
   318 			$('#TBct_timelineWholeCategory').show();
       
   319 			$('#TBct_timelineFromPost').hide();
       
   320 		}
       
   321 		else {
       
   322 			$('#TBct_window').css({marginTop:'-150px', height:'300px'});
       
   323 			$('#TBct_timelineFromPost').show();
       
   324 			$('#TBct_timelineWholeCategory').hide();
       
   325 		}	
       
   326 	});
       
   327 	
       
   328 	$('#TBct_timelineSubmit').click(function(e){
       
   329 		e.preventDefault();
       
   330 		var timelineItem = '';
       
   331 		if ($('#TBct_timelineSelect').val() == 'new') {
       
   332 			timelineItem = timelineGenerateItem();
       
   333 			$('#timeline-sortable').append(timelineItem);
       
   334 			$('.tsort-start-item').eq($('.tsort-start-item').length-1).trigger('click').attr('checked', 'checked');
       
   335 			$('#TBct_overlay').remove();
       
   336 			$('#TBct_window').remove();
       
   337 		}
       
   338 		else if ($('#TBct_timelineSelect').val() == 'category') {
       
   339 			$('#TBct_timelineSubmitLoader').show();
       
   340 			$.ajax({
       
   341 				url:"admin-ajax.php",
       
   342 				type:"POST",
       
   343 				data:'action=ctimeline_post_category_get&cat_name='+$('TBct_timelineCategorySelect').val(),
       
   344 				
       
   345 				success:function(results){
       
   346 					var resultsArray = results.split('||');
       
   347 					var ii = 0;
       
   348 					while (typeof resultsArray[0+ii] != 'undefined') {
       
   349 							
       
   350 						var properties = {
       
   351 							'title' : resultsArray[0+ii],
       
   352 							'dataId' : resultsArray[1+ii],
       
   353 							'categoryId' : resultsArray[2+ii],
       
   354 							'itemContent' : resultsArray[3+ii],
       
   355 							'itemImage' : resultsArray[4+ii],
       
   356 							'itemOpenContent' : resultsArray[5+ii]
       
   357 							}
       
   358 						timelineItem = timelineGenerateItem(properties);
       
   359 						$('#timeline-sortable').append(timelineItem);
       
   360 						ii +=6;
       
   361 					}
       
   362 					$('.tsort-start-item').eq($('.tsort-start-item').length-1).trigger('click').attr('checked', 'checked');
       
   363 					$('#TBct_overlay').remove();
       
   364 					$('#TBct_window').remove();
       
   365 				}
       
   366 			});
       
   367 		}
       
   368 		
       
   369 		else if($('#timelineFromPostComplete li a.active').length < 1) {
       
   370 			alert('You have to select post you want to add, or choose add new!');
       
   371 		}
       
   372 		else {
       
   373 			var postId = $('#timelineFromPostComplete li a.active').attr('href');
       
   374 			$('#TBct_timelineSubmitLoader').show();
       
   375 			$.ajax({
       
   376 				url:"admin-ajax.php",
       
   377 				type:"POST",
       
   378 				data:'action=ctimeline_post_get&post_id='+postId,
       
   379 				
       
   380 				success:function(results){
       
   381 					var resultsArray = results.split('||');
       
   382 					var properties = {
       
   383 						'title' : resultsArray[0],
       
   384 						'dataId' : resultsArray[1],
       
   385 						'categoryId' : resultsArray[2],
       
   386 						'itemContent' : resultsArray[3],
       
   387 						'itemImage' : resultsArray[4],
       
   388 						'itemOpenContent' : resultsArray[5]
       
   389 						}
       
   390 					timelineItem = timelineGenerateItem(properties);
       
   391 					$('#timeline-sortable').append(timelineItem);
       
   392 					$('.tsort-start-item').eq($('.tsort-start-item').length-1).trigger('click').attr('checked', 'checked');
       
   393 					$('#TBct_overlay').remove();
       
   394 					$('#TBct_window').remove();
       
   395 				}
       
   396 			});
       
   397 		}
       
   398 		
       
   399 	})
       
   400 	
       
   401 	$('#timelineFromPost').keyup(function(e){
       
   402 		var icall = null,
       
   403 			qinput = $('#timelineFromPost').val();
       
   404 		
       
   405 		if(qinput in searches) {
       
   406 			if(icall != null) icall.abort();
       
   407 			$('#timelineFromPostComplete').html(searches[qinput]).show();
       
   408 			$('#timelineFromPostComplete li a').click(function(e){
       
   409 				e.preventDefault();
       
   410 				$('#timelineFromPostComplete li a.active').removeClass('active');
       
   411 				$(this).addClass('active');
       
   412 			});
       
   413 			$('#timelineFromPostLoader').hide();
       
   414 		}
       
   415 		else {
       
   416 			$('#timelineFromPostLoader').show();
       
   417 			if(icall != null) icall.abort();
       
   418 			icall = $.ajax({
       
   419 				url:"admin-ajax.php",
       
   420 				type:"POST",
       
   421 				data:'action=ctimeline_post_search&query='+qinput,
       
   422 				
       
   423 				success:function(results){
       
   424 					$('#timelineFromPostComplete').html(results).show();
       
   425 					searches[qinput] = results;
       
   426 					$('#timelineFromPostComplete li a').click(function(e){
       
   427 						e.preventDefault();
       
   428 						$('#timelineFromPostComplete li a.active').removeClass('active');
       
   429 						$(this).addClass('active');
       
   430 					});
       
   431 					$('#timelineFromPostLoader').hide();
       
   432 				}
       
   433 			});
       
   434 		}
       
   435 	});
       
   436 }
       
   437 
       
   438 function timelineGenerateItem(properties) {
       
   439 	// set globals
       
   440 	var pluginUrl = $('#plugin-url').val(),
       
   441 		timthumb = pluginUrl + '/timthumb/timthumb.php';
       
   442 	
       
   443 	// calculate item number
       
   444 	var itemNumber = 1;
       
   445 	while($('#sort'+itemNumber).length > 0) {
       
   446 		itemNumber++;
       
   447 	}
       
   448 	
       
   449 	// get current date
       
   450 	var today = new Date();
       
   451 	var dd = today.getDate();
       
   452 	var mm = today.getMonth()+1;
       
   453 	var yyyy = today.getFullYear();
       
   454 	if(dd<10){dd='0'+dd} 
       
   455 	if(mm<10){mm='0'+mm} 
       
   456 	today = dd+'/'+mm+'/'+yyyy;
       
   457 
       
   458 	// get input properties
       
   459 	var pr = $.extend({
       
   460 		'title' : 'Title',
       
   461 		'dataId' : today,
       
   462 		'categoryId' : '',
       
   463 		'itemContent' : 'Content',
       
   464 		'itemImage' : '',
       
   465 		'itemOpenContent' : 'Content'
       
   466 	}, properties);
       
   467 	
       
   468 	// bring all the pieces together
       
   469 	var itemHtml = '\n'+	
       
   470 '					<li id="sort'+itemNumber+'" class="sortableItem">\n'+
       
   471 '						<div class="tsort-plus">+</div>\n'+
       
   472 '						<div class="tsort-header">Item '+itemNumber+' <small><i>- '+pr.title+'</i></small> &nbsp;<a href="#" class="tsort-delete"><i>delete</i></a></div>\n'+
       
   473 '						<div class="tsort-content">\n'+
       
   474 '							<div class="tsort-dataid">\n'+
       
   475 '								<input id="'+itemNumber+'-start-item" class="tsort-start-item alignright" type="checkbox"><label for="'+itemNumber+'-start-item" class="alignright">Start item &nbsp;</label>'+
       
   476 '								<span class="timeline-help">? <span class="timeline-tooltip">Argument by which are elements organised (date - dd/mm/yyyy, Category - full category name) Different field is used for different categorizing type.</span></span>'+
       
   477 '								<label for="sort'+itemNumber+'-dataid">Date</label>'+
       
   478 '								<input style="margin-left:5px;" id="sort'+itemNumber+'-dataid" name="sort'+itemNumber+'-dataid" value="'+pr.dataId+'" type="text"/>'+
       
   479 '								<label style="margin-left:5px;" for="sort'+itemNumber+'-categoryid">Category</label>'+
       
   480 '								<input style="margin-left:5px;" id="sort'+itemNumber+'-categoryid" name="sort'+itemNumber+'-categoryid" value="'+pr.categoryId+'" type="text"/>'+
       
   481 '							</div>\n'+
       
   482 '							<div class="tsort-item">\n'+
       
   483 '								<h3 style="padding-left:0;"><span class="timeline-help">? <span class="timeline-tooltip">Base item content (image, title and content).</span></span>Item Options</h3>\n'+
       
   484 '								<div class="tsort-image"><img id="sort'+itemNumber+'-item-image" src="'+((pr.itemImage != '') ? timthumb + '?src=' + pr.itemImage + '&w=258&50' : pluginUrl + '/images/no_image.jpg')+ '" /><a href="#" id="sort'+itemNumber+'-item-image-change" class="tsort-change">Change</a>\n' +
       
   485 '									<input id="sort'+itemNumber+'-item-image-input" name="sort'+itemNumber+'-item-image" type="hidden" value="'+pr.itemImage+'" />\n'+
       
   486 '									<a href="#" id="sort'+itemNumber+'-item-image-remove" class="tsort-remove">Remove</a>\n'+
       
   487 '								</div>\n'+
       
   488 '								<input class="tsort-title" name="sort'+itemNumber+'-item-title" value="'+pr.title+'" type="text" />\n'+
       
   489 '								<div class="clear"></div>\n'+
       
   490 '								<textarea class="tsort-contarea" name="sort'+itemNumber+'-item-content">'+pr.itemContent+'</textarea>\n'+
       
   491 '							</div>\n'+
       
   492 '							<div class="tsort-itemopen">\n'+
       
   493 '								<h3 style="padding-left:0;"><span class="timeline-help">? <span class="timeline-tooltip">Opened item content (image, title and content).</span></span>Item Open Options</h3>\n'+
       
   494 '								<div class="tsort-image"><img id="sort'+itemNumber+'-item-open-image" src="'+((pr.itemImage != '') ? timthumb + '?src=' + pr.itemImage + '&w=258&50' : pluginUrl + '/images/no_image.jpg')+ '" /><a href="#" id="sort'+itemNumber+'-item-open-image-change" class="tsort-change">Change</a>'+
       
   495 '									<input id="sort'+itemNumber+'-item-open-image-input" name="sort'+itemNumber+'-item-open-image" type="hidden" value="'+pr.itemImage+'" />\n'+
       
   496 '									<a href="#" id="sort'+itemNumber+'-item-open-image-remove" class="tsort-remove">Remove</a>\n'+
       
   497 '								</div>\n'+
       
   498 '								<input class="tsort-title" name="sort'+itemNumber+'-item-open-title" value="'+pr.title+'" type="text" />\n'+
       
   499 '								<div class="clear"></div>\n'+
       
   500 '								<textarea class="tsort-contarea" name="sort'+itemNumber+'-item-open-content">'+pr.itemOpenContent+'</textarea>\n'+
       
   501 '							</div>\n'+
       
   502 '						</div>\n'+
       
   503 '					</li>\n';
       
   504 	return itemHtml;
       
   505 }
       
   506 
       
   507 
       
   508 })(jQuery)
       
   509