var mainlinks = '';
var contentarea = '';

loadlist = function() {
	type = (mainlinks.split("_"))[0];
	category = (contentarea.split("_"))[0];
	if (category == "All") category = '';
	$("#listContent").html('<div class="workinghard">&nbsp;</div>');
	$.ajax({
	  url: "/site/ajax_list/"+type+"/"+category,
	  cache: false,
	  success: function(html){$("#listContent").html(html);}
	});
	$.ajax({
	  url: "/site/ajax_list_count/"+type,
	  cache: false,
	  success: function(html){
		$("#Design_tab a span").html((html.split("|"))[0]);
		$("#Development_tab a span").html((html.split("|"))[1]);
		$("#Other_tab a span").html((html.split("|"))[2]);
	  }
	});
}

tabs = function(which,id) {
	if (which == 'main' && mainlinks != id) {
		$('#'+mainlinks).removeClass('selected');
		$('#'+id).addClass('selected');
		mainlinks = id;
		loadlist();
	}
	if (which == 'content' && contentarea != id) {
		$('#'+contentarea).removeClass('selected');
		$('#'+id).addClass('selected');
		contentarea = id;
		loadlist();
	}
}

$(document).ready(function() {
	if ($('#Freelance_tab').length > 0) {
		mainlinks = $('.selected')[0].id;
		contentarea = $('.selected')[1].id;
		$('#Both_tab a, #Freelance_tab a,#Permanent_tab a').click(function() { tabs("main",$(this).parent().attr("id") ); return false; } );
		$('#All_tab a,#Design_tab a,#Development_tab a,#Other_tab a').click(function() { tabs("content",$(this).parent().attr("id") ); return false; } );
	}
});