///<reference path = "jquery-1.3.2.js"/>

//判断浏览器使用语言.
 var lang = navigator.language || navigator.systemLanguage;
 //alert(lang);
 if (lang.indexOf("ja") >= 0 || lang.indexOf('jp') >= 0) {
     //
     var str = window.location.href;
     if (str.substring(str.indexOf("?") + 1) != "1")
     //if (confirm("检测到您的浏览器是日文浏览器，是否跳转到日文网站？")) {
         window.location = "http://www.ip-guard.com/jp";
     //}
 }
$(document).ready(function() {
//alert("T");
    
    
    window.onresize = function() {
        $("#language").find("li ul").css("right", document.body.clientWidth / 2 - 425);
    }
    var Option = [{ name: "简体中文", url: "http://www.ip-guard.net" },  { name: "繁体中文", url: "http://www.tecsols.com/"},{ name: "日本語", url: "http://www.ip-guard.com/jp" }];
    var Header = "English <img src = '../image/Ljiao.jpg'/>";
    var ContainerId = "language";
    (new Image()).src = "../image/1.gif";  //预先加载图片。
    (new Image()).src = "../image/2.gif";
    var chirlImage = "../image/1.gif";
    var chirlOverImage = "../image/2.gif";
    var ul = document.createElement("ul");
    var li = document.createElement("li");
    var flag = false;
    li.innerHTML = Header;
    $(li).addClass("header");
    var childUl = document.createElement("ul");
    $(childUl).css("display", "none");
    $(childUl).css("right", document.body.clientWidth / 2 - 425);
    for (var i = 0; i < Option.length; i++) {
        var cLi = document.createElement("li");
        $(cLi).css("cursor", "pointer");
        cLi.innerHTML = Option[i].name;
        $(cLi).bind("click", Option[i], function(e) {
            window.location.href = e.data.url;
        });
        $(cLi).hover(function() {
            flag = true;
            $(this).css("background-image", "url(" + chirlOverImage + ")");

        }, function() {
            flag = false;
            $(this).css("background-image", "url(" + chirlImage + ")");
        });
        childUl.appendChild(cLi);
    }
    li.appendChild(childUl);
    ul.appendChild(li);
    $(li).hover(function() {
        flag = true;
        $(li).find("ul").css("display", "block");
    }, function() {
        flag = false;
    });
    setInterval(SetDisplay, 500);
    function SetDisplay() {
        if (!flag) {
            $(li).find("ul").css("display", "none");
        }
    }
    document.getElementById(ContainerId).appendChild(ul);
});