/******** 
Build a Photo Gallery script to dynamically generate an HTML table with images.
By King Wilder
*********/

var _imgName = Request.QueryString("id");

var columnCount = 3;
var ns = (navigator.appName.indexOf('Netscape') > -1);
var id = (navigator.appName.indexOf('Microsoft Internet Explorer') > -1);


var imageItems = new Array(
'Arthur',
'Black_balloons',
'Blowing_smoke',
'Breakfast',
'Bully',
'Chicken_Dicks',
'Conversation_with_Helen',
'Elevator',
'Family_portrait',
'Head_came_off',
'Its_a_magic_guitar',
'Look_here_Sveener',
'Lost_state_of_mind',
'Mannequin',
'New_ride',
'Nightmare_crash',
'Not_so_magic_to_me',
'Rig',
'Rig_hoisting_weight',
'Shmiel_and_Traci',
'Shmiel_feeling_distraught',
'Shmiel_washes_ashore',
'Still_asleep',
'Sveener_goes_to_work',
'Sveener_plays_the_guitar',
'Tasty_baby_leg',
'Temptation',
'Torment',
'Traci',
'Watching_TV'
    );

// Remove underscores from the file name.
function RemoveUnderscores(str) {
    var myStr = str.toString();
    return myStr.replace(/_/g, " ");
}

function MakeTable() {
    var tblStart = "<table border=\"0\" style=\"width: 100%;\">";
    var tblEnd = "</table>";
    var tableRow = "";
    var n = 1;

    // Build the header row
    tableRow += "<tr>";
    tableRow += "<td colspan=\"" + columnCount + "\" align=\"center\"><img src='/images/hdr_gallery_blue.gif' alt='Gallery' /></td>";
    tableRow += "</tr>";
    
    for (var i = 0; i < imageItems.length; i++) {
        if ((i % columnCount) == 0) {
            tableRow += "<tr>";
        }
        tableRow += "<td align=\"center\"><a href='image.html?id=" + imageItems[i] + "'><img src='thumbs/thm_" + imageItems[i] + ".gif' alt='" + RemoveUnderscores(imageItems[i]) + "' /></a>"
        tableRow += "<br /><div class=\"trailercaption\">" + RemoveUnderscores(imageItems[i]) + "</div><br /><br />";
        tableRow += "</td>";

        if (n == columnCount) {
            tableRow += "</tr>";
            n = 1;
        } else {
            n++;
        }
    }
    return tblStart + tableRow + tblEnd;
}

function LoadTable() {
    var div = document.getElementById("photoGallery");
    div.innerHTML = MakeTable();
    alert(MakeTable());
}

function GetLargeImage() {
    var w = "700";
    var h = "297";
    
    var imgDiv = document.getElementById("imgPlaceHolder");
    var divCaption = document.getElementById("divCaption");
    if (_imgName != "") {
        divCaption.innerHTML = RemoveUnderscores(_imgName.toString());
        imgDiv.innerHTML = "<img src=\"images/" + _imgName + ".jpg\" width=\"" + w + "\" height=\"" + h + "\" alt=\"" + RemoveUnderscores(_imgName) + "\" border=\"0\">";
    }
}