var _db = [];
var _tmp, _nums = {};
var _cats = {exc: "Экслюзивные", plat: "Платиновые", gold: "Золотые"};

/*
function filter() {
	for (i in _tmp) {
		if (_tmp[i].hidden) continue;
		
		$("div#descr").append('<div class="title">'+_cats[i]+' номера</div>');
		var operator = $("<div/>").addClass("operator").appendTo("div#descr");
		var first = true;
		for (j in _tmp[i]) {
			if (first) first = false;
			else $("<div/>").addClass("hr").html('<img src="/images/style:default/dotted.gif">').appendTo(operator);
		
			//<div class="right nums" style="background: url('/images/style:default/<?=$op?>.png') 10px center no-repeat;">
			var nums = $("<div/>").addClass("left nums").css("background", "url('/images/style:default/"+j+".png') 10px top no-repeat").appendTo(operator);
			$("<br/>").addClass("clear").appendTo(operator);
			for (k in _tmp[i][j]) {
				var num = _tmp[i][j][k];
				//<div class="numblock left">
				var numblock = $("<div/>").addClass("numblock left").appendTo(nums);
				$("<div/>").addClass("number").text("8 "+num.num).appendTo(numblock);
				$("<div/>").addClass("price").text("€"+num.price).appendTo(numblock);
			};
		};
	};
}
*/

function filter() {
	for (i in _nums) {
		if (_nums[i].hidden) $("div#"+i).hide();
		else $("div#"+i).show();
	}
}

function catFilter(cat)
{
	if (cat) {
		for (i in _nums) {
			if (i != cat) _nums[i].hidden = true;
			else _nums[i].hidden = false;
		}
		
		//$("div#descr").empty();
		filter();
	}
}

$(function(){
	if ($.browser.msie && $.browser.version.substr(0,1)<7) {
		$('div.nums').each(function(){ $(this).css('background', 'none'); })
	}

	$.getJSON("/data/db.json", function(data){
		_db = data;
		
		$.each(data, function(i){
			if (!_nums[data[i].cat]) _nums[data[i].cat] = {};
			if (!_nums[data[i].cat][data[i].operator]) _nums[data[i].cat][data[i].operator] = [];
			_nums[data[i].cat][data[i].operator][i] = data[i];
		});
		_tmp = _nums;
			
		if (location.hash) {
			var cat = location.hash.substr(1);
			catFilter(cat);
		}
	});
	
	$("input").keyup(function(e){
		if (this.value.length == $(this).attr("size")) {
			$(this).next().select();
		}
	}).click(function(e){
		this.select();
	});
	
	$("tr.cats a").click(function(e){
		e.preventDefault();
		
		var cat = $(this).attr('href').substr(9);
		catFilter(cat);
	});
	
	$("div.numblock").click(function(){
		var id = parseInt($(this).attr('id').substr(3)) + 1;
		location.href='/order/'+id;
	});
});