//define the objImage and its properties.
function objImage() {
this.url;
this.hyperlink;
this.over;
this.alttag;
}

//Create an Array for holding new objects
var logo = new Array()

var j = 0;
var p = 10;


//Create my Image Object and assign its properties.
logo[0] = new objImage()
logo[0].url = 'http://www.watertrax.com/files/Images/customer-logos-off/Huron_Gray.jpg';
logo[0].over = 'http://www.watertrax.com/files/Images/customer-logos-on/Huron.jpg';
logo[0].alttag = 'Central Huron';
logo[0].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';


logo[1] = new objImage()
logo[1].url = 'http://www.watertrax.com/files/Images/customer-logos-off/HC_Gray.jpg';
logo[1].over = 'http://www.watertrax.com/files/Images/customer-logos-on/HC.jpg';
logo[1].alttag = 'Health Canada';
logo[1].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[2] = new objImage()
logo[2].url = 'http://www.watertrax.com/files/Images/customer-logos-off/AM_Gray.jpg';
logo[2].over = 'http://www.watertrax.com/files/Images/customer-logos-on/AM.jpg';
logo[2].alttag = 'American Water';
logo[2].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[3] = new objImage()
logo[3].url = 'http://www.watertrax.com/files/Images/customer-logos-off/OT_Gray.jpg';
logo[3].over = 'http://www.watertrax.com/files/Images/customer-logos-on/OT.jpg';
logo[3].alttag = 'City of Ottawa';
logo[3].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[4] = new objImage()
logo[4].url = 'http://www.watertrax.com/files/Images/customer-logos-off/GS_Gray.jpg';
logo[4].over = 'http://www.watertrax.com/files/Images/customer-logos-on/GS.jpg';
logo[4].alttag = 'Golden State Water Company';
logo[4].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[5] = new objImage()
logo[5].url = 'http://www.watertrax.com/files/Images/customer-logos-off/Barrie_Gray.jpg';
logo[5].over = 'http://www.watertrax.com/files/Images/customer-logos-on/Barrie.jpg';
logo[5].alttag = 'City of Barrie';
logo[5].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[6] = new objImage()
logo[6].url = 'http://www.watertrax.com/files/Images/customer-logos-off/Durham_Gray.jpg';
logo[6].over = 'http://www.watertrax.com/files/Images/customer-logos-on/Durham.jpg';
logo[6].alttag = 'Durham Region';
logo[6].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[7] = new objImage()
logo[7].url = 'http://www.watertrax.com/files/Images/customer-logos-off/OC_Gray.jpg';
logo[7].over = 'http://www.watertrax.com/files/Images/customer-logos-on/OC.jpg';
logo[7].alttag = 'Orange County Utilities';
logo[7].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[8] = new objImage()
logo[8].url = 'http://www.watertrax.com/files/Images/customer-logos-off/Loyalist_Gray.jpg';
logo[8].over = 'http://www.watertrax.com/files/Images/customer-logos-on/Loyalist.jpg';
logo[8].alttag = 'Loyalist';
logo[8].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[9] = new objImage()
logo[9].url = 'http://www.watertrax.com/files/Images/customer-logos-off/Smith_Gray.jpg';
logo[9].over = 'http://www.watertrax.com/files/Images/customer-logos-on/Smith.jpg';
logo[9].alttag = 'Smiths Falls';
logo[9].hyperlink = 'http://www.watertrax.com/water-wastewater-customers/';

logo[10] = new objImage()
logo[10].url = 'http://www.watertrax.com/files/Images/customer-logos-off/Smith_Gray.jpg';
logo[10].over = 'http://www.watertrax.com/files/Images/customer-logos-on/Smith.jpg';
logo[10].alttag = '';
logo[10].hyperlink = '';

logo[11] = new objImage()
logo[11].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[11].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[11].alttag = '';
logo[11].hyperlink = '';

logo[12] = new objImage()
logo[12].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[12].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[12].alttag = '';
logo[12].hyperlink = '';

logo[13] = new objImage()
logo[13].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[13].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[13].alttag = '';
logo[13].hyperlink = '';

logo[14] = new objImage()
logo[14].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[14].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[14].alttag = '';
logo[14].hyperlink = '';

logo[15] = new objImage()
logo[15].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[15].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[15].alttag = '';
logo[15].hyperlink = '';

logo[16] = new objImage()
logo[16].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[16].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[16].alttag = '';
logo[16].hyperlink = '';

logo[17] = new objImage()
logo[17].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[17].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[17].alttag = '';
logo[17].hyperlink = '';

logo[18] = new objImage()
logo[18].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[18].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[18].alttag = '';
logo[18].hyperlink = '';

logo[19] = new objImage()
logo[19].url = 'http://www.watertrax.com/files/Images/customer-logos-off/';
logo[19].over = 'http://www.watertrax.com/files/Images/customer-logos-on/';
logo[19].alttag = '';
logo[19].hyperlink = '';



//================================
//end definitions
//================================

//assign a variable to the length of logo Array (total images added)


//Write the HTML onto the page
function showImage(){
    var now = new Date();
    var seed = now.getSeconds();
    var whichImage = Math.floor(Math.random(seed) * (p));

    logoUrl = logo[whichImage].url;
    logoOver = logo[whichImage].over;
    logoAlt = logo[whichImage].alttag;
    logoLink = logo[whichImage].hyperlink;
    
    logo.splice(whichImage, 1);
    p=p-1;

document.write('<a href="'+logoLink+'" >');
document.write('<img src="'+logoUrl +'"');
document.write('alt="'+ logoAlt +'" ');
document.write(' onmouseover="this.src=\''+ logoOver +'\'" ');
document.write(' onmouseout="this.src=\''+ logoUrl +'\'">');
document.write('</a>');
}