var Pic = new Array();    // picture file name
var PicW = new Array();   // picture width
var PicH = new Array();   // picture height
var PicC = new Array();   // picture comment

var preLoad = new Array();

Pic[0] = 'photos/20110317_melaka/IMG_0371.JPG';
PicW[0] = 640;
PicH[0] = 480;
PicC[0] = '  ';
preLoad[0] = new Image();
Pic[1] = 'photos/20110317_melaka/IMG_0372.JPG';
PicW[1] = 640;
PicH[1] = 480;
PicC[1] = '  ';
preLoad[1] = new Image();
Pic[2] = 'photos/20110317_melaka/IMG_0373.JPG';
PicW[2] = 640;
PicH[2] = 480;
PicC[2] = '  ';
preLoad[2] = new Image();
Pic[3] = 'photos/20110317_melaka/IMG_0374.JPG';
PicW[3] = 640;
PicH[3] = 480;
PicC[3] = '  ';
preLoad[3] = new Image();
Pic[4] = 'photos/20110317_melaka/IMG_0375.JPG';
PicW[4] = 480;
PicH[4] = 640;
PicC[4] = '  ';
preLoad[4] = new Image();
Pic[5] = 'photos/20110317_melaka/IMG_0376.JPG';
PicW[5] = 640;
PicH[5] = 480;
PicC[5] = '  ';
preLoad[5] = new Image();
Pic[6] = 'photos/20110317_melaka/IMG_0377.JPG';
PicW[6] = 640;
PicH[6] = 480;
PicC[6] = '  ';
preLoad[6] = new Image();
Pic[7] = 'photos/20110317_melaka/IMG_0378.JPG';
PicW[7] = 640;
PicH[7] = 480;
PicC[7] = '  ';
preLoad[7] = new Image();
Pic[8] = 'photos/20110317_melaka/IMG_0379.JPG';
PicW[8] = 640;
PicH[8] = 480;
PicC[8] = '  ';
preLoad[8] = new Image();
Pic[9] = 'photos/20110317_melaka/IMG_0380.JPG';
PicW[9] = 480;
PicH[9] = 640;
PicC[9] = '  ';
preLoad[9] = new Image();
Pic[10] = 'photos/20110317_melaka/IMG_0381.JPG';
PicW[10] = 480;
PicH[10] = 640;
PicC[10] = '  ';
preLoad[10] = new Image();
Pic[11] = 'photos/20110317_melaka/IMG_0382.JPG';
PicW[11] = 480;
PicH[11] = 640;
PicC[11] = '  ';
preLoad[11] = new Image();
Pic[12] = 'photos/20110317_melaka/IMG_0383.JPG';
PicW[12] = 480;
PicH[12] = 640;
PicC[12] = '  ';
preLoad[12] = new Image();
Pic[13] = 'photos/20110317_melaka/IMG_0384.JPG';
PicW[13] = 640;
PicH[13] = 480;
PicC[13] = '  ';
preLoad[13] = new Image();
Pic[14] = 'photos/20110317_melaka/IMG_0385.JPG';
PicW[14] = 640;
PicH[14] = 480;
PicC[14] = '  ';
preLoad[14] = new Image();
Pic[15] = 'photos/20110317_melaka/IMG_0386.JPG';
PicW[15] = 640;
PicH[15] = 480;
PicC[15] = '  ';
preLoad[15] = new Image();
Pic[16] = 'photos/20110317_melaka/IMG_0387.JPG';
PicW[16] = 480;
PicH[16] = 640;
PicC[16] = '  ';
preLoad[16] = new Image();
Pic[17] = 'photos/20110317_melaka/IMG_0388.JPG';
PicW[17] = 480;
PicH[17] = 640;
PicC[17] = '  ';
preLoad[17] = new Image();
Pic[18] = 'photos/20110317_melaka/IMG_0389.JPG';
PicW[18] = 480;
PicH[18] = 640;
PicC[18] = '  ';
preLoad[18] = new Image();
Pic[19] = 'photos/20110317_melaka/IMG_0390.JPG';
PicW[19] = 480;
PicH[19] = 640;
PicC[19] = '  ';
preLoad[19] = new Image();
Pic[20] = 'photos/20110317_melaka/IMG_0391.JPG';
PicW[20] = 640;
PicH[20] = 480;
PicC[20] = '  ';
preLoad[20] = new Image();
Pic[21] = 'photos/20110317_melaka/IMG_0392.JPG';
PicW[21] = 640;
PicH[21] = 480;
PicC[21] = '  ';
preLoad[21] = new Image();
Pic[22] = 'photos/20110317_melaka/IMG_0393.JPG';
PicW[22] = 640;
PicH[22] = 480;
PicC[22] = '  ';
preLoad[22] = new Image();
Pic[23] = 'photos/20110317_melaka/IMG_0394.JPG';
PicW[23] = 640;
PicH[23] = 480;
PicC[23] = '  ';
preLoad[23] = new Image();
Pic[24] = 'photos/20110317_melaka/IMG_0395.JPG';
PicW[24] = 640;
PicH[24] = 480;
PicC[24] = '  ';
preLoad[24] = new Image();
Pic[25] = 'photos/20110317_melaka/IMG_0396.JPG';
PicW[25] = 640;
PicH[25] = 480;
PicC[25] = '  ';
preLoad[25] = new Image();
Pic[26] = 'photos/20110317_melaka/IMG_0397.JPG';
PicW[26] = 640;
PicH[26] = 480;
PicC[26] = '  ';
preLoad[26] = new Image();
Pic[27] = 'photos/20110317_melaka/IMG_0398.JPG';
PicW[27] = 640;
PicH[27] = 480;
PicC[27] = '  ';
preLoad[27] = new Image();
Pic[28] = 'photos/20110317_melaka/IMG_0399.JPG';
PicW[28] = 480;
PicH[28] = 640;
PicC[28] = '  ';
preLoad[28] = new Image();
Pic[29] = 'photos/20110317_melaka/IMG_0400.JPG';
PicW[29] = 480;
PicH[29] = 640;
PicC[29] = '  ';
preLoad[29] = new Image();
Pic[30] = 'photos/20110317_melaka/IMG_0401.JPG';
PicW[30] = 640;
PicH[30] = 480;
PicC[30] = '  ';
preLoad[30] = new Image();
Pic[31] = 'photos/20110317_melaka/IMG_0402.JPG';
PicW[31] = 640;
PicH[31] = 480;
PicC[31] = '  ';
preLoad[31] = new Image();
Pic[32] = 'photos/20110317_melaka/IMG_0403.JPG';
PicW[32] = 640;
PicH[32] = 480;
PicC[32] = '  ';
preLoad[32] = new Image();
Pic[33] = 'photos/20110317_melaka/IMG_0404.JPG';
PicW[33] = 480;
PicH[33] = 640;
PicC[33] = '  ';
preLoad[33] = new Image();
Pic[34] = 'photos/20110317_melaka/IMG_0405.JPG';
PicW[34] = 640;
PicH[34] = 480;
PicC[34] = '  ';
preLoad[34] = new Image();
Pic[35] = 'photos/20110317_melaka/IMG_0406.JPG';
PicW[35] = 640;
PicH[35] = 480;
PicC[35] = '  ';
preLoad[35] = new Image();
Pic[36] = 'photos/20110317_melaka/IMG_0407.JPG';
PicW[36] = 480;
PicH[36] = 640;
PicC[36] = '  ';
preLoad[36] = new Image();
Pic[37] = 'photos/20110317_melaka/IMG_0408.JPG';
PicW[37] = 640;
PicH[37] = 480;
PicC[37] = '  ';
preLoad[37] = new Image();
Pic[38] = 'photos/20110317_melaka/IMG_0409.JPG';
PicW[38] = 640;
PicH[38] = 480;
PicC[38] = '  ';
preLoad[38] = new Image();
Pic[39] = 'photos/20110317_melaka/IMG_0410.JPG';
PicW[39] = 480;
PicH[39] = 640;
PicC[39] = '  ';
preLoad[39] = new Image();
Pic[40] = 'photos/20110317_melaka/IMG_0411.JPG';
PicW[40] = 480;
PicH[40] = 640;
PicC[40] = '  ';
preLoad[40] = new Image();
Pic[41] = 'photos/20110317_melaka/IMG_0412.JPG';
PicW[41] = 640;
PicH[41] = 480;
PicC[41] = '  ';
preLoad[41] = new Image();
Pic[42] = 'photos/20110317_melaka/IMG_0413.JPG';
PicW[42] = 480;
PicH[42] = 640;
PicC[42] = '  ';
preLoad[42] = new Image();
Pic[43] = 'photos/20110317_melaka/IMG_0414.JPG';
PicW[43] = 640;
PicH[43] = 480;
PicC[43] = '  ';
preLoad[43] = new Image();
Pic[44] = 'photos/20110317_melaka/IMG_0415.JPG';
PicW[44] = 640;
PicH[44] = 480;
PicC[44] = '  ';
preLoad[44] = new Image();
Pic[45] = 'photos/20110317_melaka/IMG_0416.JPG';
PicW[45] = 640;
PicH[45] = 480;
PicC[45] = '  ';
preLoad[45] = new Image();
Pic[46] = 'photos/20110317_melaka/IMG_0417.JPG';
PicW[46] = 640;
PicH[46] = 480;
PicC[46] = '  ';
preLoad[46] = new Image();
Pic[47] = 'photos/20110317_melaka/IMG_0418.JPG';
PicW[47] = 640;
PicH[47] = 480;
PicC[47] = '  ';
preLoad[47] = new Image();
Pic[48] = 'photos/20110317_melaka/IMG_0419.JPG';
PicW[48] = 480;
PicH[48] = 640;
PicC[48] = '  ';
preLoad[48] = new Image();
Pic[49] = 'photos/20110317_melaka/IMG_0420.JPG';
PicW[49] = 480;
PicH[49] = 640;
PicC[49] = '  ';
preLoad[49] = new Image();
Pic[50] = 'photos/20110317_melaka/IMG_0421.JPG';
PicW[50] = 480;
PicH[50] = 640;
PicC[50] = '  ';
preLoad[50] = new Image();
Pic[51] = 'photos/20110317_melaka/IMG_0422.JPG';
PicW[51] = 480;
PicH[51] = 640;
PicC[51] = '  ';
preLoad[51] = new Image();
Pic[52] = 'photos/20110317_melaka/IMG_0423.JPG';
PicW[52] = 640;
PicH[52] = 480;
PicC[52] = '  ';
preLoad[52] = new Image();
Pic[53] = 'photos/20110317_melaka/IMG_0424.JPG';
PicW[53] = 640;
PicH[53] = 480;
PicC[53] = '  ';
preLoad[53] = new Image();
Pic[54] = 'photos/20110317_melaka/IMG_0425.JPG';
PicW[54] = 640;
PicH[54] = 480;
PicC[54] = '  ';
preLoad[54] = new Image();
Pic[55] = 'photos/20110317_melaka/IMG_0426.JPG';
PicW[55] = 640;
PicH[55] = 480;
PicC[55] = '  ';
preLoad[55] = new Image();
Pic[56] = 'photos/20110317_melaka/IMG_0427.JPG';
PicW[56] = 640;
PicH[56] = 480;
PicC[56] = '  ';
preLoad[56] = new Image();
Pic[57] = 'photos/20110317_melaka/IMG_0428.JPG';
PicW[57] = 640;
PicH[57] = 480;
PicC[57] = '  ';
preLoad[57] = new Image();
Pic[58] = 'photos/20110317_melaka/IMG_0429.JPG';
PicW[58] = 480;
PicH[58] = 640;
PicC[58] = '  ';
preLoad[58] = new Image();
Pic[59] = 'photos/20110317_melaka/IMG_0430.JPG';
PicW[59] = 640;
PicH[59] = 480;
PicC[59] = '  ';
preLoad[59] = new Image();
Pic[60] = 'photos/20110317_melaka/IMG_0431.JPG';
PicW[60] = 480;
PicH[60] = 640;
PicC[60] = '  ';
preLoad[60] = new Image();
Pic[61] = 'photos/20110317_melaka/IMG_0432.JPG';
PicW[61] = 480;
PicH[61] = 640;
PicC[61] = '  ';
preLoad[61] = new Image();
Pic[62] = 'photos/20110317_melaka/IMG_0433.JPG';
PicW[62] = 640;
PicH[62] = 480;
PicC[62] = '  ';
preLoad[62] = new Image();
Pic[63] = 'photos/20110317_melaka/IMG_0434.JPG';
PicW[63] = 640;
PicH[63] = 480;
PicC[63] = '  ';
preLoad[63] = new Image();
Pic[64] = 'photos/20110317_melaka/IMG_0435.JPG';
PicW[64] = 640;
PicH[64] = 480;
PicC[64] = '  ';
preLoad[64] = new Image();
Pic[65] = 'photos/20110317_melaka/IMG_0436.JPG';
PicW[65] = 640;
PicH[65] = 480;
PicC[65] = '  ';
preLoad[65] = new Image();
Pic[66] = 'photos/20110317_melaka/IMG_0437.JPG';
PicW[66] = 640;
PicH[66] = 480;
PicC[66] = '  ';
preLoad[66] = new Image();
Pic[67] = 'photos/20110317_melaka/IMG_0438.JPG';
PicW[67] = 480;
PicH[67] = 640;
PicC[67] = '  ';
preLoad[67] = new Image();
Pic[68] = 'photos/20110317_melaka/IMG_0439.JPG';
PicW[68] = 640;
PicH[68] = 480;
PicC[68] = '  ';
preLoad[68] = new Image();
Pic[69] = 'photos/20110317_melaka/IMG_0440.JPG';
PicW[69] = 640;
PicH[69] = 480;
PicC[69] = '  ';
preLoad[69] = new Image();
Pic[70] = 'photos/20110317_melaka/IMG_0441.JPG';
PicW[70] = 640;
PicH[70] = 480;
PicC[70] = '  ';
preLoad[70] = new Image();
Pic[71] = 'photos/20110317_melaka/IMG_0442.JPG';
PicW[71] = 640;
PicH[71] = 480;
PicC[71] = '  ';
preLoad[71] = new Image();
Pic[72] = 'photos/20110317_melaka/IMG_0443.JPG';
PicW[72] = 480;
PicH[72] = 640;
PicC[72] = '  ';
preLoad[72] = new Image();
Pic[73] = 'photos/20110317_melaka/IMG_0444.JPG';
PicW[73] = 480;
PicH[73] = 640;
PicC[73] = '  ';
preLoad[73] = new Image();
Pic[74] = 'photos/20110317_melaka/IMG_0445.JPG';
PicW[74] = 640;
PicH[74] = 480;
PicC[74] = '  ';
preLoad[74] = new Image();
Pic[75] = 'photos/20110317_melaka/IMG_0446.JPG';
PicW[75] = 480;
PicH[75] = 640;
PicC[75] = '  ';
preLoad[75] = new Image();
Pic[76] = 'photos/20110317_melaka/IMG_0447.JPG';
PicW[76] = 480;
PicH[76] = 640;
PicC[76] = '  ';
preLoad[76] = new Image();
Pic[77] = 'photos/20110317_melaka/IMG_0448.JPG';
PicW[77] = 640;
PicH[77] = 480;
PicC[77] = '  ';
preLoad[77] = new Image();
Pic[78] = 'photos/20110317_melaka/IMG_0449.JPG';
PicW[78] = 640;
PicH[78] = 480;
PicC[78] = '  ';
preLoad[78] = new Image();
Pic[79] = 'photos/20110317_melaka/IMG_0450.JPG';
PicW[79] = 640;
PicH[79] = 480;
PicC[79] = '  ';
preLoad[79] = new Image();
Pic[80] = 'photos/20110317_melaka/IMG_0451.JPG';
PicW[80] = 480;
PicH[80] = 640;
PicC[80] = '  ';
preLoad[80] = new Image();
Pic[81] = 'photos/20110317_melaka/IMG_0452.JPG';
PicW[81] = 480;
PicH[81] = 640;
PicC[81] = '  ';
preLoad[81] = new Image();
Pic[82] = 'photos/20110317_melaka/IMG_0453.JPG';
PicW[82] = 480;
PicH[82] = 640;
PicC[82] = '  ';
preLoad[82] = new Image();
Pic[83] = 'photos/20110317_melaka/IMG_0454.JPG';
PicW[83] = 640;
PicH[83] = 480;
PicC[83] = '  ';
preLoad[83] = new Image();
Pic[84] = 'photos/20110317_melaka/IMG_0455.JPG';
PicW[84] = 640;
PicH[84] = 480;
PicC[84] = '  ';
preLoad[84] = new Image();
Pic[85] = 'photos/20110317_melaka/IMG_0456.JPG';
PicW[85] = 640;
PicH[85] = 480;
PicC[85] = '  ';
preLoad[85] = new Image();
Pic[86] = 'photos/20110317_melaka/IMG_0457.JPG';
PicW[86] = 640;
PicH[86] = 480;
PicC[86] = '  ';
preLoad[86] = new Image();
Pic[87] = 'photos/20110317_melaka/IMG_0458.JPG';
PicW[87] = 640;
PicH[87] = 480;
PicC[87] = '  ';
preLoad[87] = new Image();
Pic[88] = 'photos/20110317_melaka/IMG_0459.JPG';
PicW[88] = 480;
PicH[88] = 640;
PicC[88] = '  ';
preLoad[88] = new Image();
Pic[89] = 'photos/20110317_melaka/IMG_0460.JPG';
PicW[89] = 480;
PicH[89] = 640;
PicC[89] = '  ';
preLoad[89] = new Image();
Pic[90] = 'photos/20110317_melaka/IMG_0461.JPG';
PicW[90] = 480;
PicH[90] = 640;
PicC[90] = '  ';
preLoad[90] = new Image();
Pic[91] = 'photos/20110317_melaka/IMG_0462.JPG';
PicW[91] = 640;
PicH[91] = 480;
PicC[91] = '  ';
preLoad[91] = new Image();
Pic[92] = 'photos/20110317_melaka/IMG_0463.JPG';
PicW[92] = 640;
PicH[92] = 480;
PicC[92] = '  ';
preLoad[92] = new Image();
Pic[93] = 'photos/20110317_melaka/IMG_0464.JPG';
PicW[93] = 640;
PicH[93] = 480;
PicC[93] = '  ';
preLoad[93] = new Image();
Pic[94] = 'photos/20110317_melaka/IMG_0465.JPG';
PicW[94] = 640;
PicH[94] = 480;
PicC[94] = '  ';
preLoad[94] = new Image();
Pic[95] = 'photos/20110317_melaka/IMG_0466.JPG';
PicW[95] = 640;
PicH[95] = 480;
PicC[95] = '  ';
preLoad[95] = new Image();
Pic[96] = 'photos/20110317_melaka/IMG_0467.JPG';
PicW[96] = 640;
PicH[96] = 480;
PicC[96] = '  ';
preLoad[96] = new Image();


