$(document).ready(function() 
{
    var site_map_panel = {
        visible: false,
        click_on_panel: false
    };
    
    var search_panel = site_map_panel;
    
    
    $('#search_form').submit(function()
    {
        window.location.href = '/search/' + $('#search_query').attr('value');
        return false;
    });
    
    $('body').click(function()
    {
        if(!search_panel.click_on_panel)
        {
            $('#search_panel').css('display', 'none');
            $('#search_panel_show').removeClass('active');
        }
        
        if(!search_panel.click_on_panel)
        {
            $('#site_map').css('display', 'none');
            $('#site_map_show').removeClass('active');
            $('#search_panel_show').css('display', 'block');
        }
            
        search_panel.click_on_panel = false;
        site_map_panel.click_on_panel = false;
    })
    
    $('#search_panel').click(function() { search_panel.click_on_panel = true; })
    $('#site_map').click(function() { site_map_panel.click_on_panel = true; })
    
    $('#search_panel_show').click(function()
    {
        $(this).toggleClass('active');
        $('#search_panel').toggle();
        var display = $('#search_panel').css('display');
        if ('block' == display)
        {
            $('#search_query').focus();
        }
        search_panel.click_on_panel = true;       
   });


   $('#site_map_show').click(function()
   {
       $(this).toggleClass('active');
       $('#site_map').toggle();
       $('#search_panel_show').toggle();
       site_map_panel.click_on_panel = true;
       $('#search_panel').css('display', 'none');
   });
   

   $('#h1').click(function()
   {
       //$('#site_map').css('top', '-9000px');
       $('#site_map').css('display', 'block');
       //$('#site_map').css('display', 'none');
       $('#site_map').css('top', '-13px');
   })


    if (jQuery.browser.opera && jQuery.browser.version >= 9.8)
    {
        $('#search_submit').css('height', '31px');
    }
    

    // preload
    var imageObj = new Image();
    var images = new Array();
    images[0] = '/images/bg_sitemap_top.png';
    images[1] = '/images/bg_sitemap_bottom.png'
    
    for(var i = 0; i < images.length; i++) 
    {
        imageObj.src = images[i];
    }

     
});