function showClientAjax()
{
    var aloader=document.createElement("div");
    $(aloader).attr({
       id: "s_aloader" 
    });
    $("body").append(aloader);
}

function hideClientAjax()
{
    $("div#s_aloader").animate({opacity: 0}, "normal", function(){
        $("div#s_aloader").remove(); 
    });    
}

function createFlyInfoWindow()
{   
    showClientAjax();
    var bgDiv=document.createElement("div");
    $(bgDiv).attr({
       id: "s_bg_div" 
    });
    var bgHeight=parseInt($(document).height())+"px";
    $("body").append(bgDiv);
    $(bgDiv).css({height:bgHeight}).animate({opacity: 0.7}, "normal");

    var info_div=document.createElement("div");
    info_div.id="s_info_div";
    $("body").append(info_div); 
    
    var inner_panel="<div id='s_cmd_bar'>";
    inner_panel+="<form name='cmd_option'>";
    inner_panel+="<select name='site'>";
    inner_panel+="<option value='all' selected>По всем сайтам</option><option value='gall'>По всем посещениям</option>";
    inner_panel+="</select>";
    inner_panel+="<a class='s_sbutton' id='cd1' href='javascript: doNothing();' onclick='createDiagramm(1);'><span> Весь период </span></a>";
    inner_panel+="<a class='s_sbutton' id='cd2' href='javascript: doNothing();' onclick='createDiagramm(2);'><span> Месяц </span></a>";
    inner_panel+="<a class='s_sbutton' id='cd3' href='javascript: doNothing();' onclick='createDiagramm(3);'><span> Неделя </span></a>";
    inner_panel+="<a class='s_sbutton' id='cd4' href='javascript: doNothing();' onclick='createDiagramm(4);'><span> Сегодня </span></a>";
    inner_panel+="</form>";
    inner_panel+="</div>";
    inner_panel+="<div id='s_conteiner'><div id='s_graph'>";
    inner_panel+="</div></div>";
    
    $("div#s_info_div").html(inner_panel).animate({opacity: 1, marginLeft: "-400px"}, "slow", function(){
        $(this).append("<div id='s_wclose' onclick='closeFlyInfoWindow();'></div>");
        var f_option=document.forms["cmd_option"].site;
        $.getJSON("./stat_common/createPanel.php", {data: "sites"}, function(data){
            $.each(data.sites, function(i, val){
                f_option.options.add(new Option(data.sites[i].site,data.sites[i].site,false,false)); 
            });
            createDiagramm(1);
        });
    });
}

function createDiagramm(period)
{
    showClientAjax();
    var show_option=$('form[name=cmd_option] :input[name=site]').attr('value');
    $.post("./stat_common/getData.php", {data: show_option, period: period}, function(data){
        $("div#s_graph").html(data);
        hideClientAjax();
    });
}

function closeFlyInfoWindow()
{
    $('div#s_info_div').fadeOut('slow', 
        function(){$('div#s_info_div').remove()}); 
    $('div#s_bg_div').animate({opacity: 0.1}, 'slow', 
        function(){$('div#s_bg_div').remove()});
}

var clicksNothing=0;
function doNothing()
{
    clicksNothing++;
}