$(document).ready(function(){
  
	$("#tabs").tabs({
			cookie: {},		

			ajaxOptions: {
				error: function(xhr, status, index, anchor) {
					$(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible.");
				}
			},
		
	   		select: function(event, ui) {
//				var div = ui.tab.id;
//				var id_sport = $(ui.tab).attr('rel');
			destroy('table.schema');
	   		},
	   		load: function(event, ui) {
			
				var id_sport = $(ui.tab).attr('rel');
				
				//show legend
				$("#legend_out").load("ajax/ajax.legend.php?id_sport="+id_sport);

				//zablokování selectu s přehledem
				if (id_sport == 'all' || id_sport == 'summary' || $(ui.tab).hasClass('show_grouped'))
					{
					$("#prehled option:eq(0)").attr("selected", true);
					$("#prehled").attr('disabled', true);
					}
				else
					{
					$("#prehled").attr('disabled', false);				
					}

				//skrytí kalendáře
				if (id_sport == 'summary' || $("select#prehled").val()!='day')
					{
					$("#datepicker").hide();
					}
				else
					{
					var year=$("#year").val();
					var month=$("#month").val();
					var day=$("#day").val();
					$("#datepicker").show();
		   			}
			   }
		});

	$("select#prehled").change(function(){
		var index = $("#tabs").tabs("option", "selected");
		changeUrlTabs();
		$("#tabs").tabs("load", index);
	});

	//přednastavení prehled ze session
	var prehled = $("#schema_prehled").val();
	$("select#prehled option[value="+prehled+"]").attr('selected', true);


	function changeUrlTabs()
		{
		var year=$("#year").val();
		var month=$("#month").val();
		var day=$("#day").val();
		var pocet = $("#tabs").tabs("length");
		var prehled = $("#prehled").val();
		for (i=0; i<pocet; i++)
			{
			var $tabs = $('#tabs').tabs();
			var id_sport = $('#tabs a.tab:eq('+i+')').attr("rel");
			$("#tabs").tabs("url", i, "ajax/ajax.schema.php?day="+day+"&month="+month+"&year="+year+"&id_sport="+id_sport+"&prehled="+prehled);				
			}
		}


	//calendar----
	var max_days = $("#max_day_future").attr("value");
	var days_forward = $("#days_forward").val();

	$("#datepicker").datepicker({
					minDate: 0, 
					maxDate: max_days,
					dateFormat: 'DD, d. m. yy',
					defaultDate: +days_forward,
					onSelect: function(dateText, inst)  {

														//alert(dateText);
														date_name=dateText.split(",");
														date_array=date_name[1].split(".");
														
														$("#day").val(parseInt(date_array[0]));
														$("#month").val(parseInt(date_array[1]));
														$("#year").val(parseInt(date_array[2]));
														var index = $("#tabs").tabs("option", "selected");
														changeUrlTabs();
														$("#tabs").tabs("load", index);
														}
				}, $.datepicker.regional['cs']);



	
	//schema click on empty or mark cell
	$("table.schema tr td a").live('click', function(e){
		e.preventDefault();
		
		//var all = $("#selected_cell").val();
		
		if ($(this).hasClass('selected'))
			{
			$(this).removeClass('selected');		//remove cell				
			var cell = $(this).attr("rel");
			var action = 'remove';
			//all = all.replace(cell+",","");
			}
		else
			{
			$(this).addClass('selected');			//add cell
			var cell = $(this).attr("rel");					
			var action = 'add';
			//all = all + cell + ",";					
			}
	$("#basket_out").load("ajax/ajax.basket.php?action="+action+"&cell="+cell);
	});
	

	//----------------show basket
	function showBasket()
		{
		var all = $("#selected_cell").val();
		//$("#basket_out").load("ajax/ajax.basket.php?cells="+all);			
		}

	//--------------remove from basket
	$("td.tdBasketDelete a").live('click', function(e){
		
		e.preventDefault();
		var cell = $(this).attr('rel');
		$("#basket_out").load("ajax/ajax.basket.php?action=delete&cell="+cell);	
		var index = $("#tabs").tabs("option", "selected");
		$("#tabs").tabs("load", index);
		
	});



/*
 * 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
 *
 */
	//tooltip preview
	$(".tooltip, table.schema a").live('mouseover', function(e) { 

		var xOffset = 10;
		var yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		

//		$(this).live("hover", function(e) { 
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");


		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    });
	
	$(".tooltip, table.schema a").live('mouseout', function(e) {
			this.title = this.t;		
			$("#tooltip").remove();
	    });	
	
	$(".tooltip, table.schema a").live('mousemove', function(e){
		var xOffset = 10;
		var yOffset = 20;		

		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			


	//remove tooltip after click
	$("a.tooltip, table.schema a").live('click', function(){
		$("#tooltip").remove();
	});


	//submit reservation
	$(".buttonSubmit a").click(function(e){
		e.preventDefault();
		 $(this).closest("form").submit();
	})
	
	//multiuser selectboxy, vyblokování ---- 
	$("select.multiuser").change(function(){
		var i = 0;
	 	var active = $(this).attr('name');
	 	var id_user = $(this).val();
	 	if (id_user != '' && id_user>0)
			$("select.multiuser:not([name="+active+"]) option[value="+id_user+"]").removeAttr('selected');

		if (id_user != '' && id_user == 0)	//host
			{
			$(this).parent().parent().next().show();
			}
		else if (id_user == '' || id_user > 0)		//nic
			{
			$(this).parent().parent().next().hide();			
			}
	});




	
	
	//destroy  element - clear DOM and jquery object
	function destroy(element)
		{
		if ($(element).length>0) {
			var des = $(element).remove();
			delete des;
			}
		}



	//ajax loader
	$( function  () { 
	 	// vhodně nastylovaný div vložím po načtení stránky 
	     $( '<div id="ajax-spinner"></div>' ).ajaxStart( function  () { 
	 		// po ajaxStartu ukážu 
	         $( this ).show(); 
	     }).ajaxStop( function  () { 
	 		// a při ajaxStopu schovám 
	         $( this ).hide(); 
	     }).appendTo( "body" ).hide(); 
 	}); 

	//$("#tabs").removeClass('ui-corner-all');

});



