/*
 * main js functions ...
 *
 */

if (!console) {
	var console = {log: function() {}};
}

var search = {

	data:                null,
	selectedCategory:    null,
	selectedSubCategory: null,

	init: function(){
		$.getJSON("/categories.js", this.getData);
		$('#subcategories_holder').hide();
	},

	getData: function(obj){

		search.data = obj;

		$('#categories')
			.each(search.fillCategories);

		$('.categories')
			//.change(function(){
			.click(function(){
				search.selectedCategory = this.value;
				search.fillSubCategories();
				$('#subcategories').show();
				$('#subcategories_holder').show();
			});

		$('.subcategories')
			//.change(function(){
			.click(function(){
				console.log('subcat onclick');
			});

	},

	fillCategories: function(){
		for (var i in search.data){
			$(this).append('<input type="radio" name="categories[]" value="' + i + '" class="categories" id="radioCat'+i+'" /><label for="radioCat'+i+'">' + search.data[i].title + '</label><br class="clear" />');
		}
	},

	fillSubCategories: function(){
		if (search.selectedCategory != null && search.data[search.selectedCategory].data){

			$('#subcategories').empty();

			for (var i = 0; i < search.data[search.selectedCategory].data.length; i++){
				var obj = search.data[search.selectedCategory].data[i];
				$('#subcategories')
					.append('<input type="radio" name="subcategories[]" value="' + obj.id + '" class="subcategories" id="radioSubCat' + obj.id + '" /><label for="radioSubCat' + obj.id + '">' + obj.title + '</label><br class="clear" />')
					//.change(function(){
					.click(function(){
						search.selectedSubCategory = obj.id;
						console.log('new', search.selectedSubCategory);
						document.location = '?cat=' + search.selectedCategory + '&subcat=' + search.selectedSubCategory;
					});
			}
		}
	}
}