function trim(str)
{
    return str.replace(/^\s+|\s+$/g,'');
}

function zobraz(id){
	document.getElementById(id).style.display = 'block';
}

function skry(id){
	el=document.getElementById(id).style.display = 'none';
}

function collapse_menu(id)
{
	document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none';
}

/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};


$(document).ready(function(){
						   
	imagePreview();
	
	$("select#obdobie").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $(this).val(), druh: 'druh'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#druh").html(options);
			$("#sirka, #vyska, #priemer").html('<option value="-">-- Vybrať</option>');			
		});
	});
	
	$("select#druh").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $(this).val(), druh: 'sirka'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#sirka").html(options);
			$("#vyska, #priemer").html('<option value="-">-- Vybrať</option>');			
		});
	});
	
	$("select#sirka").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $('#druh').val(), value2: $(this).val(), druh: 'vyska'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#vyska").html(options);
			$("#priemer").html('<option value="-">-- Vybrať</option>');
		});
	});
	
	$("select#vyska").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $('#druh').val(), value2: $('#sirka').val(), value3: $(this).val(), druh: 'priemer'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#priemer").html(options);
		});
	});
	
	$("select#plech1").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $(this).val(), druh: 'plech-3'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#plech3").html(options);
			$("select#plech5").html('<option value="-">-- Vybrať</option>');			
		});
	});
	
	$("select#plech3").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $(this).val(), druh: 'plech-5', param1: $('select#plech1').val()}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#plech5").html(options);
		});
	});
	
	$("select#elektron1").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $(this).val(), druh: 'elektron-3'}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#elektron3").html(options);
			$("select#elektron6").html('<option value="-">-- Vybrať</option>');			
		});
	});
	
	$("select#elektron3").change(function(){
		$.getJSON("/select.php",{kat: $("#kat_id").val(), value: $(this).val(), druh: 'elektron-6', param1: $('select#elektron1').val()}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#elektron6").html(options);
		});
	});
});