$(document).ready(function(){

 $("#pf_search").submit(function(event){
   event.preventDefault();
   
   $("#search_results").slideDown(300);
   
   $.getJSON("?dyn=pf_search_results", {query:$("#pf_search_query").val(), format:$("#pf_search_fmt").val()}, function(res) {
   
        if(res.error){
           $("#search_results .error").html(res.error).show();  
           $("#search_results .loading").slideUp(300);
        }else{
           
           $("#search_results .loading").hide();
           $("#search_results .results").show();
           $("#search_results .results div").html("");
           
           // Looping game results
           
           $.each(res.games,function(id, game) {
           
              $("#search_results .results .games").append($("<div></div>").addClass("result")
                                                                          .append($("<a></a>").attr("href", "?pg=product&id="+game.id).append($("<img></img>").attr("src", game.cover == "blank" ? "design/gpn/front/nocover.gif" : game.cover).addClass( game.cover == "blank" ? "cover blank" : "cover")))
                                                                          .append($("<a></a>").attr("href", "?pg=product&id="+game.id).addClass("title").html(game.title))
                                                                          .append($("<div></div>").html("Sjanger: "+game.genre).addClass("fact"))
                                                                          .append($("<div></div>").html("Lansering: "+game.launch).addClass("fact"))
                                                                          .append() );
           });

           function resetSearch(hide_search){
                if(hide_search) $("#search_results").slideUp(500);
                $("#search_results .results, #search_results .error").hide();
                $("#search_results .btmmenu").slideUp(200);
                $("#search_results .results .games").html();
                $("#search_results .loading").show();
           }
           
           $("#search_results .btmmenu").html("")
                                        .append($("<a></a>").addClass("close").attr("href", "#").html("Lukk søkeboksen »").click(function(){resetSearch(true)}))
                                        .append($("<a></a>").attr("href", "?pg=search&query="+res.query_url).html("« Gjør et globalt søk på &quot;"+res.query+"&quot;")) 
                                        .slideDown(200);
           
           $("#pf_search").submit(function(){resetSearch(false)})
           
        }
   
   });
   
 });

});