var current = null;
var infoTitle = null;
var infoNotes = null;
var mainImage = null;
var images = new Array(11);

function pfOver(item)
{
        if (item)
                item.className = 'pf-icon-over';
}
function pfOut(item)
{
        if (item && item != current)
                item.className = 'pf-icon';
}
function pfClick(item)
{
        if (item == current)
                return;
        var old = current;
        current = item;
        pfOut(old);
        pfOver(current);
        mainImage.src = "image/" + item.id + ".jpg";
        infoTitle.innerHTML = item.title;
        infoNotes.innerHTML = item.alt;
}
function init()
{

        infoTitle = document.getElementById("infoTitle");
        infoNotes = document.getElementById("infoNotes");
        mainImage = document.getElementById("mainImage");
        pfClick(document.getElementById("01"));
        for (var i = 0; i < images.length; i++) {
                if (i < 10) i = "0" + i;
                images[i] = new Image(441, 566);
                images[i].src = "image/" + i + ".jpg";
        }
        
}