show balloon over pie slice from outside

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/pie.js"></script>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>
<input type="text" id="category" value="Ireland">
<input type="button" value="show" onclick="showBalloonAtCategory()">

JavaScript

var chart;
var legend;

var chartData = [
    {
        "country": "Lithuania",
        "value": 260
    },
    {
        "country": "Ireland",
        "value": 201
    },
    {
        "country": "Germany",
        "value": 65
    },
    {
        "country": "Australia",
        "value": 39
    },
    {
        "country": "UK",
        "value": 19
    },
    {
        "country": "Latvia",
        "value": 10
    }
];

AmCharts.ready(function () {
    // PIE CHART
    chart = new AmCharts.AmPieChart();
    chart.dataProvider = chartData;
    chart.titleField = "country";
    chart.valueField = "value";
    chart.outlineColor = "#FFFFFF";
    chart.outlineAlpha = 0.8;
    chart.outlineThickness = 1;
    chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
    // this makes the chart 3D
    chart.depth3D = 15;
    chart.angle = 30;
    
    // WRITE
    chart.write("chartdiv");
});

function showBalloonAtCategory(){
    var cat = document.getElementById("category").value;
    // get index of category
    var index;
    for(var i = 0; i < chartData.length; i++){
        if(chartData[i].country == cat){
            index = i;
        }
    }
    if(!isNaN(index)){
        chart.rollOverSlice(index);
    }
}