var se;// = stringToJSON(seJson);
$.get("/widget/so/se-data.txt", function(json){
	se = stringToJSON(json);
	bindSeGroups();
});
var selectedSite;
var dropdownVisible = false;
function bindSeGroups(){
	var tablen = se.tabs.length;
	var tabHtml = '';
	for(var i = 0;i<tablen;i++){
		tabHtml += "<li class=\"a\" onclick=\"changeSE(this,'"+se.tabs[i]+"');\">"+se.tabs[i]+"</li>";
	}
	$('#card').html(tabHtml);
	changeSE($('#card>li:first'),se.tabs[0]);
}
function changeSE(tab,group){
	if($(tab).attr('class') == 'b')
		return;
	$('#card>li').each(function(){
		if($(this).attr('class') == 'b')
			$(this).attr('class','a');
	});
	$(tab).attr('class','b');
	var sitelen = se.sites.length;
	var siteHtml = '';
	var j = 0;
	for(var i = 0;i<sitelen;i++){
		if(se.sites[i]['group'] != group)
			continue;
		siteHtml +=  "<div class=\"searchitem\"  onclick=\"selSearch(this,"+i+");\"  onmouseover=\"this.className='searchitem-a'\" onmouseout=\"this.className='searchitem'\">"
            +"<img   src=\""+se.sites[i]['icon']+"\" class=\"icon\" />&nbsp;&nbsp;<span>"+se.sites[i]['name']+"</span>"
           +" </div>";
		if( j == 0){
			selSearch(null,i);
		}
		j ++;
	}
	$("#searchlist").html(siteHtml);
}

function selSearch(obj,i)
{
	selectedSite = se.sites[i];
	$('#ico').attr('src',selectedSite['icon']);
	$('#searchlist').hide();
	dropdownVisible = false;
}

function goso()
{
	$('#searchlist').hide();
	var keywords = $('#keywords').val().trim();
	if(keywords.length == 0)
		return;
	if(selectedSite['gb'] == null || selectedSite['gb']!=1)
		keywords = encodeURIComponent(keywords);
	else
		keywords = encodeToGb2312(keywords);
	var url = selectedSite['url'].replace("%s",keywords);
	window.open(url);
}

function enterSearch()
{
	if(event.keyCode == 13)
		goso();
}

function showSearchList()
{
    var obj = $("#searchlist");
	if(dropdownVisible){
		dropdownVisible = false;
		obj.hide();
		return;
	}
    var offset = $("#dropdown").offset();
    var left = offset.left;
    var top = offset.top+30;
  	obj.css({display:"",position:"absolute",left:left+"px",top:top+"px",cursor:"pointer"});
	dropdownVisible = true;
}

function hideSearchList(){
	$("#searchlist").hide();
	dropdownVisible = false;
}