// pics for the blogs menu

function ShowPic(pic, d)
{
        // pic comes from PHP as a comma-separated string of images, e.g. "ozzie.gif,john.gif"
        var pics = new Array();
        var pics = pic.split(',');
        var i;
        var e;
        var img;
        for(i = 0; i < pics.length; i++)
        {
                e = document.getElementById('blogpic_image'+i);
                e.style.borderLeft = '1px solid #6E2A0D';
                e.style.borderTop = '1px solid #6E2A0D';
                e.style.borderBottom = '1px solid #6E2A0D';
                img = new Image();
                img.src = '/img/blog/' + pics[i];
                document.images['blogpic_image'+i].src = img.src;
        }
        lefts = new Array('-174px', '-175px', '-176px', '-177px');
        e = document.getElementById('blogpic');
        e.style.left = lefts[i-1];
        e.style.top = -360 + (22*d) + "px";
        e.style.width = (i * 43).toString() + 'px';
        e.style.visibility = "visible";
}

function HidePic()
{
        var e = document.getElementById('blogpic');
        e.style.visibility = "hidden";
        e.width = '129px';
        var img = new Image();
        img.src = '/img/blog/transparent.gif';
        document.images['blogpic_image0'].src = img.src;
        document.images['blogpic_image1'].src = img.src;
        document.images['blogpic_image2'].src = img.src;
        document.images['blogpic_image3'].src = img.src;
        e = document.getElementById('blogpic_image0');
        e.style.border = '0px';
        e = document.getElementById('blogpic_image1');
        e.style.border = '0px';
        e = document.getElementById('blogpic_image2');
        e.style.border = '0px';
        e = document.getElementById('blogpic_image3');
        e.style.border = '0px';
}