function aa(){
        $("#clans div").hide();
		$.ajax({
           type: "POST",
           url: "sc_clans.php",
           data: "clanID="+$("#clanList a:first").attr('name'),
           success: function(html) {
            $("#clans div").html(html).fadeIn("fast");
           }
        });
}
function ab(){
		var elm = $("#clanList li:first");
		var li = $("#clanList li:first").html();
		var id = $("#clanList li:first a").attr('name');
			$("#clanList li:first").animate(
			{
			marginLeft: -58,
			}, 600, function() { $(this).remove(); });
			
			
		$("#clanList").append("<li class='"+id+"'>"+li+"</li>");
		$("#clanList a").bind("click", function(event)
		{
			$("#clans div").hide();
			$.ajax({
			   type: "POST",
			   url: "sc_clans.php",
			   data: "clanID="+$(this).attr('name'),
			   success: function(html) {
				$("#clans div").html(html).fadeIn("fast");
			   }
			});
			return false;
		});

}

$().ready(function()
{

     t1 = setInterval('aa()', 5000);
     t2 = setInterval('ab()', 5000);
	$("#clans").mouseenter(function(){
     clearInterval(t1);
     clearInterval(t2);
	});
	$("#clans").mouseleave(function(){
     t1 = setInterval('aa()', 5000);
     t2 = setInterval('ab()', 5000);
	});

	$("#clanList a").bind("click", function(event)
	{
        $("#clans div").hide();
		$.ajax({
           type: "POST",
           url: "sc_clans.php",
           data: "clanID="+$(this).attr('name'),
           success: function(html) {
            $("#clans div").html(html).fadeIn("fast");
           }
        });
		return false;
	});
	

	
});