var data_json_url = '/json.php';
var image_thumb = '.png';
var image_preview = '.png';

$(document).ready (function (){
	load_segments ();
});

function load_segments ()
{
	$("input[name='id_sablony']").after('<div id="themes"></div>');
	$("input[name='id_oboru'],input[name='id_sablony']").hide();

	var segment = new Array ();
	var template = new Array ();
	
	$.getJSON(data_json_url + '?tid=' + $("input[name='id_tarifu']").val(), function(data) {
		$('#themes').append ('<div class="sliderGallery segments"><p><select name="ids" id="ids"></select></p></div><div id="idt" class="sliderGallery"></div>');
	
		$("#idt").data ("data", data);
		
		// zmena oboru
		// zmena nactenych sablon
		$("#themes select[name='ids']").change (function() {
			var idt = $('#idt');
			var ids_val = $(this).val ();
			
			$("input[name='id_oboru']").val(ids_val);
			
			idt.empty ().append ('<ul></ul>');
			
			$.each(idt.data("data").templates, function(i, item){
				if (ids_val == item.id_obor) {
					var n = item.nazev;
					var c = "";
					var novinka = "";
					
					if (item.novinka == "1") {
						novinka = '<img src="/selector/files/novinka.png" class="novinka" border="0" />';
					}
					
					$('ul', idt).append ('<li class="template'+c+'" rel="templ' + item.id_sablona + '"><input type="radio" style="display:none" name="idt" value="' + item.id_sablona + '" />' + novinka + '<img src="/selector/files/small/' + item.adresar + image_thumb + '" class="theme"  border="0" /><a href="/selector/files/preview/' + item.adresar + image_preview + '" class="zoom" rel="lightbox"><img src="/selector/files/zoom.png" border="0" /></a></li>');
				}
			});
			
			$(idt).each(function(){
				$('a[rel=lightbox]', this).lightBox({
					overlayBgColor: '#000',
					overlayOpacity: 0.6,
					imageLoading: '/selector/img/lightbox-ico-loading.gif',
					imageBtnClose: '/selector/img/lightbox-btn-close.gif',
					imageBtnPrev: '/selector/img/lightbox-btn-prev.gif',
					imageBtnNext: '/selector/img/lightbox-btn-next.gif',
					containerResizeSpeed: 350,
					txtImage: '©ablona',
					txtOf: '/'
				});
			});
			
			idt.append ('<div class="cb"><hr class="invisible" /></div>');
		
			// oznac vybranou sablonu
			$("input[name='idt'][value='"+$("input[name='id_sablony']").val()+"']").attr('checked', 'checked');
			
			// pri zmene sablony
			// nastav hlavni input
			$('li .theme', idt).click (function () {
				$('input', $(this).parent()).attr('checked', 'checked').change();
			});
			
			$("input[name='idt']").change (function() {
				var val = $(this).val();
				$("input[name='id_sablony']").val(val);
				$(".sliderGallery li").removeClass('active');
				$(".sliderGallery li[rel='templ"+val+"']").addClass('active');
			});
			
			$("li[rel='templ"+$("input[name='id_sablony']").val()+"']").addClass('active');
		});
				
		$.each(data.segments, function(i, item){
			$("#themes select[name='ids']").append ('<option value="' + item.id_obor + '">' + item.nazev + '</option>');			
		});
		
		$("#themes select[name='ids']").val($("input[name='id_oboru']").val()).change();
	});
}