$(document).ready(function () {

	$("#result").ajaxStart(function(){
		$(this).html('<div id="loading-between-tabs"><img id="loadingImage" height="45" width="45" src="/images/loading.gif" /> <h2>Loading...</h2><p>(If you\'re popular this might take awhile)</p></div>');
	});

	$("#orderby").change(function () {
		var url = window.location.href;
		
		// get ordey by value
		var orderby = "screen_name";
		orderby = $("#orderby").val();
		
		// get type 
		var type = '';
		if(url.indexOf('fans') > -1)
		{
			type = 'fans';
			url = url.replace('/fans', '');
		}
		else if(url.indexOf('friends') > -1)
		{
			type = 'friends';
			url = url.replace('/friends', '');
		}
		else
		{
			type = 'following';
			url = url.replace('/following', '');
		}
		
		// add trailing slash if needed
		if(url.lastIndexOf('/') + 1 != url.length)
			url = url + '/';
		
		url = url + "results/?orderby=" + orderby + "&type=" + type;
		
		$("#result").load(url);
	});
});