(function($){

$(document).ready(function(){	

	// COLORPICKER

	var colPickerOn = false,

		colPickerShow = false, 

		pluginUrl = $('#plugin-url').val(),

		timthumb = pluginUrl + 'timthumb/timthumb.php';

	// colorpicker field

	$('.cw-color-picker').each(function(){

		var $this = $(this),

			id = $this.attr('rel');

		$this.farbtastic('#' + id);

		$this.click(function(){

			$this.show();

		});

		$('#' + id).click(function(){

			$('.cw-color-picker:visible').hide();

			$('#' + id + '-picker').show();

			colPickerOn = true;

			colPickerShow = true;

		});

		$this.click(function(){

			colPickerShow = true;	

		});

	});

	$('body').click(function(){

		if(colPickerShow) colPickerShow = false;

		else {

			colPickerOn = false;

			$('.cw-color-picker:visible').hide();

		}

	});

	// IMAGE UPLOAD

	var thickboxId =  '',

		thickItem = false; 

	// backgorund images

	$('.cw-image-upload').click(function(e) {

		e.preventDefault();

		thickboxId = '#' + $(this).attr('id');

		formfield = $(thickboxId + '-input').attr('name');

		tb_show('', 'media-upload.php?type=image&TB_iframe=true');

		return false;

	});

	window.send_to_editor = function(html) {

		imgurl = $('img',html).attr('src');

		$(thickboxId + '-input').val(imgurl);

		if (thickItem) {

			thickItem = false;

			$(thickboxId).attr('src', timthumb + '?src=' + imgurl + '&w=258&h=50');

		}

		else {

			$(thickboxId).css('background', 'url('+imgurl+') repeat');

		}

		tb_remove();

	}

	$('.remove-image').click(function(e){

		e.preventDefault();

		$(this).parent().parent().find('input').val('');

		$(this).parent().parent().find('.cw-image-upload').css('background-image', 'url(' + pluginUrl + '/images/no_image.jpg)');

	});

	// CATEGORIES

	if ($('#cat-type').val() == 'categories') {

		$('.cat-display').show();

		$('.data_id').css('color', 'gray');

	}

	else {

		$('.category_id').css('color', 'gray');

	}

	$('#cat-type').change(function(){

		if ($(this).val() == 'months') {

			$('.cat-display').hide();

			$('.category_id').css('color', 'gray');

			$('.data_id').css('color', '');

			alert('Check the Date field of your items before you save!');

		}

		else {

			$('.cat-display').show();

			$('.data_id').css('color', 'gray');

			$('.category_id').css('color', '');

			alert('Check the Category field of your items, and pick categoryes you want to show before you save!');

		}

	});

	$('#cat-check-all').click(function(){

		$('.cat-name').attr('checked', true);

	});

	$('#cat-uncheck-all').click(function(){

		$('.cat-name').attr('checked', false);

	});

	// SORTABLE

	$('#timeline-sortable').sortable({

		placeholder: "tsort-placeholder"

	});

	//---------------------------------------------

	// Ctimeline Sortable Actions

	//---------------------------------------------

	// add

	$('#tsort-add-new').click(function(e){

		e.preventDefault();

		ctimelineAddNew(pluginUrl);

	});

	// open item

	$('.tsort-plus').live('click', function(){

		if (!$(this).hasClass('open')) {

			$(this).addClass('open');

			$(this).html('-').css('padding', '5px 8px');

			$(this).next().next('.tsort-content').show();

		}

		else {

			$(this).removeClass('open');

			$(this).html('+').css('padding', '7px 5px');

			$(this).next().next('.tsort-content').hide();

		}

	});

	// delete

	$('.tsort-delete').live('click', function(e){

		e.preventDefault();

		$(this).parent().parent().remove();

	});

	$('.tsort-remove').live('click', function(e){

		e.preventDefault();

		$(this).parent().find('input').val('');

		$(this).parent().find('img').attr('src', pluginUrl + '/images/no_image.jpg');

	});

	// item images

	$('.tsort-change').live('click', function(e) {

		e.preventDefault();

		thickItem = true;

		thickboxId = '#' + $(this).parent().find('img').attr('id');

		formfield = $(thickboxId + '-input').attr('name');

		tb_show('', 'media-upload.php?type=image&TB_iframe=true');

		return false;

	});

	// item images

	$('.tsort-start-item').live('click', function(e) {

		$('.tsort-start-item').attr('checked', false);

		$(this).attr('checked', 'checked');

	});

	// ----------------------------------------

	// AJAX subbmit

	$('#save-timeline').click(function(e){

	e.preventDefault();

		$('#save-loader').show();

		$.ajax({

			type:'POST', 

			url: 'admin-ajax.php', 

			data:'action=ctimeline_save&' + $('#post_form').serialize(), 

			success: function(response) {

				$('#timeline_id').val(response);

				$('#save-loader').hide();

			}

		});

	});

	$('#preview-timeline').click(function(e){

		e.preventDefault();

		var html = '<div id="TBct_overlay" class="TBct_overlayBG"></div>';

		html += '<div id="TBct_window" style="width:250px; margin-left:-75px; height:80px; margin-top:-40px; visibility: visible;">';

		html += '<div id="TBct_title"><div id="TBct_ajaxWindowTitle">Preview</div>';

		html += '<div id="TBct_closeAjaxWindow"><a id="TBct_closeWindowButton" title="Close" href="#"><img src="'+pluginUrl+'/images/tb-close.png" alt="Close"></a></div>';

		html += '</div>';

		html += '<div id="timelineHolder" style="margin:0 auto;">';

		html += '<img style="margin:20px 20px;" id="TBct_loader" src="'+pluginUrl+'/images/loadingAnimation.gif" />';

		html += '</div>';

		html += '<div style="clear:both;"></div></div>';

		html += '</div>';

		$('body').append(html);

		var postForm = $('#post_form').serialize();

		$.ajax({

			type:'POST', 

			url: 'admin-ajax.php', 

			data:'action=ctimeline_preview&' + postForm, 

			success: function(response) {

				$('#TBct_loader').hide();

				$('#TBct_window').animate({width: '100%', marginLeft:'-50%', marginTop: '-250px', height: '500px'}, 500, function(){

					$('#timelineHolder').html(response);

					$('#timelineHolder').css({'overflow-y':'scroll', 'position': 'relative', 'width':'100%', 'height':'470px'});

					if($('#read-more').val() == 'whole-item') {

						var $read_more = '.item';

						var $swipeOn = false;

					}

					else if ($('#read-more').val() == 'button') {

						var $read_more = '.read_more';

						var $swipeOn = true;

					}

					else {

						var $read_more = '.none';

						var $swipeOn = true;

					}

					var startItem = $('#ctimeline-preview-start-item').val();

					var $cats = [];

					var $numOfItems = []; 

					var numGet = parseInt($('#number-of-posts').val());

					$('input[name|="cat-name"]:checked').each(function(){

						$cats.push($(this).val());

						$numOfItems.push(numGet);

					});

					var jsonOptions = {

						itemMargin : parseInt($('#item-margin').val()),

						swipeOn : $swipeOn, 

						scrollSpeed : parseInt($('#scroll-speed').val()),

						easing : $('#easing').val(),

						openTriggerClass : $read_more,

						startItem : startItem,

						yearsOn : ($('#years-on:checked').length > 0  ),

						hideTimeline : ($('#hide-line:checked').length > 0 ),

						hideControles : ($('#hide-nav:checked').length > 0 )

					}

					if (typeof $cats[0] != 'undefined' && $('#cat-type').val() == 'categories') {

						jsonOptions.yearsOn = false;

						jsonOptions.categories = $cats;

						jsonOptions.numberOfSegments = $numOfItems;

					}

					$(".scrollable-content").mCustomScrollbar();

					$('.timeline').timeline(jsonOptions);

					$('#preview-loader').hide();

					$('#TBct_closeWindowButton').click(function(ev){

						ev.preventDefault();

						$('.timeline').timeline('destroy');

						$('#TBct_overlay').remove();

						$('#TBct_window').remove();

					});

				});

			}

		});

	});

});

function ctimelineSortableActions(pluginUrl) {

}

function ctimelineAddNew(pluginUrl) {

	var searches = new Array();

	searches[''] = '';

	var html = '<div id="TBct_overlay" class="TBct_overlayBG"></div>';

	html += '<div id="TBct_window" style="width:450px; margin-left:-225px; margin-top:-35px; height:70px; visibility: visible;">';

	html += '<div id="TBct_title"><div id="TBct_ajaxWindowTitle">Add new timeline item</div>'

	html += '<div id="TBct_closeAjaxWindow"><a id="TBct_closeWindowButton" title="Close" href="#"><img src="'+pluginUrl+'/images/tb-close.png" alt="Close"></a></div>';

	html += '</div>';

	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>';

	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>';

	html += '</div>';

	html += '<div id="TBct_timelineWholeCategory" style="padding:10px; border-top:1px solid gray; display:none;">';

	html += '<label for="TBct_timelineCategorySelect">Pick category</label> <select style="width:200px" id="TBct_timelineCategorySelect" name="TBct_timelineCategorySelect">'

	var allCats = $('#categories-hidden').val();

	if(allCats) {

		allCats = allCats.split('||');

	}

	else {

		allCats = new Array();

	}

	for (cate in allCats) {

		html += '<option value="'+allCats[cate]+'">'+allCats[cate]+'</option>';

	}

	html += '</select>';

	html += '</div>';

	html += '</div>';

	$('body').prepend(html);

	$('#TBct_closeWindowButton').click(function(e){

		e.preventDefault();

		$('#TBct_overlay').remove();

		$('#TBct_window').remove();

	});

	$('#TBct_timelineSelect').change(function(){

		if ($(this).val() == 'new') {

			$('#TBct_window').css({marginTop:'-35px', height:'70px'});

			$('#TBct_timelineFromPost').hide();

			$('#TBct_timelineWholeCategory').hide();

		}

		if ($(this).val() == 'category') {

			$('#TBct_window').css({marginTop:'-60px', height:'120px'});

			$('#TBct_timelineWholeCategory').show();

			$('#TBct_timelineFromPost').hide();

		}

		else {

			$('#TBct_window').css({marginTop:'-150px', height:'300px'});

			$('#TBct_timelineFromPost').show();

			$('#TBct_timelineWholeCategory').hide();

		}	

	});

	$('#TBct_timelineSubmit').click(function(e){

		e.preventDefault();

		var timelineItem = '';

		if ($('#TBct_timelineSelect').val() == 'new') {

			timelineItem = timelineGenerateItem();

			$('#timeline-sortable').append(timelineItem);

			$('.tsort-start-item').eq($('.tsort-start-item').length-1).trigger('click').attr('checked', 'checked');

			$('#TBct_overlay').remove();

			$('#TBct_window').remove();

		}

		else if ($('#TBct_timelineSelect').val() == 'category') {

			$('#TBct_timelineSubmitLoader').show();

			$.ajax({

				url:"admin-ajax.php",

				type:"POST",

				data:'action=ctimeline_post_category_get&cat_name='+$('TBct_timelineCategorySelect').val(),

				success:function(results){

					var resultsArray = results.split('||');

					var ii = 0;

					while (typeof resultsArray[0+ii] != 'undefined') {

						var properties = {

							'title' : resultsArray[0+ii],

							'dataId' : resultsArray[1+ii],

							'categoryId' : resultsArray[2+ii],

							'itemContent' : resultsArray[3+ii],

							'itemImage' : resultsArray[4+ii],

							'itemOpenContent' : resultsArray[5+ii]

							}

						timelineItem = timelineGenerateItem(properties);