var closeSearch = function (){
       
   $("#search-result-box").hide();
   $("#search-input").val("");
}
   
$(function (){
   

   var $ajax=null;
   var $iframe    = $("#search-result-box")
   $iframe.contents().find("head")
        .append('<style>body {color: #686868;font-family: "Trebuchet MS",Arial,sans-serif;font-size: 11px;}a {color: #002681;text-decoration: none;}#search-result-title {font-size: 12px;font-weight: bold;margin:5px} #search-result-close {position: absolute;right:  5px;}</style>')
        
   
   
   $("#search-input").keyup(function (){

       if ($ajax != null){
           $ajax.abort();
       }
       
       var word = $(this).val();

       $ajax = $.get(searchUrl, {q: word}, function (xml){
                      
            
            $iframe.contents().find("body").html('<div id="search-result-title">Résultats de recherche pour la recherche "<span id="search-q">'+word+'</span>" <a id="search-result-close" href="#" onclick="parent.closeSearch();return false;">fermer</a></div><ol id="resultbox"></ol>')
            $iframe.show();
            $("#search-result-close", $iframe.contents()).live('click', function (){
                console.log('click')
               $iframe.hide();
               $("#search-input").val("");
               return false;
            })
            
            var $resultbox = $("#resultbox", $iframe.contents());
            
            
            var $results = $(xml).find('R');
            if ($results.length>0){
                
               $results.each (function (){
                    var $u = $(this).find('U');
                    var $a = $("<a target=\"_parent\"></a>").attr("href", $u.text()).html($(this).find('T').text());
                    var $h3 = $("<h3></h3>").append($a);
                    var $p = $("<p></p>").html($(this).find('S').text())

                    var $li = $("<li></li>");
                    $li.append($h3).append($p);
                    
                    $resultbox.append($li);
               });
            }
            else {
                $resultbox.append("<li>Aucun résultats</li>");
            }

           $ajax = null;
       }, 'xml');
   })
});