var imageCode,
    imageCodeOrig;

function imageChange(name, caption) {
    var code,
        el = document.getElementById('v3Image');
    if (typeof imageCodeOrig == 'undefined') {
        imageCodeOrig = el.innerHTML;
    }
    if (name == -1) {
        code = imageCodeOrig;
    } else {
        code = imageCode;
        code = code.replace(/__CAPTION__/g, caption);
        code = code.replace(/__NAME__/g, name)
    }
    el.innerHTML = code;
    return false;
}

function v3Mouseover(name) {
    document.getElementById('v3Main').src = '/images/stories/v3i-' +
        name + '-highlight.jpg';
}

function v3Mouseout() {
    document.getElementById('v3Main').src =
        '/images/stories/v3i-and-phones2.jpg';
}

function v3Screens() {
    var i,
        item,
        items = document.getElementById('v31').getElementsByTagName('area'),
        matches;
    for (i = 0; i < items.length; i++) {
        item = items[i];
        matches = /(\d+)\.jpg/.exec(item.href);
        if (matches === null) {
            continue;
        }
        item.onclick = (function (name, caption) {
            return function () {
                return imageChange(name, caption);
            };
        }(matches[1], item.alt));
    }
}

window.addEvent('domready', function() {
    imageCode = '<div class="v3Caption">__CAPTION__</div><div class="v3Display"><img src="/images/stories/v3-screen/__NAME__.jpg" alt="__CAPTION__" class="v3Screen" onclick="return imageChange(-1)" /></div><div class="v3Close"><input type="button" value="Close" onclick="return imageChange(-1)" /></div>';

    v3Screens();
});