$(document).ready(function(){
		$(".container").hide();
		$("input[@type=checkbox]").click(sub);
		$("span").click(sub);
	});
	
	function sub(){
		
		var e = $(this).parent().parent().children(".container");
		if(!e.size()) {
			updateTotal();
			return;
		}
		
		var id = $(this).parent().parent().attr("id");
		
		if(e.css("display") == "none"){
			e.show("slow");
		} else {
			$("#"+id+" input").each(function(i){
				this.checked = false;
			});
			$("#"+id+" .container").hide("slow");
			
		}
		updateTotal();
	}
	
	function updateTotal(){
		var out = '<table>';
		var total = 0;
		$("input[@type=checkbox]").each(function(){
			if(this.checked == true && this.value != 'on'){
				label = $(this).next("span").html();
				total += parseInt(this.value);
				out += "<tr><td>" + label + ":</td><td style=\"text-align: right;\">" + this.value + " PLN </td></tr>";
			}
		})
		out += "<tr><td style=\"border-top: 1px solid #ddd;\">RAZEM: </td><td style=\"color: #a00; border-top: 1px solid #ddd;\"> " + total + " PLN</td></tr>";
		out += "</table>";
		$("#total").html(out);
	}