var timeframe;

function onTimeframeClick(tf)
{
    timeframe = tf;
    $.each($(".graphs img"), function() {
        var i = this.src.indexOf("days=") + 5;
        this.src = this.src.substr(0, i) + timeframe;
    });
    $(".timeframe").removeClass('selected');
    $("#tf"+tf).addClass('selected');
}

function onShortUrlClick()
{
    $("#shorturl").unbind('click', onShortUrlClick).html("cloaking... please wait...");
    $.postJSON("/gotourl.php", query, function(response) {
        if (response['errorMessage'] == null) {
            var url = response['shortUrl'];
            $("#shorturl").attr('href', url).html(url);
        } else {
            window.alert('Error: ' + response['errorMessage']);
            $("#shorturl").click(onShortUrlClick);
        }
    });
}

function onLoad()
{
    $.postJSON = function(url, data, callback) { $.post(url, data, callback, "json"); };
    $(".timeframe").attr("href", "#");
    $("#tf31").addClass("selected");
    $(".timeframe").click(function() { var id = $(this).attr('id'), tf = id.substr(2); onTimeframeClick(tf); })
    $("#shorturl").click(onShortUrlClick);
}
google.setOnLoadCallback(onLoad);