function showInfo(element) {

    // Position the info element according to the position of the KymppiYmpyra slice bundle
    var position = $('kymppiYmpyra').getPosition();
    var xPosition = position.x+50;
    var yPosition = position.y+50;

    // Only create the element once, from there on just refer to it
    if ( $('kymppiYmpyraInfoBox') != undefined ) {
        $('kymppiYmpyraInfoBox').setHTML('');
        var container = $('kymppiYmpyraInfoBox');
    } else {
        var container = new Element('div', {'id': 'kymppiYmpyraInfoBox', 'class': 'toolWide-tip', 'styles': {'position': 'absolute', 'top': yPosition, 'left': xPosition}});
    }

    var paragraph = new Element('div', {'class': 'toolWide-text'});
    var heading = new Element('div', {'class': 'toolWide-title'});
    var wrapper = new Element('div').inject(container);
    
    heading.inject(wrapper);
    paragraph.inject(wrapper);
    container.inject(document.body);
    
    var headers;
    var texts;
    var i;
        
    headers = new Array();
    texts = new Array();
    
    headers = $ES("h3", "circleTexts");
    texts = $ES("div", "circleTexts");

    headers.each(function (el) {
        if ( el.getAttribute("rel") == element.getAttribute("alt") ) {
            heading.setText(el.getText());
        }
    });
    texts.each(function (el) {
        if ( el.getAttribute("rel") == element.getAttribute("alt") ) {
            paragraph.setHTML(el.innerHTML);
        }
    });
    
    // Have to use element.onclick and not the event object setup below to make Firefox believe the false returned by the function
    //var closeLink = new Element('a', {'href': '#', 'events': {'click': closeInfo}, 'styles': {'display': 'block', 'float': 'right', 'position': 'relative', 'top': '-22px'}});
    var closeLink = new Element('a', {'href': '#', 'styles': {'display': 'block', 'float': 'right', 'position': 'relative', 'top': '0'}});
    closeLink.onclick = closeInfo;
    
    // IE6 and IE7 position the button too left and down.
    if (window.ie)
	{
    	closeLink.setStyle('margin', '-25px 5px 0 0');
	}
    
    closeLink.setHTML('<img class="closeButton" src="../images/icons/kNeu/22x22/actions/fileclose.png" alt="Sulje" title="Sulje" />');
    closeLink.inject(new Element('div')).inject(heading);
    container.setStyle('visibility', 'visible');

}

function closeInfo() {
    $('kymppiYmpyraInfoBox').setStyle('visibility', 'hidden');
    return false;
}