function imagepopup_mouseover(img)
{
	img.style.border = '20px solid #666666';
	img.style.zIndex = 99;
}
function imagepopup_mouseout(img)
{
	img.style.border = '10px solid #666666';
	img.style.zIndex = 10;
}

function adjust_text_to_image(textb, textw, im, yoffset)
{
	var img = document.all[im];
    var left= img.style.left;
    var top = img.style.top;
    var lefti= Math.floor(left.substring(0, left.length-2));
    var topi = Math.floor(top.substring(0, top.length-2));
    document.all[textb].style.left = lefti;
    document.all[textb].style.top  = topi + yoffset;
    document.all[textw].style.left = lefti + 1;
    document.all[textw].style.top  = topi + yoffset + 1;
}



function create_text_element_for_image(text, x, y, stl) {
    var text1 = text.substring(0,2)
    var text2 = text.substring(2);
    return '<div class="' + stl + '" style="left:' + x + 'px; top:' + y + 'px;"><b>' + text1 + '</b>' + text2 + '</div>';
}

function udpate_images_with_text() {

    var imgs = document.images;
    for (var i = 0; i < imgs.length; i++) {
        var img = imgs[i];
        if (img.className == 'imagepopup') {
            var paps = img.parentNode.parentNode;
            var text = img.alt;
            var temp = paps.innerHTML;
            paps.innerHTML = '<div style="position:relative">' + temp
            + create_text_element_for_image(text, 0, 0, 'textonimagelinkb')
            + create_text_element_for_image(text, 1, 1, 'textonimagelinkw')
            + '</div>';
        }
    }
    
    imgs = document.images;
    for (var i = 0; i < imgs.length; i++) {
        var img = imgs[i];
        if (img.className == 'imagepopup') {
            img.onmouseover = new Function('imagepopup_mouseover(this)');
            img.onmouseout = new Function('imagepopup_mouseout(this)');
        }
    }
}