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/20110806_desaru/IMG_1365.JPG';
PicW[0] = 640;
PicH[0] = 480;
PicC[0] = '  ';
preLoad[0] = new Image();
Pic[1] = 'photos/20110806_desaru/IMG_1366.JPG';
PicW[1] = 640;
PicH[1] = 480;
PicC[1] = '  ';
preLoad[1] = new Image();
Pic[2] = 'photos/20110806_desaru/IMG_1368.JPG';
PicW[2] = 640;
PicH[2] = 480;
PicC[2] = '  ';
preLoad[2] = new Image();
Pic[3] = 'photos/20110806_desaru/IMG_1369.JPG';
PicW[3] = 640;
PicH[3] = 480;
PicC[3] = '  ';
preLoad[3] = new Image();
Pic[4] = 'photos/20110806_desaru/IMG_1370.JPG';
PicW[4] = 640;
PicH[4] = 480;
PicC[4] = '  ';
preLoad[4] = new Image();
Pic[5] = 'photos/20110806_desaru/IMG_1371.JPG';
PicW[5] = 640;
PicH[5] = 480;
PicC[5] = '  ';
preLoad[5] = new Image();
Pic[6] = 'photos/20110806_desaru/IMG_1372.JPG';
PicW[6] = 480;
PicH[6] = 640;
PicC[6] = '  ';
preLoad[6] = new Image();
Pic[7] = 'photos/20110806_desaru/IMG_1373.JPG';
PicW[7] = 640;
PicH[7] = 480;
PicC[7] = '  ';
preLoad[7] = new Image();
Pic[8] = 'photos/20110806_desaru/IMG_1374.JPG';
PicW[8] = 640;
PicH[8] = 480;
PicC[8] = '  ';
preLoad[8] = new Image();
Pic[9] = 'photos/20110806_desaru/IMG_1375.JPG';
PicW[9] = 640;
PicH[9] = 480;
PicC[9] = '  ';
preLoad[9] = new Image();
Pic[10] = 'photos/20110806_desaru/IMG_1376.JPG';
PicW[10] = 640;
PicH[10] = 480;
PicC[10] = '  ';
preLoad[10] = new Image();
Pic[11] = 'photos/20110806_desaru/IMG_1377.JPG';
PicW[11] = 640;
PicH[11] = 480;
PicC[11] = '  ';
preLoad[11] = new Image();
Pic[12] = 'photos/20110806_desaru/IMG_1378.JPG';
PicW[12] = 640;
PicH[12] = 480;
PicC[12] = '  ';
preLoad[12] = new Image();
Pic[13] = 'photos/20110806_desaru/IMG_1379.JPG';
PicW[13] = 640;
PicH[13] = 480;
PicC[13] = '  ';
preLoad[13] = new Image();
Pic[14] = 'photos/20110806_desaru/IMG_1380.JPG';
PicW[14] = 640;
PicH[14] = 480;
PicC[14] = '  ';
preLoad[14] = new Image();
Pic[15] = 'photos/20110806_desaru/IMG_1381.JPG';
PicW[15] = 640;
PicH[15] = 480;
PicC[15] = '  ';
preLoad[15] = new Image();
Pic[16] = 'photos/20110806_desaru/IMG_1382.JPG';
PicW[16] = 640;
PicH[16] = 480;
PicC[16] = '  ';
preLoad[16] = new Image();
Pic[17] = 'photos/20110806_desaru/IMG_1383.JPG';
PicW[17] = 640;
PicH[17] = 480;
PicC[17] = '  ';
preLoad[17] = new Image();
Pic[18] = 'photos/20110806_desaru/IMG_1384.JPG';
PicW[18] = 640;
PicH[18] = 480;
PicC[18] = '  ';
preLoad[18] = new Image();
Pic[19] = 'photos/20110806_desaru/IMG_1385.JPG';
PicW[19] = 640;
PicH[19] = 480;
PicC[19] = '  ';
preLoad[19] = new Image();
Pic[20] = 'photos/20110806_desaru/IMG_1386.JPG';
PicW[20] = 640;
PicH[20] = 480;
PicC[20] = '  ';
preLoad[20] = new Image();
Pic[21] = 'photos/20110806_desaru/IMG_1387.JPG';
PicW[21] = 640;
PicH[21] = 480;
PicC[21] = '  ';
preLoad[21] = new Image();
Pic[22] = 'photos/20110806_desaru/IMG_1388.JPG';
PicW[22] = 640;
PicH[22] = 480;
PicC[22] = '  ';
preLoad[22] = new Image();
Pic[23] = 'photos/20110806_desaru/IMG_1389.JPG';
PicW[23] = 640;
PicH[23] = 480;
PicC[23] = '  ';
preLoad[23] = new Image();
Pic[24] = 'photos/20110806_desaru/IMG_1390.JPG';
PicW[24] = 640;
PicH[24] = 480;
PicC[24] = '  ';
preLoad[24] = new Image();
Pic[25] = 'photos/20110806_desaru/IMG_1391.JPG';
PicW[25] = 640;
PicH[25] = 480;
PicC[25] = '  ';
preLoad[25] = new Image();
Pic[26] = 'photos/20110806_desaru/IMG_1392.JPG';
PicW[26] = 640;
PicH[26] = 480;
PicC[26] = '  ';
preLoad[26] = new Image();
Pic[27] = 'photos/20110806_desaru/IMG_1393.JPG';
PicW[27] = 640;
PicH[27] = 480;
PicC[27] = '  ';
preLoad[27] = new Image();
Pic[28] = 'photos/20110806_desaru/IMG_1394.JPG';
PicW[28] = 640;
PicH[28] = 480;
PicC[28] = '  ';
preLoad[28] = new Image();
Pic[29] = 'photos/20110806_desaru/IMG_1395.JPG';
PicW[29] = 640;
PicH[29] = 480;
PicC[29] = '  ';
preLoad[29] = new Image();
Pic[30] = 'photos/20110806_desaru/IMG_1396.JPG';
PicW[30] = 640;
PicH[30] = 480;
PicC[30] = '  ';
preLoad[30] = new Image();
Pic[31] = 'photos/20110806_desaru/IMG_1397.JPG';
PicW[31] = 640;
PicH[31] = 480;
PicC[31] = '  ';
preLoad[31] = new Image();
Pic[32] = 'photos/20110806_desaru/IMG_1398.JPG';
PicW[32] = 640;
PicH[32] = 480;
PicC[32] = '  ';
preLoad[32] = new Image();
Pic[33] = 'photos/20110806_desaru/IMG_1399.JPG';
PicW[33] = 640;
PicH[33] = 480;
PicC[33] = '  ';
preLoad[33] = new Image();
Pic[34] = 'photos/20110806_desaru/IMG_1400.JPG';
PicW[34] = 640;
PicH[34] = 480;
PicC[34] = '  ';
preLoad[34] = new Image();
Pic[35] = 'photos/20110806_desaru/IMG_1401.JPG';
PicW[35] = 480;
PicH[35] = 640;
PicC[35] = '  ';
preLoad[35] = new Image();
Pic[36] = 'photos/20110806_desaru/IMG_1402.JPG';
PicW[36] = 640;
PicH[36] = 480;
PicC[36] = '  ';
preLoad[36] = new Image();
Pic[37] = 'photos/20110806_desaru/IMG_1403.JPG';
PicW[37] = 640;
PicH[37] = 480;
PicC[37] = '  ';
preLoad[37] = new Image();
Pic[38] = 'photos/20110806_desaru/IMG_1404.JPG';
PicW[38] = 640;
PicH[38] = 480;
PicC[38] = '  ';
preLoad[38] = new Image();
Pic[39] = 'photos/20110806_desaru/IMG_1405.JPG';
PicW[39] = 480;
PicH[39] = 640;
PicC[39] = '  ';
preLoad[39] = new Image();
Pic[40] = 'photos/20110806_desaru/IMG_1406.JPG';
PicW[40] = 480;
PicH[40] = 640;
PicC[40] = '  ';
preLoad[40] = new Image();
Pic[41] = 'photos/20110806_desaru/IMG_1407.JPG';
PicW[41] = 480;
PicH[41] = 640;
PicC[41] = '  ';
preLoad[41] = new Image();
Pic[42] = 'photos/20110806_desaru/IMG_1408.JPG';
PicW[42] = 480;
PicH[42] = 640;
PicC[42] = '  ';
preLoad[42] = new Image();
Pic[43] = 'photos/20110806_desaru/IMG_1409.JPG';
PicW[43] = 480;
PicH[43] = 640;
PicC[43] = '  ';
preLoad[43] = new Image();
Pic[44] = 'photos/20110806_desaru/IMG_1410.JPG';
PicW[44] = 640;
PicH[44] = 480;
PicC[44] = '  ';
preLoad[44] = new Image();
Pic[45] = 'photos/20110806_desaru/IMG_1411.JPG';
PicW[45] = 640;
PicH[45] = 480;
PicC[45] = '  ';
preLoad[45] = new Image();
Pic[46] = 'photos/20110806_desaru/IMG_1412.JPG';
PicW[46] = 640;
PicH[46] = 480;
PicC[46] = '  ';
preLoad[46] = new Image();
Pic[47] = 'photos/20110806_desaru/IMG_1413.JPG';
PicW[47] = 480;
PicH[47] = 640;
PicC[47] = '  ';
preLoad[47] = new Image();
Pic[48] = 'photos/20110806_desaru/IMG_1414.JPG';
PicW[48] = 640;
PicH[48] = 480;
PicC[48] = '  ';
preLoad[48] = new Image();
Pic[49] = 'photos/20110806_desaru/IMG_1415.JPG';
PicW[49] = 640;
PicH[49] = 480;
PicC[49] = '  ';
preLoad[49] = new Image();
Pic[50] = 'photos/20110806_desaru/IMG_1416.JPG';
PicW[50] = 480;
PicH[50] = 640;
PicC[50] = '  ';
preLoad[50] = new Image();
Pic[51] = 'photos/20110806_desaru/IMG_1417.JPG';
PicW[51] = 480;
PicH[51] = 640;
PicC[51] = '  ';
preLoad[51] = new Image();
Pic[52] = 'photos/20110806_desaru/IMG_1418.JPG';
PicW[52] = 640;
PicH[52] = 480;
PicC[52] = '  ';
preLoad[52] = new Image();
Pic[53] = 'photos/20110806_desaru/IMG_1419.JPG';
PicW[53] = 640;
PicH[53] = 480;
PicC[53] = '  ';
preLoad[53] = new Image();
Pic[54] = 'photos/20110806_desaru/IMG_1420.JPG';
PicW[54] = 480;
PicH[54] = 640;
PicC[54] = '  ';
preLoad[54] = new Image();
Pic[55] = 'photos/20110806_desaru/IMG_1421.JPG';
PicW[55] = 640;
PicH[55] = 480;
PicC[55] = '  ';
preLoad[55] = 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 60 :  2011 Aug 06 - 08, Desaru 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);
}