$(function(){
	
	// spocita a zobrazi cenu
	function calcPrice(){
		var price = 40;
		var postovne = 60;
		var counter = 0;
		var cisla = '';
		$('.titulka_small input').each(function(i){
			if($(this).attr('checked')){
				counter++;
				if(cisla == ''){
					cisla = $(this).attr('name');
				}else{
					cisla = cisla+', '+$(this).attr('name');
				}
			}
			
		});
		if(counter > 0){
			// vygeneruje rekapitulaci, pokud neexistuje
			if($('#rekapitulace').html()== ''){
				$('#rekapitulace')
					.css('display','block')
					.append('<h3>Objednávka</h3><p><strong>Vybraná čísla:</strong></p><p class="cisla"><span /></p>')
					.append('<p><strong>Cena:</strong></p><table></table>')
				$('#rekapitulace table')
					.append('<tr><td class="kusu"><span />x<td>časopis á '+price+',- Kč</td><td class="cenapocet"><span />,- Kč</td></tr>')
					.append('<tr><td><span>1</span>x</td><td>poštovné a balné</td><td class="postovne">'+postovne+'<span />,- Kč</td></tr>')
					.append('<tr><th colspan="2">Celkem</th><th class="cenafinal"><span></span>,- Kč</th>');
			}
			// doplni promene do rekapitulace
			$('p.cisla span').html(cisla);
			$('td.kusu span').html(counter);
			$('td.cenapocet span').html(counter*price);
			$('th.cenafinal span').html(counter*price+postovne);
		}else{
			// smaze rekapitulaci pokud neni nic vybrano
			$('#rekapitulace').html('');
		}
	}
	
	
	// nastavi zvyrazneni cislum ktera jsou vybrana
	function colorSelected()
	{
		$('.titulka_small input').each(function(i){
			if($(this).attr('checked') == true){
				$(this).parent().css("background-color",'#ccc');
			}
		});
	}

	
	$('.titulka_small input').css('display','none');
	$('.titulka_small').css({
		height:'140px',
		cursor: 'pointer'	
	});
	calcPrice();
	colorSelected();
	$('.titulka_small').click(function(){
		if($(this).children('input').attr('checked') == false){
			$(this).children('input').attr('checked',true);
			$(this).css("background-color",'#ccc');
		}else{
			$(this).children('input').attr('checked',false);
			$(this).css("background-color",'#fff');
		}
		calcPrice();
	});
	
});

