var category_id;
var style_id;

function getChildren(id) {
	
	$.getJSON('products.php', { go: 'vendor.category.ajaxGetChildCategories', id: ''+id}, function(json) { 
						
		if(json.error != '') {
			//alert(json.error);
		
		} else {
			$("#product_list_two").html(json.html);
			$("#vendor_table").empty();

			$("#vendor_table").append(json.vendor_html);
			$("#product_list_three").html('');
			category_id = id;
			style_id = 0;
			clearLetters();
			
			CSBfleXcroll('scrollbox7');
			//CSBfleXcroll('scrollbox5');
			
			document.getElementById('scrollbox5').scrollUpdate();
		}
		
	});
}

function getStyles(id, pid) {
	if (pid != 7) {
	
		$.getJSON('products.php', { go: 'vendor.category.ajaxGetCategoryStyles', id: ''+id}, function(json) { 
							
			if(json.error != '') {
				//alert(json.error);
			
			} else {
				//alert("before empty = " + document.getElementById('test_table').style.height);
				$("#product_list_three").html(json.html);
				$("#vendor_table").empty();

				//alert("after empty = " + document.getElementById('test_table').style.height);
				$("#vendor_table").append(json.vendor_html);
				//alert("after append = " + document.getElementById('test_table').style.height);
				category_id = id;
				style_id = 0;
				clearLetters();
				
				//CSBfleXcroll('scrollbox5');
				document.getElementById('scrollbox5').scrollUpdate();
			}
		});
	
	} else {
		getVendors(id, 0);
	}
}

function getVendors(cat_id, sty_id) {

	$.getJSON('products.php', { go: 'vendor.category.ajaxGetVendorsByCategory', cat_id: ''+cat_id, sty_id: ''+sty_id}, function(json) { 
						
		if(json.error != '') {
			//alert(json.error);
		
		} else {
			
			$("#vendor_table").empty();
			$("#vendor_table").append(json.html);
			
			catalog_id = cat_id;
			style_id = sty_id;
			clearLetters();
			
			//CSBfleXcroll('scrollbox5');
			document.getElementById('scrollbox5').scrollUpdate();
		}
	});
}

function getVendorsByLetters(letters) {
	
	$.getJSON('products.php', { go: 'vendor.category.ajaxGetVendorsByLetters', letters: ''+letters, category_id: ''+category_id, style_id: ''+style_id}, function(json) { 
						
		if(json.error != '') {
			//alert(json.error);
		
		} else {
			
			$("#vendor_table").empty();
			$("#vendor_table").append(json.html);
			
			//CSBfleXcroll('scrollbox5');
			document.getElementById('scrollbox5').scrollUpdate();
		}
	});
}

function pickCategory(category, parent_id) {
	
	$("#"+parent_id).children().each(function() { 
		this.className = 'product_child'; this.style.color = '#cccca1'; this.style.backgroundColor = '#999943'; 
	});
	
	category.style.color = '#fff';
	category.style.backgroundColor = '#919140';
	category.className = 'product_selected';
}

function selectCategory(category) {
	
	category.style.color = '#fff';
	category.style.backgroundColor = '#919140';
}

function deselectCategory(category) {
	
	if(category.className != 'product_selected') {
		category.style.color = '#cccca1';
		category.style.backgroundColor = '#999943';
	}
}

function pickLetters(letters) {
	
	$("#letters").children().each(function() { this.className = 'letters_child'; this.style.color = '#a09e9d'; this.style.backgroundColor = '#e0dddb'; });
	
	letters.style.color = '#ffffff';
	letters.style.backgroundColor = '#837771';
	letters.className = 'letters_selected';
}

function selectLetters(letters) {
	
	letters.style.color = '#ffffff';
	letters.style.backgroundColor = '#837771';
}

function deselectLetters(letters) {
	
	if(letters.className != 'letters_selected') {
		letters.style.color = '#a09e9d';
		letters.style.backgroundColor = '#e0dddb';
	}
}

function clearLetters() {
	pickLetters(document.getElementById('letters_all'));
}