$(document).ready(function (){
	$('ol#tracks').Sortable({
		accept : 'sortableitem',
		helperclass : 'sorthelper',
		onStop: function (){}
	})
	
	$('#tracks').Sortable({
		accept : 'sortableitem',
		activeclass : 'sortableactive',
		hoverclass : 'sortablehover',
		helperclass : 'sorthelper',
		opacity: 	0.5,
		fit :	false
	});

	$("#music_en").change(function (e){
		$.post('./ajax.php', {'act':'musicEnabled', 'value':$(this).attr('checked')});
	});
	
	$("input.loop").change(function (e){
		$.post('./ajax.php', {'act':'musicLoop', 'value':$(this).val()});
	});
	
	$("#tracks_upload").load(trackUploadResult);
	
	$("#saveList").click(function (e){
		$("#saving").show().text('Saving...');
		var sort = {};
		sort.data = [];
		$("#tracks > li").each(function (){
			sort.data.push($(this).attr('sortID'))
		});
		$.post('./ajax.php', {'act':'trackSort', 'data': sort.data.join(',')}, function (data){
			$("#saving").text('Done.').hide("slow");
		});
	});
})

function trackDelete(id){
	if (confirm("Delete track?") == false) return false;
	$.post('./ajax.php', {'act':'trackDelete', 'id':id}, function (data){
		var result = data.split('|');
		switch (result[0]){
			case "error":
				alert(result[1]);
				break;
				
			case "done":
				$("#track"+id).hide("slow");
				break;
		}
	});
}

function trackUploadResult(){
	var f = $("#tracks_upload");
	if (f.contentDocument){
		result = f.contentDocument.body.innerHTML.split('|');
	}else{
		result = window.frames['tracks_upload'].document.body.innerHTML.split('|');
	}

	if (result == '') return false;
	switch (result[0]){
		case "error":
			alert(result[1]);
			break;
			
		case "done":
			$("#tracks").append('<li id="track'+result[1]+'" sortID="'+result[1]+'" class="sortableitem">\
								<span class="value">'+result[2]+'</span>&nbsp;\
								<input type="button" value="Delete" onclick="trackDelete('+result[1]+')" /></li>')
								.SortableAddItem(document.getElementById('track'+result[1]));
			$("#up_file").val('');
			break;
	}
}

function trackAddCheck()
{
	if ($("#up_file").val() == ''){
		alert('Select File!');
		return false;
	}
	return true;
}