// alert("111 preLoadPic ix = "+0+":::"+preLoad[0].name);

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Agent sniffer shamelessly 'stolen' from the excellent X library from cross-browser.com
var xOp7=false,xOp5or6=false,xIE4Up=false,xNN4=false,xUA=navigator.userAgent.toLowerCase();
if(window.opera){
  xOp7=(xUA.indexOf('opera 7')!=-1 || xUA.indexOf('opera/7')!=-1);
  if (!xOp7) xOp5or6=(xUA.indexOf('opera 5')!=-1 || xUA.indexOf('opera/5')!=-1 || xUA.indexOf('opera 6')!=-1 || xUA.indexOf('opera/6')!=-1);
}
else if(document.layers) xNN4=true;
else {xIE4Up=document.all && xUA.indexOf('msie')!=-1 && parseInt(navigator.appVersion)>=4;}

// Duration of crossfade (seconds)
var crossFadeDuration = 1

// Specify the image files

var t = -1;
var pos = 0;
var posNext = 0;
var status_slideshow = 0;
var count_entry = 0;

var html;

function preLoadPic(index)
{
    if (index >= 0 && index < Pic.length)
    {
        if (preLoad[index].src == "")
        {
            preLoad[index].src = "albums/"+Pic[index];
            // alert("preLoadPic ix = "+index);
            // alert("preLoadPic");
        }
    }
    else
    {
        Alert("Error : invalid index.");
    }
}

