/* Create a new Gallery (assign it the 'id' of "gallery") */

var gallery = new Gallery("gallery");

// Setting a title and/or description for the gallery is optional
gallery.setTitle("Galleries");
gallery.setDescription("Collections of work by Paula Pearl.");

/* Create various collections and add them to the gallery.
 *
 * Here's the general rules on how to do it:
 *
 *  Create a new collection with a given "id" and "title" and assign it to a variable:
 *
 *     var pfruits = new Collection("pastelfruits", "Pastels of Fruit");
 *
 *  For each collection "id", their needs to be a HTML file: "id-gallery.html", for the line above
 *  we would need to create the file "pastelfruits-gallery.html". To do this:
 *
 *    - Copy "smallworks-gallery.html" to "pastelfruits-gallery.html"
 *    - Edit the <title> in "pastelfruits-gallery.html" (near the top)
 *    - Change: id="gallery-smallworks" to id="gallery-pastelfruits" (near the bottom)
 *
 * Next, add "artwork" to the collection (you MUST add at least 1 piece of art to each collection).
 *
 *    - Create a new piece of art and assign it to a variable. Assuming the image file has the name "pearpastel.jpg",
 *      and the small image file (thumbnail) has the name "pearpastel_low.jpg" and is 160 pixels wide by 200 pixels
 *      tall (NOTE: BOTH image files need to be in the "gallery" folder), one would create the "art" variable in the
 *      following manner:
 *
 *      var art = new Art("pearpastel", "Pear On Ice", 160, 200);
 * 
 *    - If you know the size (in inches) of the piece of art, you can indicate that the size is known using the
 *      setSizeInches(width, height) function. For example, if "Pear On Ice" is 11" wide and 14" tall:
 *
 *      art.setSizeInches(11, 14);
 *
 *    - Finally, you need to add your newly created "art" to the desired collection. The following adds the "Pear On Ice" piece ("art" variable)
 *       to the "Pastels of Fruit" collection:
 *
 *       pfruits.addArt(art); 
 *
 * You will find yourself adding several "Collections" to the "Gallery", and many pieces of "Art" to each collection.
 * The order matters in the way things are added to the collection.
 */

/* Create the "Landscapes" collection and save in the 'landscapes' variable. */
var landscapes = new Collection("landscapes", "Landscapes");
gallery.addCollection(landscapes);

/* Create the "Small Works" collection and save in the 'smallworks' variable. */
var smallworks = new Collection("smallworks", "Small Works");
// smallworks.setDescription("This is a longer description for the collection. It is optional.");
gallery.addCollection(smallworks);

var fiberarts = new Collection("fiberarts", "Fiber Art");
gallery.addCollection(fiberarts);

var art = new Art("petals", "Petals", 200, 199);
fiberarts.addArt(art);

var art = new Art("willow", "Willow", 200, 196);
fiberarts.addArt(art);

var art = new Art("theglen", "The Glen", 200, 200);
fiberarts.addArt(art);

var art = new Art("theglenrevisited", "The Glen Revisited", 200, 189);
fiberarts.addArt(art);

var art = new Art("leaves", "Leaves", 200, 149);
fiberarts.addArt(art);

var art = new Art("rednebulae", "Red Nebulae", 200, 163);
fiberarts.addArt(art);

var art = new Art("luna", "Luna", 150, 200);
fiberarts.addArt(art);

var art = new Art("moonman", "Moon Man", 150, 200);
fiberarts.addArt(art);

var art = new Art("moonmaiden", "Moon Maiden", 150, 200);
fiberarts.addArt(art);

var art = new Art("riverview", "Riverview", 200, 190);
fiberarts.addArt(art);

var art = new Art("landseasky", "Land, Sea, Sky", 150, 200);
fiberarts.addArt(art);

/* Add art pieces to "Small Works" gallery. */

var art = new Art("dingmansfalls", "Dingman's Falls", 150, 200);
art.setSizeInches(8, 10);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("riverrocks", "River Rocks", 200, 144);
art.setSizeInches(8, 10);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("riverrocks2", "River Rocks 2", 200, 154);
art.setSizeInches(8, 10);
smallworks.addArt(art);

var art = new Art("marshymeadow", "Marshy Meadow", 200, 143);
art.setSizeInches(4, 6);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("beforethestorm", "Before The Storm", 200, 138);
art.setSizeInches(4, 6);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("tranquillity", "Tranquillity", 200, 133);
art.setSizeInches(4, 6);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("beachpath", "Beach Path", 200, 141);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("flowerfield", "Flowerfield", 160, 240);
art.setSizeInches(4, 6);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("hudsonrivermorning", "Hudson River Morning", 200, 155);
art.setSizeInches(8, 10);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("winterlake", "Winter Lake", 200, 156);
art.setSizeInches(8, 10);
smallworks.addArt(art);

var art = new Art("pottersridgewinter", "Potters Ridge Winter", 200, 157);
art.setSizeInches(8, 10);
smallworks.addArt(art);

var art = new Art("lilacmeadow", "Lilac Meadow", 200, 149);
art.setSizeInches(8, 10);
smallworks.addArt(art);

var art = new Art("journey", "Journey", 200, 154);
art.setSizeInches(8, 10);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("watchungreservation", "Watchung Reservation", 200, 152);
art.setSizeInches(8,10);
smallworks.addArt(art);

var art = new Art("sandyhook", "Sandy Hook", 200, 124);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("bryantpark", "Bryant Park", 134, 200);
art.setSizeInches(4, 6);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("fallcolors", "Fall Colors", 146, 200);
art.setSizeInches(8, 10);
smallworks.addArt(art);

var art = new Art("reflections", "Reflections", 138, 200);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("breathless", "Breathless", 200, 150);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("ennis", "Ennis", 200, 134);
art.setSizeInches(8, 10);
smallworks.addArt(art);

