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/20071027_twn/IMG_2404.JPG';
PicW[0] = 640;
PicH[0] = 480;
PicC[0] = ' 2007 October  ';
preLoad[0] = new Image();
Pic[1] = 'photos/20071027_twn/IMG_2410.JPG';
PicW[1] = 480;
PicH[1] = 640;
PicC[1] = ' 2007 October  ';
preLoad[1] = new Image();
Pic[2] = 'photos/20071027_twn/IMG_2417.JPG';
PicW[2] = 640;
PicH[2] = 480;
PicC[2] = ' 2007 October  ';
preLoad[2] = new Image();
Pic[3] = 'photos/20071027_twn/IMG_2420.JPG';
PicW[3] = 640;
PicH[3] = 480;
PicC[3] = ' 2007 October  ';
preLoad[3] = new Image();
Pic[4] = 'photos/20071027_twn/IMG_2426.JPG';
PicW[4] = 640;
PicH[4] = 480;
PicC[4] = ' 2007 October  ';
preLoad[4] = new Image();
Pic[5] = 'photos/20071027_twn/IMG_2427.JPG';
PicW[5] = 480;
PicH[5] = 640;
PicC[5] = ' 2007 October  ';
preLoad[5] = new Image();
Pic[6] = 'photos/20071027_twn/IMG_2434.JPG';
PicW[6] = 640;
PicH[6] = 480;
PicC[6] = ' 2007 October  ';
preLoad[6] = new Image();
Pic[7] = 'photos/20071027_twn/IMG_2438.JPG';
PicW[7] = 640;
PicH[7] = 480;
PicC[7] = ' 2007 October  ';
preLoad[7] = new Image();
Pic[8] = 'photos/20071027_twn/IMG_2439.JPG';
PicW[8] = 640;
PicH[8] = 480;
PicC[8] = ' 2007 October  ';
preLoad[8] = new Image();
Pic[9] = 'photos/20071027_twn/IMG_2445.JPG';
PicW[9] = 640;
PicH[9] = 480;
PicC[9] = ' 2007 October  ';
preLoad[9] = new Image();
Pic[10] = 'photos/20071027_twn/IMG_2446.JPG';
PicW[10] = 640;
PicH[10] = 480;
PicC[10] = ' 2007 October  ';
preLoad[10] = new Image();
Pic[11] = 'photos/20071027_twn/IMG_2449.JPG';
PicW[11] = 480;
PicH[11] = 640;
PicC[11] = ' 2007 October  ';
preLoad[11] = new Image();
Pic[12] = 'photos/20071027_twn/IMG_2450.JPG';
PicW[12] = 480;
PicH[12] = 640;
PicC[12] = ' 2007 October  ';
preLoad[12] = new Image();
Pic[13] = 'photos/20071027_twn/IMG_2454.JPG';
PicW[13] = 640;
PicH[13] = 480;
PicC[13] = ' 2007 October  ';
preLoad[13] = new Image();
Pic[14] = 'photos/20071027_twn/IMG_2467.JPG';
PicW[14] = 640;
PicH[14] = 480;
PicC[14] = ' 2007 October  ';
preLoad[14] = new Image();
Pic[15] = 'photos/20071027_twn/IMG_2469.JPG';
PicW[15] = 640;
PicH[15] = 480;
PicC[15] = ' 2007 October  ';
preLoad[15] = new Image();
Pic[16] = 'photos/20071027_twn/IMG_2471.JPG';
PicW[16] = 480;
PicH[16] = 640;
PicC[16] = ' 2007 October  ';
preLoad[16] = new Image();
Pic[17] = 'photos/20071027_twn/IMG_2473.JPG';
PicW[17] = 640;
PicH[17] = 480;
PicC[17] = ' 2007 October  ';
preLoad[17] = new Image();
Pic[18] = 'photos/20071027_twn/IMG_2491.JPG';
PicW[18] = 640;
PicH[18] = 480;
PicC[18] = ' 2007 October  ';
preLoad[18] = new Image();
Pic[19] = 'photos/20071027_twn/IMG_2492.JPG';
PicW[19] = 640;
PicH[19] = 480;
PicC[19] = ' 2007 October  ';
preLoad[19] = new Image();
Pic[20] = 'photos/20071027_twn/IMG_2497.JPG';
PicW[20] = 480;
PicH[20] = 640;
PicC[20] = ' 2007 October  ';
preLoad[20] = new Image();
Pic[21] = 'photos/20071027_twn/IMG_2500.JPG';
PicW[21] = 480;
PicH[21] = 640;
PicC[21] = ' 2007 October  ';
preLoad[21] = new Image();
Pic[22] = 'photos/20071027_twn/IMG_2552.JPG';
PicW[22] = 640;
PicH[22] = 480;
PicC[22] = ' 2007 October  ';
preLoad[22] = new Image();
Pic[23] = 'photos/20071027_twn/IMG_2553.JPG';
PicW[23] = 640;
PicH[23] = 480;
PicC[23] = ' 2007 October  ';
preLoad[23] = new Image();
Pic[24] = 'photos/20071027_twn/IMG_2557.JPG';
PicW[24] = 640;
PicH[24] = 480;
PicC[24] = ' 2007 October  ';
preLoad[24] = new Image();
Pic[25] = 'photos/20071027_twn/IMG_2558.JPG';
PicW[25] = 640;
PicH[25] = 480;
PicC[25] = ' 2007 October  ';
preLoad[25] = new Image();
Pic[26] = 'photos/20071027_twn/IMG_2559.JPG';
PicW[26] = 640;
PicH[26] = 480;
PicC[26] = ' 2007 October  ';
preLoad[26] = new Image();
Pic[27] = 'photos/20071027_twn/IMG_2560.JPG';
PicW[27] = 640;
PicH[27] = 480;
PicC[27] = ' 2007 October  ';
preLoad[27] = new Image();
Pic[28] = 'photos/20071027_twn/IMG_2561.JPG';
PicW[28] = 640;
PicH[28] = 480;
PicC[28] = ' 2007 October  ';
preLoad[28] = new Image();
Pic[29] = 'photos/20071027_twn/IMG_2563.JPG';
PicW[29] = 640;
PicH[29] = 480;
PicC[29] = ' 2007 October  ';
preLoad[29] = new Image();
Pic[30] = 'photos/20071027_twn/IMG_2581.JPG';
PicW[30] = 480;
PicH[30] = 640;
PicC[30] = ' 2007 October  ';
preLoad[30] = new Image();
Pic[31] = 'photos/20071027_twn/IMG_2584.JPG';
PicW[31] = 640;
PicH[31] = 480;
PicC[31] = ' 2007 October  ';
preLoad[31] = new Image();
Pic[32] = 'photos/20071027_twn/IMG_2585.JPG';
PicW[32] = 640;
PicH[32] = 480;
PicC[32] = ' 2007 October  ';
preLoad[32] = new Image();
Pic[33] = 'photos/20071027_twn/IMG_2586.JPG';
PicW[33] = 640;
PicH[33] = 480;
PicC[33] = ' 2007 October  ';
preLoad[33] = new Image();
Pic[34] = 'photos/20071027_twn/IMG_2590.JPG';
PicW[34] = 640;
PicH[34] = 480;
PicC[34] = ' 2007 October  ';
preLoad[34] = new Image();
Pic[35] = 'photos/20071027_twn/IMG_2591.JPG';
PicW[35] = 640;
PicH[35] = 480;
PicC[35] = ' 2007 October  ';
preLoad[35] = new Image();
Pic[36] = 'photos/20071027_twn/IMG_2592.JPG';
PicW[36] = 640;
PicH[36] = 480;
PicC[36] = ' 2007 October  ';
preLoad[36] = new Image();
Pic[37] = 'photos/20071027_twn/IMG_2594.JPG';
PicW[37] = 640;
PicH[37] = 480;
PicC[37] = ' 2007 October  ';
preLoad[37] = new Image();
Pic[38] = 'photos/20071027_twn/IMG_2595.JPG';
PicW[38] = 640;
PicH[38] = 480;
PicC[38] = ' 2007 October  ';
preLoad[38] = new Image();
Pic[39] = 'photos/20071027_twn/IMG_2596.JPG';
PicW[39] = 480;
PicH[39] = 640;
PicC[39] = ' 2007 October  ';
preLoad[39] = new Image();
Pic[40] = 'photos/20071027_twn/IMG_2601.JPG';
PicW[40] = 480;
PicH[40] = 640;
PicC[40] = ' 2007 October  ';
preLoad[40] = new Image();
Pic[41] = 'photos/20071027_twn/IMG_2603.JPG';
PicW[41] = 480;
PicH[41] = 640;
PicC[41] = ' 2007 October  ';
preLoad[41] = new Image();
Pic[42] = 'photos/20071027_twn/IMG_2609.JPG';
PicW[42] = 640;
PicH[42] = 480;
PicC[42] = ' 2007 October  ';
preLoad[42] = new Image();
Pic[43] = 'photos/20071027_twn/IMG_2615.JPG';
PicW[43] = 480;
PicH[43] = 640;
PicC[43] = ' 2007 October  ';
preLoad[43] = new Image();
Pic[44] = 'photos/20071027_twn/IMG_2620.JPG';
PicW[44] = 640;
PicH[44] = 480;
PicC[44] = ' 2007 October  ';
preLoad[44] = new Image();
Pic[45] = 'photos/20071027_twn/IMG_2622.JPG';
PicW[45] = 640;
PicH[45] = 480;
PicC[45] = ' 2007 October  ';
preLoad[45] = new Image();
Pic[46] = 'photos/20071027_twn/IMG_2625.JPG';
PicW[46] = 480;
PicH[46] = 640;
PicC[46] = ' 2007 October  ';
preLoad[46] = new Image();
Pic[47] = 'photos/20071027_twn/IMG_2626.JPG';
PicW[47] = 480;
PicH[47] = 640;
PicC[47] = ' 2007 October  ';
preLoad[47] = new Image();
Pic[48] = 'photos/20071027_twn/IMG_2639.JPG';
PicW[48] = 480;
PicH[48] = 640;
PicC[48] = ' 2007 October  ';
preLoad[48] = new Image();
Pic[49] = 'photos/20071027_twn/IMG_2643.JPG';
PicW[49] = 640;
PicH[49] = 480;
PicC[49] = ' 2007 October  ';
preLoad[49] = new Image();
Pic[50] = 'photos/20071027_twn/IMG_2649.JPG';
PicW[50] = 480;
PicH[50] = 640;
PicC[50] = ' 2007 October  ';
preLoad[50] = new Image();
Pic[51] = 'photos/20071027_twn/IMG_2651.JPG';
PicW[51] = 480;
PicH[51] = 640;
PicC[51] = ' 2007 October  ';
preLoad[51] = new Image();
Pic[52] = 'photos/20071027_twn/IMG_2652.JPG';
PicW[52] = 480;
PicH[52] = 640;
PicC[52] = ' 2007 October  ';
preLoad[52] = new Image();
Pic[53] = 'photos/20071027_twn/IMG_2661.JPG';
PicW[53] = 480;
PicH[53] = 640;
PicC[53] = ' 2007 October  ';
preLoad[53] = new Image();
Pic[54] = 'photos/20071027_twn/IMG_2663.JPG';
PicW[54] = 480;
PicH[54] = 640;
PicC[54] = ' 2007 October  ';
preLoad[54] = new Image();
Pic[55] = 'photos/20071027_twn/IMG_2672.JPG';
PicW[55] = 480;
PicH[55] = 640;
PicC[55] = ' 2007 October  ';
preLoad[55] = new Image();
Pic[56] = 'photos/20071027_twn/IMG_2682.JPG';
PicW[56] = 640;
PicH[56] = 480;
PicC[56] = ' 2007 October  ';
preLoad[56] = new Image();
Pic[57] = 'photos/20071027_twn/IMG_2683.JPG';
PicW[57] = 640;
PicH[57] = 480;
PicC[57] = ' 2007 October  ';
preLoad[57] = new Image();
Pic[58] = 'photos/20071027_twn/IMG_2684.JPG';
PicW[58] = 640;
PicH[58] = 480;
PicC[58] = ' 2007 October  ';
preLoad[58] = new Image();
Pic[59] = 'photos/20071027_twn/IMG_2685.JPG';
PicW[59] = 640;
PicH[59] = 480;
PicC[59] = ' 2007 October  ';
preLoad[59] = new Image();
Pic[60] = 'photos/20071027_twn/IMG_2698.JPG';
PicW[60] = 480;
PicH[60] = 640;
PicC[60] = ' 2007 October  ';
preLoad[60] = new Image();
Pic[61] = 'photos/20071027_twn/IMG_2701.JPG';
PicW[61] = 480;
PicH[61] = 640;
PicC[61] = ' 2007 October  ';
preLoad[61] = new Image();
Pic[62] = 'photos/20071027_twn/IMG_2702.JPG';
PicW[62] = 640;
PicH[62] = 480;
PicC[62] = ' 2007 October  ';
preLoad[62] = new Image();
Pic[63] = 'photos/20071027_twn/IMG_2704.JPG';
PicW[63] = 640;
PicH[63] = 480;
PicC[63] = ' 2007 October  ';
preLoad[63] = new Image();
Pic[64] = 'photos/20071027_twn/IMG_2705.JPG';
PicW[64] = 640;
PicH[64] = 480;
PicC[64] = ' 2007 October  ';
preLoad[64] = new Image();
Pic[65] = 'photos/20071027_twn/IMG_2706.JPG';
PicW[65] = 640;
PicH[65] = 480;
PicC[65] = ' 2007 October  ';
preLoad[65] = new Image();
Pic[66] = 'photos/20071027_twn/IMG_2709.JPG';
PicW[66] = 480;
PicH[66] = 640;
PicC[66] = ' 2007 October  ';
preLoad[66] = new Image();
Pic[67] = 'photos/20071027_twn/IMG_2713.JPG';
PicW[67] = 480;
PicH[67] = 640;
PicC[67] = ' 2007 October  ';
preLoad[67] = new Image();
Pic[68] = 'photos/20071027_twn/IMG_2714.JPG';
PicW[68] = 480;
PicH[68] = 640;
PicC[68] = ' 2007 October  ';
preLoad[68] = new Image();
Pic[69] = 'photos/20071027_twn/IMG_2723.JPG';
PicW[69] = 640;
PicH[69] = 480;
PicC[69] = ' 2007 October  ';
preLoad[69] = new Image();
Pic[70] = 'photos/20071027_twn/IMG_2733.JPG';
PicW[70] = 640;
PicH[70] = 480;
PicC[70] = ' 2007 October  ';
preLoad[70] = new Image();
Pic[71] = 'photos/20071027_twn/IMG_2734.JPG';
PicW[71] = 640;
PicH[71] = 480;
PicC[71] = ' 2007 October  ';
preLoad[71] = new Image();
Pic[72] = 'photos/20071027_twn/IMG_2779.JPG';
PicW[72] = 640;
PicH[72] = 480;
PicC[72] = ' 2007 October  ';
preLoad[72] = new Image();
Pic[73] = 'photos/20071027_twn/IMG_2782.JPG';
PicW[73] = 640;
PicH[73] = 480;
PicC[73] = ' 2007 October  ';
preLoad[73] = new Image();
Pic[74] = 'photos/20071027_twn/IMG_2783.JPG';
PicW[74] = 640;
PicH[74] = 480;
PicC[74] = ' 2007 October  ';
preLoad[74] = new Image();
Pic[75] = 'photos/20071027_twn/IMG_2785.JPG';
PicW[75] = 640;
PicH[75] = 480;
PicC[75] = ' 2007 October  ';
preLoad[75] = new Image();
Pic[76] = 'photos/20071027_twn/IMG_2792.JPG';
PicW[76] = 640;
PicH[76] = 480;
PicC[76] = ' 2007 October  ';
preLoad[76] = new Image();
Pic[77] = 'photos/20071027_twn/IMG_2793.JPG';
PicW[77] = 640;
PicH[77] = 480;
PicC[77] = ' 2007 October  ';
preLoad[77] = new Image();
Pic[78] = 'photos/20071027_twn/IMG_2794.JPG';
PicW[78] = 640;
PicH[78] = 480;
PicC[78] = ' 2007 October  ';
preLoad[78] = new Image();
Pic[79] = 'photos/20071027_twn/IMG_2795.JPG';
PicW[79] = 640;
PicH[79] = 480;
PicC[79] = ' 2007 October  ';
preLoad[79] = new Image();
Pic[80] = 'photos/20071027_twn/IMG_2797.JPG';
PicW[80] = 480;
PicH[80] = 640;
PicC[80] = ' 2007 October  ';
preLoad[80] = new Image();
Pic[81] = 'photos/20071027_twn/IMG_2798.JPG';
PicW[81] = 480;
PicH[81] = 640;
PicC[81] = ' 2007 October  ';
preLoad[81] = new Image();
Pic[82] = 'photos/20071027_twn/IMG_2799.JPG';
PicW[82] = 480;
PicH[82] = 640;
PicC[82] = ' 2007 October  ';
preLoad[82] = new Image();
Pic[83] = 'photos/20071027_twn/IMG_2803.JPG';
PicW[83] = 480;
PicH[83] = 640;
PicC[83] = ' 2007 October  ';
preLoad[83] = 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 35 :  2007 October, Taiwan 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);
}