/// <reference path="jquery-1.4.1-vsdoc.js" />

$(document).ready(function () {
    generatorEngineClass();

    //提交表单
    $("#btnSearch").click(function () {
        $("#formSearch").submit();
    });
});

var jsonSE = {
    "网页": { "百度": { url: "http://www.baidu.com/s", key: "wd", img: "baidu.jpg" }, "Google": { url: "http://www.google.com.hk/search?q", key: "q", img: "google.jpg" }, "搜狗": { url: "http://www.sogou.com/web", key: "query", img: "sogou.jpg"} },
    "新闻": { "百度": { url: "http://news.baidu.com/ns", key: "word", img: "baidu.jpg"} },
    "音乐": { "百度": { url: "http://mp3.baidu.com/m?word", key: "word", img: "baidu.jpg" }, "Google": { url: "http://www.google.cn/music/search", key: "q", img: "google.jpg" }, "搜狗": { url: "http://mp3.sogou.com/music.so", key: "query", img: "sogou.jpg" }, "狗狗": { url: "http://mp3.gougou.com/search", key: "search", img: "sogou.jpg"} },
    "视频": { "百度": { url: "http://video.baidu.com/v", key: "word", img: "baidu.jpg" }, "狗狗": { url: "http://movie.gougou.com/search", key: "search", img: "gougou.jpg" }, "优酷": { url: "http://www.soku.com/search_video/", key: "q", img: "youku.jpg"} },
    "图片": { "百度": { url: "http://image.baidu.com/i?ct=201326592", key: "word", img: "baidu.jpg"} },
    "地图": { "Google": { url: "http://ditu.google.cn/maps", key: "q", img: "google.jpg"} }
};

/// <summary>ID生成器</summary>
function generatorGuid() {
    var S4 = function () { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); };
    return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
}

/// <summary>生成分类列表</summary>
function generatorEngineClass(){ 
    var html = new String(); 
    var idarr = new String();    
    
    $.each(jsonSE, function (k, v) {
        var id = generatorGuid();
        idarr += id + ",";
        html += "<li><a href='javascript:;' id='" + id + "' onclick=generatorEngineList('" + id + "'); >" + k + "</a></li>";     
    });
    $("#search_top_button").append("<ul>" + html + "</ul>");
    
    var engines = idarr.split(",");
    for(var i = 0;i < engines.length - 1; i++)
    {
        changeTagStyle(engines[i]);
    }

    //默认引擎列表
    generatorEngineList(engines[0]);
    
    $("#" + engines[0]).click();
}

/// <summary>生成引擎列表</summary>
function generatorEngineList(classId) {   
    var html = new String(); 
    var list = jsonSE[$("#" + classId).text()];    
    var idarr = new String();
    var urls = new String();
    var keys = new String();
    var imgs = new String();
    
    $.each(list, function (k, v) {
        var id = generatorGuid();
        idarr += id + ",";
        urls += v.url + ",";
        keys += v.key + ",";
        imgs += v.img + ",";
		html += "<div class=top_2><input type='radio' id='" + id + "' name='engines' value='" + v.url + "' onclick=selectEngine('" + id + "','"+v.url+"','"+v.key+"','"+v.img+"'); /></div><div class=top_3>" + k + "</div>";      
    });
    $("#search_bottom").html(html);
    
    //默认选择引擎
    selectEngine(idarr.split(",")[0],urls.split(",")[0],keys.split(",")[0],imgs.split(",")[0]);
}

/// <summary>选择搜索引擎</summary>
function selectEngine(engineId,url,key,img) {
    $("#txtKeys").attr("name", key);
    $("#formSearch").attr("action", url);
    $("#search_logo").attr("src","/image/Main0/search-logo/"+img);
    $("#" + engineId).attr("checked", "checked");
}

/// <summary>改变标签样式</summary>
function changeTagStyle(tagId)
{
    var tag = $("#" + tagId);
    tag.click(function () {
        tag.parent().siblings().children().removeClass();
        tag.addClass("linkbutton");
    });
}