function startSlideShow()
{
    if (Pic.length == 0)
    {
        // No picture to start slide show.
        Alert("Error : Pic.length is less than or equal to 0.");
    }
    else if (t == -1)
    {
        // Only when the slide show has not been started,
        // then start it.

        posNext = pos;

        if ((posNext+1) < Pic.length)
        {
            // Can increment var pos. Thus increment.
            posNext++;
        }
        else if ((posNext +1) >= Pic.length)
        {
            // Cannot increment var pos. Thus restart from beginning.
            posNext = 0;
        }

        status_slideshow = 1;
        count_entry = 0;

        playSlideShow();

        window.status='Starting Slide Show ... '+window.status;
    }
}

function playSlideShow()
{
    if (Pic.length <= 0)
    {
        endSlideShow();
        Alert("Error : Pic.length is less than or equal to 0.");
        return;
    }

    if (preLoad[posNext].src == "")
    {
        endSlideShow();
        Alert("Error : preLoad[posNext].src is empty");
        return;
    }

    if (! preLoad[posNext].complete)
    {
        // The next picture is not completely loaded.

        if (count_entry == 3)
        {
            // Already attempted 3 times. Abort.

            endSlideShow();
            window.status='Slide show halted. Connection speed is too slow.';
            Alert("Error : Connection speed is too slow for slide show.");
        }
        else
        {
            window.status='Loading Picture '+(posNext+1)+' of '+Pic.length+', '+Pic[posNext];

            if (count_entry > 0)
            {
                window.status = window.status + ', '+count_entry;
            }

            if (t == -1)
            {
                t = window.setInterval('playSlideShow();', 3000);
                // alert("timer started");
            }
        }
        count_entry++;
    }
    else
    {
        // The next picture has been completely loaded.
        // Show the next picture
        pos = posNext;
        count_entry = 0;
        changeSlide();
        window.status='Showing Picture '+(pos+1)+' of '+Pic.length;

        if (status_slideshow != 0 && (posNext+1) < Pic.length)
        {
            // Slide show is being played.
            // Preload the next picture.
            posNext++;
            preLoadPic(posNext);

            if (t == -1)
            {
                // Although it is now in the slide show mode, but
                // the timer has not been started. Thus, start it.
                t = window.setInterval('playSlideShow();', 3000);
            }
        }
        else
        {
            // Slide show is not being played OR slide show has ended.
            if (status_slideshow != 0)
            {
                window.status=window.status+', '+'Slide Show Ended.';
            }
            endSlideShow();
        }

        if (status_slideshow == 0)
        {
            // Not in slide show mode.
            // Also preload the next and the prev photo
            if ((pos+1) < Pic.length) preLoadPic(pos+1);
            if (pos > 0) preLoadPic(pos-1);
        }
    }
}

