// JavaScript Document
function refreshList(){
	var friendsList = '';
	var num1 = $("#topSelect option:selected").val();
	var num2 = num1 - 1;
	$("#sortFriends li:lt("+num1+")").css("background-color", "#990000");
	$("#sortFriends li:lt("+num1+")").css("color", "#FFFFFF");
	$("#sortFriends li:gt("+num2+")").css("background-color", "#CCCCCC");
	$("#sortFriends li:gt("+num2+")").css("color", "#000000");
	var friends = $("#sortFriends").sortable("toArray");
	for (i = 0; i < num1; i++) {
		friendsList += "," + friends[i];
	}
	friendsList = friendsList.replace(',','');
	$("#topFriends").val(friendsList);
}
function checkFriends(val){
	var friends = $("#sortFriends").sortable("toArray");
	for (i = 0; i < friends.length; i++) {
		if(val.toLowerCase()  == friends[i].toLowerCase() ) {
			return true;
		}
	}
	return false;
}

$().ready(function(){
		
	$("#sortFriends").sortable({ 
		placeholder: "ui-selected", 
		revert: true,
		change: refreshList
	});
	
	$("#topSelect").change(function () {
		refreshList();
	})
	if ( $("#topSelect").length > 0 ) { refreshList(); }
	
	// bind form using 'ajaxForm' 
	$('#saveForm').ajaxForm({
		beforeSubmit: function() {
			var msg = 'Saving new top friends...';
			$.blockUI({ message: msg, css: { '-webkit-border-radius': '10px', '-moz-border-radius': '10px' } });
		},
		success: function(responseText){
			var msg = responseText;
			showBlock(msg);
		}
	});
	
	// bind form using 'ajaxForm' 
	$('#clearForm').ajaxForm({
		beforeSubmit: function() {
			var msg = 'Clearing top friends...';
			$.blockUI({ message: msg, css: { '-webkit-border-radius': '10px', '-moz-border-radius': '10px' } });
		},
		success: function(responseText){
			var msg = responseText;
			showBlock(msg);
		}
	});
	
	// bind form using 'ajaxForm'
	$('#searchForm').ajaxForm({				
		beforeSubmit: function() {
			var val = $('#searchuser').val();
			if(val == ''){ 
				var msg = 'Please supply member name.';
				showBlock(msg);
				return false;
			}
			var c = checkFriends(val);
			if(c){
				var msg = 'Member is already in list.';
				showBlock(msg);
				return false;
			}else{
				var msg = 'Searching. Please wait...';
				showBlock(msg);
			}
		},
		success: function(responseText){
			if(responseText == "false"){
				var msg = 'Member not found.';
				showBlock(msg);
				return false;
			}else{
				var msg = 'Member added to first position.';				
				showBlock(msg);
				$("#sortFriends").prepend(''+responseText+'');
				refreshList();
			}
		}
	});
});