if (typeof jQuery != 'undefined') 
{
	$(document).ready(function()
	{
		$('#vereinauswahl').css('display','');
		$("#vereinauswahl select").children().remove(); 
		$("#vereinauswahl select").removeAttr('disabled');

		select_response('init', 1);
	
					
		//alert('Debug-Msg: Page loaded');
		
		var selects = { land:1, liga:2, verein:3 };
	
		$("#vereinauswahl select").change(
			function()
			{
				select_response($(this).attr('name'),$(this).val());
			}
		)
		.keyup(
			function()
			{
				select_response($(this).attr('name'),$(this).val());
			}
		);
	});
	
	var select_response = function(item,id)
	{
		if(id > 0)
		{
			$.ajax({
				url: ('ajax.php'),
				data: 'mode=teamselect&item=' + item + '&id=' + id + '#' + new Date().getTime(),
				type: 'GET',
				timeout: 10000,
				dataType: 'json',
				error: function()
				{
					//alert('Error loading json data!');
				},
				success: function(json)
				{
					build_select(json);
				}
			});
		}
	}
	
	var build_select = function(json)
	{	
		for (element in json)
		{
			if(element == 'message')
			{
				var msg = document.createTextNode(json[element]);
				$("#vereinauswahl_message").empty();
				$("#vereinauswahl_message").append(msg);
			}
			else
			{
				var items = json[element].length;
				var selected = false;

				$("#vereinauswahl select[name=" + element + "]").children().remove(); 
				for(var i=0;i<items;i++)
				{
					var opt = document.createElement("option");
						opt.appendChild(document.createTextNode(json[element][i].value));
						opt.value=json[element][i].key;
						
						if(element == 'verein')
						{
							opt.style.color = (json[element][i].disabled) ? '#808080' : ((json[element][i].exclude) ? '#ED8712' : '#000000');
							opt.available = (!json[element][i].disabled && !json[element][i].exclude) ? 1 : 0;
							if(!json[element][i].disabled && !json[element][i].exclude && !selected)
							{
								opt.setAttribute('selected',true);
								selected = true;
							}
						}
					$("#vereinauswahl select[name=" + element + "]").append(opt);
				}
			}
		}

		var state = ($("#vereinauswahl select[name=verein] option:selected").attr('available'));
		toogle_submit_button(state);
	}
	
	var toogle_submit_button = function(state)
	{
		if(state)
		{
			$("#vereinauswahl input[name=save]").removeAttr('disabled');
		}
		else
		{
			$("#vereinauswahl input[name=save]").attr('disabled',true);
		}
	}
}

