//*******************************************************
//***** Javascript voor de Kinderjury - themabrowser
//*******************************************************

var loading = false;

function showSubcategories(id){
	
	if(loading==false){
		
		loading = true;
		$("#categories").animate({ opacity: "0.6" }, "fast");
		
		//start the ajax  
		$.ajax({
			//the php file that processes the data 
			url: BACKEND_URL + GET_SUBCATEGORIES + id,
			
			//GET method is used  
			type: "GET",
			
			//Do not cache the page  
			cache: false,
			
			//success  
			success: function(xml){
				
				//clear subcategories
				$("#subcategory_results").html("");
				$("#subcategory_footer").html("");
				$("#subcategory_header").removeClass();
				$("#subcategory_header").addClass("header_" +  id);
				
				var count = 0;
				var xtraclass =""
				$(xml).find('subcategory').each(function(){
					count ++;
					
					if(count > 6){
						xtraclass = "smaller";
					}
			
					var subgategory = $(this).text();
			        var subcatid = $(this).attr("id");
			      				
			        $('#subcategory_results').append('<div class="subcategory '+ xtraclass + '"><a class="subcat_item" href="'+ PAGE_SEARCHRESULTS + '&subcatid=' + subcatid + '&catid=' + id + '" >' + String(subgategory) + '</a>&nbsp;<img src="wp-content/themes/kinderjury/images/subcategory_arrow.png" /></div>');
										
 
				 });
				 
				 $('#subcategory_results').append("<div class='clearer'></div>");
				 $('#subcategory_footer').append("<div class='clearer'></div>");
				 	

				$("#categories").animate({ 
						marginTop: "-400"
				}, 1500, function() {
                		loading = false;
        		});  
				
				 Cufon.replace('a.subcat_item');
				 $('a.subcat_item').css("position","relative");
			},
			
			error: function(xml){
				$("#subcategory_results").html("Er is nog geen back-end");
				$('#subcategory_results').append("<div class='clearer'></div><a href='javascript:showCategories()'>terug</a>");		
			
				$("#categories").animate({ 
						marginTop: "-400"
				}, 1500, function() {
                		loading = false;
        		}); 					
			}		
		});	
	}	
}

function showCategories(){

	$("#categories").animate({
		marginTop: "0"
	}, 1500, function() {
    		$("#categories").animate({ opacity: "1" }, "fast");
	});  
}