var host = location.host;


function googleMapCreateMarker(point, popuphtml) {
    var popuphtml = "<div id=\"popup\">" + popuphtml + "<\/div>";
    var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(popuphtml);
    });
    return marker;
}


function googleMapInit(data) {
    if (GBrowserIsCompatible()) {


        var markers = eval("(" + data + ")");


        // Create and Center a Map
        var map = new GMap2(document.getElementById("articleStatMapCanvas"));
        map.setCenter(new GLatLng(49.763289,17.127686), 6);
        map.setUIToDefault();
        map.enableScrollWheelZoom();
        
        // bind a search control to the map, suppress result list
        map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));

        // Add 10 markers to the map at random locations
        for (var i in markers)
        {
            if(i != "remove"){
                var point = new GLatLng(markers[i][0][0],markers[i][0][1]);
                html = "Návštěv: " +markers[i][1]["ga:pageviews"] +"<br /> Unik. návštěv: " + markers[i][1]["ga:uniquePageviews"];
                map.addOverlay(googleMapCreateMarker(point, html));
            }
        }
    }
}




var articleStatLoad = false;
$("#articleStatToogle").toggle(
    function () {
        if(articleStatLoad == false){
            $("#articleStatLoading").show();
            $.post("http://"+host+"/"+blogName+"/articles/statisticsgraph/", {
                id: articleId,
                url: articleSourceUrl,
                published: articlePublished,
                period: 0
            },
            function(data){
                $("#articleStatImage").attr("src",data);
                $("#articleStatLoading").hide();
                $("#articleStat").show();
            });

            $.post("http://"+host+"/"+blogName+"/articles/statisticsdata/", {
                id: articleId,
                url: articleSourceUrl,
                published: articlePublished,
                blogname: blogName
            },
            function(data){

                var statData = data.split("|");

                $("#articleStatUnique").html(statData[1]);
                $("#articleStatTimeAvg").html(statData[2]);
                $("#articleStatBounceRate").html(statData[3]);

            });
            articleStatLoad = true;
        }else{

            $("#articleStat").show();
        }
    }, 
    function () { 
        $("#articleStat").hide();
        $("#articleStatMapCanvas").hide();
    }
    );




$("#articleStatWeek").click(function(){
    $('#articleStatImage').show();
    $("#articleStatImageMask").show();
    $('#articleStatImage').css('opacity', .5);
    $.post("http://"+host+"/"+blogName+"/articles/statisticsgraph/", {
        id: articleId,
        url: articleSourceUrl,
        published: articlePublished,
        period: 0,
	blogname: blogName
    },
    function(data){
        $("#articleStatImage").attr("src",data);
        $('#articleStatImage').css('opacity', 1);
        $("#articleStatImageMask").hide();
    });

    return false;
});


$("#articleStatMonth").click(function(){
    $('#articleStatImage').show();
    $("#articleStatImageMask").show();
    $('#articleStatImage').css('opacity', .5);
    $.post("http://"+host+"/"+blogName+"/articles/statisticsgraph/", {
        id: articleId,
        url: articleSourceUrl,
        published: articlePublished,
        period: 1,
	blogname: blogName
    },
    function(data){
        $("#articleStatImage").attr("src",data);
        $('#articleStatImage').css('opacity', 1);
        $("#articleStatImageMask").hide();
    });

    return false;
});


$("#articleStatYear").click(function(){
    $('#articleStatImage').show();
    $("#articleStatImageMask").show();
    $('#articleStatImage').css('opacity', .5);
    $.post("http://"+host+"/"+blogName+"/articles/statisticsgraph/", {
        id: articleId,
        url: articleSourceUrl,
        published: articlePublished,
        period: 2,
	blogname: blogName
    },
    function(data){


        $("#articleStatImage").attr("src",data);
        $('#articleStatImage').css('opacity', 1);
        $("#articleStatImageMask").hide();
    });


    return false;
});





$("#articleStatMap").click(function(){
    $.post("http://"+host+"/"+blogName+"/articles/statisticsmap/", {
        id: articleId,
        url: articleSourceUrl,
        published: articlePublished,
	blogname: blogName
    },
    function(data){

        $("#articleStatMapCanvas").show();

        googleMapInit(data);

        GSearch.setOnLoadCallback(googleMapInit);

        $('#articleStatImage').hide();
        $("#articleStatImageMask").hide();
    });

    return false;
});