// JavaScript Document
$(document).ready(function(){
	var groups;
	var default_channel_suggest;

	$("#channel_suggest").focus(function(){
		if(groups == undefined)
		{
			default_channel_suggest = $("#channel_suggest").attr("value");
			$("#channel_suggest").attr("value","Loading...").attr("disabled",true).css("background","#F4F4F4 url(assets/images/ajax-loader.gif) top right no-repeat");
			
			$.getJSON("ajax.php?function=get_groups", function(data){
				groups = data;
				
				$("#channel_suggest").autocomplete(groups, {
					matchContains: true,
					formatItem: function(item) {
						return item.text;
					}
				}).result(function(event, item) {
					location.href = "channel.php?group=" + item.url;
					
				}).attr("disabled",false).focus().css("background","#FFF").removeClass("pre").attr("value","");
			});
		}
		else
		{
			if($("#channel_suggest").attr("value") == default_channel_suggest)
			{
				$("#channel_suggest").attr("value","").removeClass("pre");
			}
		}
	});
	
	$("#channel_suggest").blur(function(){
		if($("#channel_suggest").attr("value") == "")
		{
			$("#channel_suggest").attr("value",default_channel_suggest).addClass("pre");
		}
	});


});