function endSlideShow()
{
    if (t != -1)
    {
        window.clearInterval(t);
        t = -1;
    }
    // window.status='';
    status_slideshow = 0;
}

function changeSlide()
{
    if (xIE4Up)
    {
        if (document.all)
        {
            //document.images.SlideShow.style.filter= "blendTrans(duration=crossFadeDuration)"
            document.all.SlideShow.style.filter="blendTrans(duration=1)";
            document.all.SlideShow.filters.blendTrans.Apply();
        }
    }

    writeInnerHTML();

    if (xIE4Up)
    {
        if (document.all)
        {
            document.all.SlideShow.filters.blendTrans.Play();
        }
    }

    displayComment();

    return true;
}

function writeInnerHTML()
{
    html = "";
    html += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n";
    html += "<tr>\n";
    html += "<td align=\"center\" valign=\"middle\" width=\"640\" height=\"640\">\n";
    html += "<img src=\""+preLoad[pos].src+"\"";
    html += " height="+PicH[pos];
    html += " weight="+PicW[pos];
    html += " border=\"0\" hspace=\"0\" vspace=\"0\"";
    html += " />\n";
    html += "</td>\n";
    html += "</tr>\n";
    html += "</table>\n";
    document.getElementById("SlideShow").innerHTML = html;

    // alert(html);
}