var art = new Art("woodsandstream", "Woods and Stream", 200, 145);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("woodsandstream2", "Woods and Stream II", 125, 200);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("thestream", "The Stream", 126, 200);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("footprintsinthesand", "Footprints in the Sand", 90, 200);
art.setSizeInches(6, 14);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("californiacoast", "California Coast", 134, 200);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("watersedge", "Water's Edge", 200, 137);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("surpriselake2", "Surprise Lake 2", 200, 133);
art.setSizeInches(5, 7);
smallworks.addArt(art);

var art = new Art("wintersedge2", "Winters Edge", 200, 133);
art.setSizeInches(4, 6);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("watchungwinter", "Watchung Winter", 200, 152);
art.setSizeInches(8,10);
art.setSold(true);
smallworks.addArt(art);

var art = new Art("morningwhisper", "Morning Whisper", 200, 151);
art.setSizeInches(8, 10);
smallworks.addArt(art);

var art = new Art("shadesofsummer", "Shades of Summer", 200, 138);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("journey2", "Journey 2", 200, 133);
art.setSizeInches(4, 6);
smallworks.addArt(art);

var art = new Art("milkbottles", "Milk Bottles", 200, 150);
art.setSizeInches(8, 10);
smallworks.addArt(art);



/* Add art pieces to "Landscapes" gallery. */
var art = new Art("eventide", "Eventide", 200, 150);
art.setSizeInches(11, 13);
art.setSold(true);
landscapes.addArt(art);

var art = new Art("streetshadows", "Street Shadows", 200, 158);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("dusk", "Dusk", 178, 200);
art.setSizeInches(13, 11);
landscapes.addArt(art);

var art = new Art("tranquillitypond", "Tranquillity Pond", 200, 130);
art.setSizeInches(13, 20);
landscapes.addArt(art);

var art = new Art("shadesofgrace", "Shades of Grace", 200, 160);
art.setSizeInches(16, 20);
landscapes.addArt(art);

var art = new Art("springtide", "Springtide", 200, 136);
art.setSizeInches(18, 24);
landscapes.addArt(art);

var art = new Art("treeshadows", "Tree Shadows", 200, 139);
art.setSizeInches(18, 24);
landscapes.addArt(art);

var art = new Art("overthere", "Over There", 200, 162);
art.setSizeInches(16, 20);
landscapes.addArt(art);

var art = new Art("coastalmemories", "Coastal Memories", 200, 118);
art.setSizeInches(7, 13);
landscapes.addArt(art);

var art = new Art("streetscenegarwood", "Street Scene Garwood", 200, 146);
art.setSizeInches(11, 14);
art.setSold(true);
landscapes.addArt(art);

var art = new Art("thepathway", "The Pathway", 200, 194);
art.setSizeInches(11, 11);
landscapes.addArt(art);

var art = new Art("bluemarsh", "Blue Marsh", 200, 98);
art.setSizeInches(9, 18);
art.setSold(true);
landscapes.addArt(art);

var art = new Art("simplyred", "Simply Red", 200, 159);
art.setSizeInches(12, 15);
landscapes.addArt(art);

var art = new Art("lilacmorning", "Lilac Morning", 200, 139);
art.setSizeInches(9, 12);
landscapes.addArt(art);

var art = new Art("pottersridge", "Potters Ridge", 200, 139);
art.setSizeInches(9, 12);
landscapes.addArt(art);

var art = new Art("reflectionsofautumn", "Reflections of Autumn", 200, 149);
art.setSizeInches(18, 24);
art.setSold(true);
landscapes.addArt(art);

var art = new Art("foggymorning", "Foggy Morning", 200, 147);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("thistlecreek", "Thistle Creek", 160, 210);
art.setSizeInches(11, 14);
landscapes.addArt(art);
 
var art = new Art("oldwyckpond", "Oldwyck Pond", 200, 149);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("daysend", "Day's End", 200, 154);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("sunlightandshadow", "Sunlight and Shadow", 200, 154);
art.setSizeInches(16, 20);
landscapes.addArt(art);

var art = new Art("greatswamp", "Great Swamp", 200, 160);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("capecodmorning", "Cape Cod Morning", 160, 203);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("stormrising", "Storm Rising", 200, 139);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("autumnlight", "Autumn Light", 200, 157);
art.setSizeInches(16, 20);
landscapes.addArt(art);

var art = new Art("throughthemeadow", "Through The Meadow", 200, 135);
art.setSizeInches(11, 14);
landscapes.addArt(art);

var art = new Art("shadesofautumn", "Shades of Autumn", 200, 192);
art.setSizeInches(10, 10);
landscapes.addArt(art);

var art = new Art("surpriselake", "Surprise Lake", 200, 154);
art.setSizeInches(16, 20);
landscapes.addArt(art);

var art = new Art("southampton", "Southampton", 200, 154);
art.setSizeInches(13, 16);
landscapes.addArt(art);

var art = new Art("edenwinterII", "Eden Winter II", 200, 149);
art.setSizeInches(12, 16);
landscapes.addArt(art);

var art = new Art("winterwhisper", "Winter Whisper", 200, 135);
art.setSizeInches(12, 18);
landscapes.addArt(art);

var art = new Art("pacificedge", "Pacific Edge", 200, 163);
art.setSizeInches(9, 12);
art.setSold(true);
landscapes.addArt(art);

var art = new Art("field", "Golden Field", 200, 133);
art.setSizeInches(11, 14);
landscapes.addArt(art);


/* You don't need to change the following line. It uses the "gallery" object
    constructed above to update things on the page (after the page is loaded).  */

window.onload = function() {
  gallery.updatePage();
}