<?header('Content-type: application/javascript');
$token		= $_GET['token'];
$id			= $_GET['id'];
?>

function cbfunc(o){

	$('#results').append('<ul id="uncompletedList"><ul>');

	for(var i in o)

	{

		$('#uncompletedList').append('<li id="'+o[i].id+'">'+o[i].content+' - '+o[i].date_string+' <img src="images/interface/delete.png" class="deleteTask" id="delete-'+o[i].id+'"/> <img src="images/interface/complete.png" class="completeTask" id="complete-'+o[i].id+'"/> </li>');

	}
	
	$('#uncompletedList li').prepend('<div class="puce"></div>');

}



function cbfunc2(o){

	$('#uncompletedList').append('<li id="'+o.id+'">'+o.content+' - '+o.date_string+' <img src="images/interface/delete.png" id="delete-'+o.id+'"/> <img src="images/interface/complete.png" class="completeTask" id="complete-'+o.id+'"/> </li>');

}

		

$(document).ready(function(){
	$('#todo').resizable();
	$('#todo').draggable();
	$('#todo').append('<div id="results"></div><img src="images/interface/add.png" id="showNewTask"/><fieldset id="newTaskFieldset" style="display:none; width:200px;"><input type="text" name="newtask" id="newtask"/> <select id="priority"><option id="1" value="1">1</option><option id="2" value="2">2</option><option id="3" value="3">3</option><option id="4" value="4">4</option></select> <br/><input type="text" name="date_string" id="date_string"/>  <img src="images/interface/add.png" id="addTask"/></fieldset>');
	
	var token = "<?=$token?>";

	var project_id = "<?=$id?>";

	var script = document.createElement('script');

	script.type = 'text/javascript';

	script.src = 'https://todoist.com/API/getUncompletedItems?project_id='+project_id+'&token='+token+'&format=json&callback=cbfunc';

	document.getElementsByTagName('head')[0].appendChild(script); 

			

	$('#showNewTask').click(function(){

		$('#newTaskFieldset').toggle();

	});

	

	$('#addTask').click(function(){

		var content = $('#newtask').val();

		var date_string = $('#date_string').val();

		var priority = $('#priority').val();

		var script = document.createElement('script');

		script.type = 'text/javascript';

		script.src = 'https://todoist.com/API/addItem?project_id='+project_id+'&token='+token+'&content='+content+'&date_string='+date_string+'&priority='+priority+'&format=json&callback=cbfunc2';

		document.getElementsByTagName('head')[0].appendChild(script); 

	});

					

	$('.deleteTask').live('click', function(){

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

		arrayId = id.split('-');

		var script = document.createElement('script');

		script.type = 'text/javascript';

		script.src = 'https://todoist.com/API/deleteItems?ids=["'+arrayId[1]+'"]&token='+token;

		document.getElementsByTagName('head')[0].appendChild(script); 

		$('#'+arrayId[1]).remove();

	});

					

	$('.completeTask').live('click', function(){

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

		arrayId = id.split('-');

		var script = document.createElement('script');

		script.type = 'text/javascript';

		script.src = 'https://todoist.com/API/completeItems?ids=["'+arrayId[1]+'"]&token='+token;

		document.getElementsByTagName('head')[0].appendChild(script); 

		$('#'+arrayId[1]).remove();					

	});


/* A helper function for converting a set of elements to draggables: */
make_draggable($('#todo'));

var zIndex = 0;

function make_draggable(elements)
{
	/* Elements is a jquery object: */
	elements.draggable({
		containment:'parent',
		start:function(e,ui){ ui.helper.css('z-index',++zIndex); },
		stop:function(e,ui){

			/* Sending the z-index and positon of the note to update_position.php via AJAX GET: */
			$.get('ajax/update_position_config.php',{
				x		: ui.position.left,
				y		: ui.position.top,
				id		: ui.helper.attr('id')
			});
		}
	});
}
});