$(".box").hide();
    var q = null;
    function testmove() {
        $("#search_link").hover(function() {


            if ($(".box").css("display") == "none") {
                $(".box").slideDown('slow');
                $(".box").hover(function() {
                    clearInterval(q);
                },
                function() {
                    $(".box").slideUp('slow');
                }
                );
            }
            else $(".box").slideDown('slow');


        },
        function Remove() {
            q = setTimeout("timeDelay()", 500);
        }
        )
    }
    function timeDelay(){
        $(".box").slideUp('slow');   
    }
    testmove();


// ************** search text **************

	//global vars
	var searchBoxes = $(".text");
	var searchBox1 = $("#search1");
	var searchBox2 = $("#search2");
	var searchBox1Default = "搜索...";
	var searchBox2Default = "Search...";
	
	//Effects for both searchbox
	searchBoxes.focus(function(e){
		$(this).addClass("active");
	});
	searchBoxes.blur(function(e){
		$(this).removeClass("active");
	});
	
	//Searchbox1 show/hide default text if needed
	searchBox1.focus(function(){
		if($(this).attr("value") == searchBox1Default) $(this).attr("value", "");
	});
	searchBox1.blur(function(){
		if($(this).attr("value") == "") $(this).attr("value", searchBox1Default);
	});
	
	//Searchbox2 show/hide default text if needed
	searchBox2.focus(function(){
		if($(this).attr("value") == searchBox2Default) $(this).attr("value", "");
	});
	searchBox2.blur(function(){
		if($(this).attr("value") == "") $(this).attr("value", searchBox2Default);
	});