function nextPhoto()
{
    endSlideShow();

    if ((pos+1) < Pic.length)
    {
        posNext = pos + 1;
        playSlideShow();
    }
}

function prevPhoto()
{
    endSlideShow();

    if (pos > 0)
    {
        posNext = pos - 1;
        playSlideShow();
    }
}

function firstPhoto()
{
    endSlideShow();

    posNext = 0;
    playSlideShow();
}

function lastPhoto()
{
    endSlideShow();

    if (Pic.length > 0)
    {
        posNext = Pic.length - 1;
        playSlideShow();
    }
}

function gotoPhoto(num)
{
    endSlideShow();

    if (num > 0 && num <= Pic.length)
    {
        pos = num - 1;

        if (preLoad[pos].src == "" || ! preLoad[pos].complete)
        {
            // The next picture is not completely loaded.
            preLoadPic(pos);
            writeInnerHTML();
            displayComment();
        }
        else
        {
            changeSlide();
        }

        // Also preload the next and the prev photo
        if ((pos+1) < Pic.length) preLoadPic(pos+1);
        if (pos > 0) preLoadPic(pos-1);
    }
}

function displayComment()
{
    html = "<b>Album 58 :  2011 March 17 - 19, Melaka Trip</b><br/>";
    html += "<small>Photo "+(pos+1)+" of "+Pic.length+"<br/>";
    html += PicC[pos];
    html += "</small>";

    document.getElementById("TitleAndComments").innerHTML = html;
}

function load()
{
    displayComment();

    // Display the first picture.
    gotoPhoto(1);

    // Preload the last picture.
    if (Pic.length>0) preLoadPic(Pic.length-1);
}