﻿   $("#placeholder").load("image.html");

   function doMenuHover(anchorObject) {
     var className = anchorObject.attr("class");
     if (className != undefined) {
        if(className.length > 5) {
          var submenu = className.substring(0, 5);
          $("[id^=" + submenu + "]").fadeOut(100);
          if (submenu == "nav1_")
              $("[id^=nav2_]").fadeOut(100);
          $("#" + className).fadeIn(100);
        }
        else {
            $(".nav2").hide();
            $(".nav3").hide();
        }
      }
   }

	 // menu		 
   $(".nav2").hide();
   $(".nav3").hide();
   $(".nav1").show();
   $("#menu").show();
   $("a").hover(
     function() {doMenuHover($(this))},
     function() {}
   );   

   // Information about images to be shown on the page
   // ---------------
   // home page images
   var hpImages = ["install_acryl_02.jpg"];
   var hpImagesColors = ["john_aqua.jpg"];
   var hpImagesInfo = [""];
   var artImages = ["artdrawing_01.jpg", "artdrawing_02.jpg", "artdrawing_03.jpg", "artdrawing_04.jpg"];
   var artImagesColors = ["john_pink.jpg", "john_purple.jpg", "john_teal.jpg"];
   var artImagesInfo = [];
   // painting images
   var paintArchiveImages = ["breakwater.jpg", "greenday.jpg", "letusswim.jpg", "fluff.jpg", "yolk.jpg", "seasonal.jpg", "naranja.jpg", "nationalgeo.jpg", "outmylilacwindow.jpg", "petershill.jpg", "florentinesurface.jpg", "fleshforest.jpg", "notitle_yellow.jpg", "bunnytime.jpg", "jchiggins.jpg"];
   var paintArchiveImagesColors = ["john_gold.jpg", "john_aqua.jpg", "john_bluepurple.jpg", "john_purple.jpg", "john_buttercup.jpg", "john_warmgrey.jpg", "john_orange.jpg", "john_purple.jpg", "john_pebble.jpg", "john_pinkpurple.jpg", "john_blue.jpg", "john_pebble.jpg", "john_warmgrey.jpg", "john_lightblue.jpg", "john_mauve.jpg"];
   var paintArchiveImagesInfo = [
              "<b>Break Water</b><br>Oil on linen<br>21 x 23 inches<br>Collection Dr. Neal R. Smookler<br>Wellesley, MA<br>The Jean and Kahlil Gibran<br>Award for Excellence<br>Copley Society, Boston",
              "<b>Green Day</b><br>Oil on linen<br>12 x 9 inches<br>Collection Blaine Bershad<br>and Will Sherwood<br>Sterling, MA",
              "<b>Let Us Swim</b><br>Oil on linen<br>12 x 9 inches<br>Collection Joseph P. Barri<br>and Randal A. Farrar<br>Milton, MA",
              "<b>Fluff</b><br>Oil on linen<br>8 x 6 inches<br>Collection James R. Bakker<br>and Russell Bigelow<br>Provincetown, MA",
              "<b>Yolk</b><br>Oil on linen<br>21 x 24 inches<br>Collection Andy Quintiliani<br>Boston, MA",
              "<b>Seasonal Compliment</b><br>Oil on panel<br>18 x 15 inches<br>Collection Dr. Igor Kubalek<br>and Dr. Ren&eacute; Granier<br>Paris, FR",
              "<b>Naranja</b><br>Oil on linen<br>60 x 50 inches<br>Collection David Simpson<br>and Thomas Green<br>York, ME",
              "<b>National Geography</b><br>Oil on linen<br>21 x 23 inches<br>Collection Dr. Neal R. Smookler<br>Wellesley, MA",
              "<b>Out My Lilac Window</b><br>Oil on linen<br>21 x 23 inches<br>Collection Dr. Neal R. Smookler<br>Wellesley, MA",
              "<b>Ch-ching (Peter's Hill)</b><br>Oil on panel<br>22 x 46 inches<br>Collection David Griffiths, Ed.D<br>Boston, MA",
              "<b>Florentine Surface</b><br>Mixed media on panel<br>15 x 12 inches<br>Collection Michael Baker<br>Boston, MA",
              "<b>Flesh Forest</b><br>Oil on canvas<br>63 x 51 inches<br>Collection Ron Duby<br>and Ken Fulton<br>Laguna Beach, CA",
              "<b>Untitled</b><br>Oil and graphite on canvas<br>34 x 35 inches<br>Collection Jim Rhea<br>Boston, MA",
              "<b>Bunny Time</b><br>Oil and enamel on panel<br>10 x 8 inches<br>Collection Alice Brock<br>Provincetown, MA",
              "<b>J.C. Higgins into the Dunes</b><br>Oil and enamel on canvas<br>22 x 22 inches<br>$1200 USD"];
   // paint abstraction
   var paintAbstractionImages = ["hover.jpg","scorpion.jpg","wagger.jpg"];
   var paintAbstractionImagesColors = ["john_babyblue.jpg","john_semipink.jpg","john_bluepurple.jpg"];
   var paintAbstractionImagesInfo = [
              "<b>Hover Baby</b><br>Oil on linen<br>15.5 x 14 inches<br>$1200 USD",
							"<b>Scorpion</b><br>Mixed media<br>on archival, gessoed paper<br>42 x 30 inches<br>$2500 USD (framed)",
							"<b>Wagger</b><br>Mixed media<br>on archival, gessoed paper<br>42 x 30 inches<br>$2500 USD (framed)"];
   // paint digital
   var paintDigitalImages = ["body_01.jpg","body_02.jpg","body_03.jpg","digital_02.jpg","digital_01.jpg"];
   var paintDigitalImagesColors = ["john_softpink.jpg","john_softpink.jpg","john_softpink.jpg","john_warmgrey.jpg","john_bluepurple.jpg"];
   var paintDigitalImagesInfo = [
              "<b>Body #1</b><br>Digital Drawing","<b>Body #2</b><br>Digital Drawing","<b>Body #3</b><br>Digital Drawing","<b>The Erratics of Space</b><br>Iris print on Somerset Satin paper<br>Paper size: 28 x 26 inches<br>Framed size: 41 x 39 inches<br>Edition of 10<br>$800 USD (unframed)<br>$950 USD (framed)","<b>The Erratics of Space (Detail</b><br>Iris print on Somerset Satin paper<br>Paper size: 28 x 26 inches<br>Framed size: 41 x 39 inches<br>Edition of 10<br>$800 USD (unframed)<br>$950 USD (framed)"];
   // painting images
   var paperGlowImages = ["glow_01.jpg", "glow_02.jpg", "glow_03.jpg", "glow_04.jpg", "glow_05.jpg", "glow_06.jpg", "glow_07.jpg", "glow_08.jpg", "glow_09.jpg", "glow_10.jpg", "glow_11.jpg", "glow_12.jpg", "glow_13.jpg"];
   var paperGlowImagesColors = ["john_palegreen.jpg", "john_semipink.jpg","john_softpink.jpg","john_softpurple.jpg","john_forestgreen.jpg","john_softpurple.jpg","john_coralpink.jpg","john_softpink.jpg","john_softgreen.jpg","john_gold.jpg","john_peagreen.jpg","john_softpink.jpg","john_softblue.jpg"];
   var paperGlowImagesInfo = [
              "<b>Glow #1</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>$450 USD",
							"<b>Glow #2</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>$450 USD",
							"<b>Glow #3</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>$450 USD",
							"<b>Glow #4</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>Collection Christian K. Liese<br>New York, NY",
							"<b>Glow #5</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>$450 USD",
							"<b>Glow #6</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>$450 USD",
							"<b>Glow #7</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>Collection Christian K. Liese<br>New York, NY",
							"<b>Glow #8</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>Collection Christian K. Liese<br>New York, NY",
							"<b>Glow #9</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>Collection Jeremy Fowler<br>Washington, DC",
							"<b>Glow #10</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>$450 USD",
							"<b>Glow #11</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>$450 USD",
							"<b>Glow #12</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>Collection Christian K. Liese<br>New York, NY",
							"<b>Glow #13</b><br>Pencil on archival paper<br>8.5 x 11 inches<br>Collection Christian K. Liese<br>New York, NY"];
	 var paperFigurativeImages = ["figure_18.jpg","figure_01.jpg","figure_02.jpg","figure_03.jpg","figure_04.jpg","figure_05.jpg","figure_06.jpg","figure_07.jpg","figure_08.jpg","figure_09.jpg","figure_10.jpg","figure_11.jpg","figure_12.jpg","figure_13.jpg","figure_14.jpg","figure_15.jpg","figure_16.jpg","figure_17.jpg"];
	 var paperFigurativeImagesColors = ["john_warmgrey.jpg","john_pink.jpg","john_flesh.jpg","john_babyblue.jpg","john_blue.jpg","john_semipink.jpg","john_coralpink.jpg","john_pebble.jpg","john_softpink.jpg","john_mauve.jpg","john_lightred.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg"];
	 var paperFigurativeImagesInfo = [
	            "<b>Figure Study #1</b><br>Charcoal<br>24 x 18 inches<br>$650 USD",
	            "<b>Figure Study #1</b><br>Gouache<br>13 x 20 inches<br>$500 USD",
							"<b>Figure Study #2</b><br>Gouache, charcoal<br>18 x 24 inches<br>Collection Dean Cerrato<br>Boston, MA",
							"<b>Figure Study #3</b><br>Gouache, charcoal, <br>and graphite<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #4</b><br>Watercolor, charcoal<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #5</b><br>Watercolor, charcoal<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #6</b><br>Watercolor, charcoal<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #7</b><br>Watercolor, charcoal<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #8</b><br>Watercolor, charcoal<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #9</b><br>Watercolor<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #10</b><br>Watercolor, charcoal<br>and graphite<br>18 x 24 inches<br>$750 USD",
							"<b>Figure Study #11</b><br>Charcoal<br>18 x 24 inches<br>$650 USD",
							"<b>Figure Study #12</b><br>Charcoal<br>18 x 24 inches<br>$650 USD",
							"<b>Figure Study #13</b><br>Charcoal<br>24 x 18 inches<br>$650 USD",
							"<b>Figure Study #14</b><br>Charcoal<br>24 x 18 inches<br>$650 USD",
							"<b>Figure Study #15</b><br>Charcoal<br>24 x 18 inches<br>$650 USD",
							"<b>Figure Study #16</b><br>Charcoal<br>18 x 24 inches<br>$650 USD",
							"<b>Figure Study #17</b><br>Charcoal<br>24 x 18 inches<br>$650 USD"];
	 var paperArchiveImages = ["wilkes_lobby.jpg","landingandfiguring.jpg","lightopera.jpg","roominemblem.jpg","thesunsetroom.jpg","lazyboy.jpg"];
	 var paperArchiveImagesColors = ["john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg","john_warmgrey.jpg"];
	 var paperArchiveImagesInfo = [
	            "<b>Landing and Figuring (installation at Wilkes Passage)</b><br>Mixed media on archival,<br>gessoed paper<br>60 x 56 inches<br>$12,000 USD (framed)",
	            "<b>Landing and Figuring</b><br>Mixed media on archival, <br>gessoed paper<br>60 x 56 inches<br>$12,000 USD (framed)",
							"<b>Light Opera</b><br>Mixed media on archival, <br>gessoed paper<br>$8,500 USD (framed)<br>&quot;Drawing into the 90s&quot;<br>National Traveling Exhibition<br>Juror: Neal Benezra<br>Chief Curator, <br>Hirshhorn Museum",
							"<b>Room in Emblem</b><br>Graphite and charcoal<br>on archival, gessoed paper<br>60 x 40 inches<br>$7,500 USD",
							"<b>The Sunset Room</b><br>Mixed media on archival,<br>gessoed paper<br>52 x 40 inches<br>$7,500 USD",
							"<b>Lazy Boy</b><br>Mixed media on archival,<br>gessoed paper<br>58 x 40 inches<br>$7,500 USD"];
							
   // photographies I images
   var photographyIImages = ["photography_56.jpg", "photography_57.jpg","photography_58.jpg","photography_59.jpg","photography_60.jpg","photography_61.jpg","photography_62.jpg","photography_63.jpg","photography_98.jpg"];
   var photographyIImagesColors = ["john_pink.jpg", "john_pink.jpg", "john_pink.jpg", "john_pink.jpg", "john_pink.jpg", "john_pink.jpg", "john_pink.jpg", "john_pink.jpg", "john_pink.jpg"];
   var photographyIImagesInfo = [
              "<b>Morning After #1</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #2</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #3</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #4</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #5</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #6</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #7</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #8</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)",
							"<b>Morning After #9</b><br>Chromogenic print on archival paper<br>mounted on aluminum<br>24 x 36 inches<br>Edition of 5<br>$1100 USD (unframed)<br>$1400 USD (mounted)"];

   // photographies II images
   var photographyIIImages = ["photography_14.jpg","photography_16.jpg","photography_17.jpg","photography_26.jpg","photography_24.jpg","photography_25.jpg","photography_19.jpg","photography_20.jpg","photography_21.jpg","photography_22.jpg","photography_23.jpg","photography_18.jpg","photography_13.jpg","photography_15.jpg","photography_97.jpg"];
   var photographyIIImagesColors = ["john_softblue.jpg","john_peagreen.jpg","john_mauve.jpg","john_buttercup.jpg","john_green.jpg","john_lightblue.jpg","john_softpink.jpg","john_softpink.jpg","john_softpink.jpg","john_softpink.jpg","john_blue.jpg","john_pinkpurple.jpg","john_gold.jpg","john_gold.jpg","john_semipink.jpg"];
   var photographyIIImagesInfo = [
              "<b>Diffusion</b>","<b>Rising</b>","<b>Lull</b>","<b>Provincetown #3</b>",
              "<b>Provincetown #1</b><br>Chromogenic print on archival paper<br>Edition of 6<br>20 x 30 inches<br>$900 USD (unframed)<br>$1100 USD (framed)",
              "<b>Provincetown #2</b><br>Chromogenic print on archival paper<br>Edition of 6<br>20 x 30 inches<br>$900 USD (unframed)<br>$1100 USD (framed)",
              "<b>Hollywood #1</b>","<b>Hollywood #2</b>","<b>Hollywood #3</b>","<b>Hollywood #4</b>",
              "<b>New York #1</b><br>Chromogenic print on archival paper<br>Edition of 6<br>20 x 30 inches<br>$900 USD (unframed)<br>$1100 USD (framed)",
              "<b>Miami #1</b><br>Chromogenic print on archival paper<br>Edition of 6<br>20 x 30 inches<br>$900 USD (unframed)<br>$1100 USD (framed)",
              "<b>Float #1 (Provincetown)</b><br>Chromogenic print on archival paper<br>Edition of 5<br>30 x 40 inches<br>$2500 USD (unframed)<br>$2800 USD (framed)",
              "<b>Float #2 (Provincetown)</b><br>Chromogenic print on archival paper<br>Edition of 5<br>30 x 40 inches<br>$2500 USD (unframed)<br>$2800 USD (framed)",
              "<b>Float #3 (Provincetown)</b><br>Chromogenic print on archival paper<br>Edition of 5<br>24 x 36 inches<br>$1000 USD (unframed)"];

   // photographies III images
   var photographyIIIImages = ["photography_01.jpg","photography_27.jpg","photography_32.jpg","photography_30.jpg","photography_29.jpg","photography_31.jpg","photography_28.jpg","photography_35.jpg","photography_36.jpg","photography_96.jpg","photography_38.jpg","photography_39.jpg","photography_40.jpg"];
   var photographyIIIImagesColors = ["john_aqua.jpg","john_softblue.jpg","john_gold.jpg","john_softpink.jpg","john_green.jpg","john_buttercup.jpg","john_teal.jpg","john_lightblue.jpg","john_blue.jpg","john_softblue.jpg","john_teal.jpg","john_pebble.jpg","john_mauve.jpg"];
   var photographyIIIImagesInfo = [
              "<b>Oval (Provincetown)</b>","<b>Circles (New York)</b>","<b>Hudson #1</b>","<b>Narragansett Bay #1</b>","<b>The Twins</b>","<b>Green Day</b>",
              "<b>Berkshires #1</b><br>Chromogenic print on archival paper<br>Edition of 6<br>24 x 36 inches<br>$900 USD (unframed)<br>$1100 USD (framed)<br>Also available:<br>12 x 18 inches<br>$400 USD (unframed)",
              "<b>Boston #1</b>","<b>Shoulder #1 (Provincetown)</b>","<b>Shoulder #2 (Provincetown)</b>","<b>Herring Cove #1</b>","<b>Herring Cove #2</b>","<b>Somewhere Toward Monterrey</b>"];

   // photographies IV images
   var photographyIVImages = ["photography_75.jpg","photography_76.jpg","photography_77.jpg","photography_74.jpg","photography_78.jpg","photography_70.jpg","photography_69.jpg","photography_64.jpg","photography_65.jpg",
                              "photography_67.jpg","photography_68.jpg","photography_81.jpg","photography_80.jpg","photography_79.jpg","photography_71.jpg","photography_66.jpg","photography_73.jpg","photography_72.jpg",
                              "photography_87.jpg","photography_86.jpg","photography_85.jpg","photography_84.jpg","photography_83.jpg"];
   var photographyIVImagesColors = ["john_aqua.jpg","john_lightred.jpg","john_green.jpg","john_pebble.jpg","john_lightblue.jpg","john_peagreen.jpg","john_buttercup.jpg","john_teal.jpg","john_semipink.jpg",
                                    "john_purple.jpg","john_lightblue.jpg","john_mauve.jpg","john_forestgreen.jpg","john_aqua.jpg","john_warmgrey.jpg","john_lightred.jpg","john_gold.jpg","john_pebble.jpg",
                                    "john_softpurple.jpg","john_softpurple.jpg","john_softpurple.jpg","john_softpurple.jpg","john_softpurple.jpg"];
   var photographyIVImagesInfo = [
              "<b>The Soft Edge #1</b>","<b>The Soft Edge #2</b>","<b>The Soft Edge #3</b>","<b>The Soft Edge #4</b>","<b>The Soft Edge #5</b>","<b>The Soft Edge #6</b>","<b>The Soft Edge #7</b>","<b>The Soft Edge #8</b>","<b>The Soft Edge #9</b>","<b>The Soft Edge #10</b>",
              "<b>The Soft Edge #11</b>","<b>The Soft Edge #12</b>","<b>The Soft Edge #13</b>","<b>The Soft Edge #14</b>","<b>The Soft Edge #15</b>","<b>The Soft Edge #16</b>","<b>The Soft Edge #17</b>","<b>The Soft Edge #18</b>","<b>The Soft Edge #19</b>","<b>The Soft Edge #20</b>",
              "<b>The Soft Edge #21</b>","<b>The Soft Edge #22</b>","<b>The Soft Edge #23</b>"];

   // photographies V images
   var photographyVImages = ["photography_90.jpg","photography_91.jpg","photography_92.jpg","photography_93.jpg","photography_94.jpg","photography_95.jpg","photography_05.jpg","photography_89.jpg","photography_88.jpg","photography_07.jpg","photography_10.jpg","photography_09.jpg","photography_11.jpg","photography_12.jpg"];
   var photographyVImagesColors = ["john_lightblue.jpg","john_softpurple.jpg","john_mauve.jpg","john_pebble.jpg","john_semipink.jpg","john_gold.jpg","john_warmgrey.jpg","john_purple.jpg","john_mauve.jpg","john_softpink.jpg","john_softpurple.jpg","john_pebble.jpg","john_blue.jpg","john_blue.jpg"];
   var photographyVImagesInfo = [
              "<b>Inside Out #1</b>","<b>Inside Out #2</b>","<b>Inside Out #3</b>","<b>Inside Out #4</b>","<b>Inside Out #5</b>","<b>Inside Out #6</b>","<b>Inside Out #7</b>","<b>Inside Out #8</b>","<b>Inside Out #9</b>","<b>Inside Out #10</b>","<b>Inside Out #11</b>","<b>Inside Out #12</b>","<b>Long Beach #1</b>","<b>Long Beach #2</b>"];

   // photographies VI images
   var photographyVIImages = ["photography_41.jpg","photography_42.jpg","photography_43.jpg","photography_44.jpg","photography_45.jpg","photography_46.jpg","photography_47.jpg","photography_48.jpg","photography_49.jpg","photography_50.jpg","photography_51.jpg","photography_52.jpg","photography_53.jpg","photography_54.jpg","photography_55.jpg"];
   var photographyVIImagesColors = ["john_blue.jpg","john_aqua.jpg","john_softpink.jpg","john_purple.jpg","john_warmgrey.jpg","john_softgreen.jpg","john_softpink.jpg","john_mauve.jpg","john_pebble.jpg","john_softpurple.jpg","john_peagreen.jpg","john_softpink.jpg","john_lightblue.jpg","john_blue.jpg","john_mauve.jpg"];
   var photographyVIImagesInfo = [
              "<b>Microsummer #1 (Provincetown)</b><br>Archival pigment print<br>Edition of 20<br>8.5 x 11.5 inches<br>$350 USD (unframed)<br>Larger sizes available",
              "<b>Microsummer #2 (Provincetown)</b><br>Archival pigment print<br>Edition of 20<br>8.5 x 11.5 inches<br>$350 USD (unframed)<br>Larger sizes available",
              "<b>Microsummer #3 (Provincetown)</b><br>Archival pigment print<br>Edition of 20<br>8.5 x 11.5 inches<br>$350 USD (unframed)<br>Larger sizes available",
              "<b>Microsummer #13 (Provincetown)</b><br>Archival pigment print<br>Edition of 20<br>8.5 x 11.5 inches<br>$350 USD (unframed)<br>Larger sizes available",
              "<b>Microsummer #5 (Provincetown)</b>","<b>Microsummer #6 (Provincetown)</b>","<b>Microsummer #7 (Provincetown)</b>","<b>Microsummer #8 (Provincetown)</b>","<b>Microsummer #9 (Provincetown)</b>","<b>Microsummer #10 (Provincetown)</b>","<b>Microsummer #11 (Provincetown)</b>",
              "<b>Microsummer #12 (Provincetown)</b><br>Archival pigment print<br>Edition of 5<br>11 x 14 inches<br>$450 USD (unframed)<br>$600 USD (framed)",
              "<b>Microsummer #4 (Cambridge)</b><br>Archival pigment print<br>Edition of 5<br>8.5 x 11 inches<br>$400 USD (unframed)<br>$550 USD (framed)",
              "<b>Microsummer #14 (Provincetown)</b>","<b>Microsummer #15 (Provincetown)</b>"];
							
   var publicArtCommissionsImages = ["pubartcom_01.jpg","pubartcom_02.jpg","pubartcom_03.jpg","pubartcom_04.jpg","pubartcom_05.jpg","pubartcom_06.jpg","pubartcom_07.jpg","pubartcom_08.jpg","pubartcom_09.jpg","pubartcom_10.jpg","pubartcom_11.jpg","pubartcom_12.jpg","pubartcom_13.jpg","pubartcom_14.jpg","pubartcom_15.jpg","pubartcom_16.jpg","pubartcom_17.jpg","pubartcom_18.jpg","pubartcom_19.jpg","pubartcom_20.jpg","pubartcom_21.jpg","pubartcom_22.jpg","pubartcom_23.jpg","pubartcom_24.jpg"];							
   var publicArtCommissionsImagesColors = ["john_mauve.jpg","john_bluepurple.jpg","john_purple.jpg","john_lightblue.jpg","john_buttercup.jpg","john_softpurple.jpg","john_blue.jpg","john_lightred.jpg","john_softgreen.jpg","john_blue.jpg","john_bluepurple.jpg","john_lightblue.jpg","john_lightblue.jpg","john_lightblue.jpg","john_pebble.jpg","john_pebble.jpg","john_pebble.jpg","john_pebble.jpg","john_pebble.jpg","john_pebble.jpg","john_pebble.jpg","john_pebble.jpg","john_pebble.jpg","john_warmgrey.jpg"];
   var publicArtCommissionsImagesInfo = [
   						"<b>ART@NIGHT #1</b><br>Public art event<br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #2</b><br>Public art event<br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #3</b><br>Flashlight Photography with Mary Kocol<br>James M. Curley Elementary School<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #4</b><br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #5</b><br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #6</b><br>Performance with Ken Ueno<br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #7</b><br>Performance with Ken Ueno<br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #8</b><br>Sand Stories with Duane Slick<br>James M. Curley Elementary School<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #9</b><br>Sand Stories with Duane Slick<br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #10</b><br>Ken Ueno and percussion trio Rrrr...<br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>ART@NIGHT #11</b><br>Public art event<br>First Church in Jamaica Plain, Unitarian Universalist<br>Supported in part by a $30,000 grant<br>from the Fund for the Arts, a restricted fund <br>of the New England Foundation for the Arts<br>Photo &copy; Mary Kocol",
							"<b>RISE Mural #1 (detail)</b><br>Made possible by the Fuller Museum of Art's <br>Art ASPIRE program, an artist-residency <br>outreach program<br>Brockton MA",
							"<b>RISE Mural #2 (detail with Angel)</b><br>Made possible by the Fuller Museum of Art's <br>Art ASPIRE program, an artist-residency <br>outreach program<br>Brockton MA",
							"<b>RISE Mural #3 </b><br>Made possible by the Fuller Museum of Art's <br>Art ASPIRE program, an artist-residency <br>outreach program<br>Brockton MA",
							"<b>Montessori Mural #1</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #2</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #3</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #4</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #5</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #6</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #7</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #8</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Montessori Mural #9</b><br>Meeting House Montessori School<br>Braintree, MA",
							"<b>Boogie-Woogie Building</b><br>Inspired by the traveling exhibition<br>&quot;Mondrian: The Transatlantic Paintings&quot;<br>at Harvard Art Museum<br>Composer Ken Ueno and students<br>Robert F. Kennedy Elementary School<br>Mondrian Flashlight Photo Tent<br>Cambridge River Festival<br>Supported in part by IBM"];

   // Public Art -> Archive
   var publicArtArchiveImages = ["pubartarch_01.jpg","pubartarch_02.jpg","pubartarch_03.jpg","pubartarch_04.jpg"];
   var publicArtArchiveImagesColors = ["john_softpurple.jpg","john_softpurple.jpg","john_softpurple.jpg","john_softpurple.jpg"];
   var publicArtArchiveImagesInfo = [
   						"<b>Tent Project #1</b><br>Painted Wood and Vinyl<br>15 feet x 15 feet<br>Rhode Island School of Design<br>Tillinghast Farm, Barrington RI",
   						"<b>Tent Project #2</b><br>Painted Wood and Vinyl<br>Length: 30 Feet<br>Rhode Island School of Design<br>Tillinghast Farm, Barrington RI",
   						"<b>Tent Project #3</b><br>Painted Wood and Vinyl<br>Height: 6 Feet High, Length: 15 Feet<br>Rhode Island School of Design<br>Tillinghast Farm, Barrington RI",
   						"<b>Tent Project #4</b><br>Painted Wood and Vinyl<br>Height: 15 Feet<br>Rhode Island School of Design<br>Tillinghast Farm, Barrington RI"];
							
	 // Installation Acrylic - instAcrylic
   var instAcrylicImages = ["install_acryl_01.jpg","install_acryl_02.jpg","install_acryl_03.jpg"];
   var instAcrylicImagesColors = ["john_warmgrey.jpg","john_aqua.jpg","john_aqua.jpg"];
   var instAcrylicImagesInfo = ["<b>Untitled (1970 Buick Estate Wagon)</b><br>Work in Progress<br>Acrylic and Wood Veneer<br>Approx. 10 feet wide, 4 inches Deep","<b>Boarded-Up Window</b><br>Acrylic and Wood Veneer<br>37 x 32 x 6 inches<br>Pictured: Light Box Variation","<b>Boarded-Up Window (Detail)</b><br>Acrylic and Wood Veneer<br>37 x 32 x 6 inches<br>Pictured: Light Box Variation"];

	 // Installation Acrylic - instConcept
   var instConceptImages = ["install_conc_01.jpg","install_conc_02.jpg"];
   var instConceptImagesColors = ["john_blue.jpg","john_blue.jpg"];
   var instConceptImagesInfo = ["<b>Glow/Shag</b><br>Medium Variable and Site-Specific<br>(Projection, Fiber, etc.)<br>Dimensions Variable","<b>Glow/Shag (Detail/Exterior)</b><br>Medium Variable and Site-Specific<br>(Projection, Fiber, etc.)<br>Dimensions Variable"];
							
   // general image processing
   var imgNav = $(".imgnav");
   var imgInfo = $(".imginfo");
   var imgObject = $("#hpimage");
   var johnText = $("#johntext");
   var imageBaseUrl = "images";
   var imageUrls = hpImages;
   var imageColors = hpImagesColors;
   var imgInfos = hpImagesInfo;
   var textUrls = [];
   var textColor = "";
   var defaultImageColor = "john_pink.jpg";
   var defaultImageInfo = "No Image Information";
   var imgIndex=Math.floor(Math.random()*imageUrls.length);

   // show johnimage
   function showJohnImage(imageColor) {
   	 johnText.attr("src", imageBaseUrl + "/" + imageColor);
   }

   function cancelSlideshow() {
	  if(interval > 0) {
		  clearInterval(interval);interval=0;
	  }
   }
   
   function loadContentPage(anchorObject, contenturl, johnColor) {
     imageUrls = imageColors = imgInfos = [];
     cancelSlideshow();
     showJohnImage(johnColor);
     $("#placeholder").load(contenturl, function() {doMenuHover(anchorObject)});
   }
   
   function loadImagePage() {
   	 textUrls = [];
   	 cancelSlideshow();		
		 imgIndex = 0;
     $("#placeholder").load("image.html", function() {showImage();});
   }

   // show image info
   function showImage() {
     imgObject = $("#hpimage");
     if((imageUrls.length <= 1) && (textUrls.length <= 1)) {
     	 imgInfo.hide();
     	 imgNav.hide();
     } else {
     	 imgInfo.show();
       imgNav.show();
     }
     
     if(imageUrls.length > 0) {     
       imgObject.attr("src", imageBaseUrl + "/" + imageUrls[imgIndex]);
       showJohnImage(imageColors.length > imgIndex ? imageColors[imgIndex] : defaultImageColor);
       imgInfo.html(imgInfos.length > imgIndex ? imgInfos[imgIndex] : defaultImageInfo);
       $("#prev").text("< " + (imgIndex+1));
       $("#next").text(imageUrls.length + " >");     
     }
     
     if(textUrls.length > 0) {
     	 imgInfo.hide();
       loadContentPage($(this), textUrls[imgIndex], textColor);
     	 $("#prev").text("< " + (imgIndex+1));
       $("#next").text(textUrls.length + " >");
     }
   }
   	
   // navigating images
   $("#prev").click(function(eventObject) {
   	  cancelSlideshow();	  
   	  imgIndex = imgIndex-1;
   	  if((imgIndex < 0) && (imageUrls.length > 0)) imgIndex = imageUrls.length-1;
   	  if((imgIndex < 0) && (textUrls.length > 0)) imgIndex = textUrls.length-1;
   	  showImage();
   	  eventObject.preventDefault();
   });

   $("#next").click(function(eventObject) {
	    cancelSlideshow();
   	  imgIndex = imgIndex+1;
   	  if((imageUrls.length > 0) && (imgIndex >= imageUrls.length)) imgIndex = 0;   	  
   	  if((textUrls.length > 0) && (imgIndex >= textUrls.length)) imgIndex = 0;   	  
   	  showImage();
   	  eventObject.preventDefault();
   	});    

    function indexclick() {
    		// restart slideshow
    		imgIndex = 0;
   			imageUrls = hpImages;
   			imageColors = hpImagesColors;
   			imgInfos = hpImagesInfo;
    		interval = setInterval(function() {
         imgIndex = Math.floor(Math.random()*imageUrls.length);
         showImage();
   			}, 3000);
   			$("#placeholder").load("image.html", function() {showImage();});
    }

    // start showing the image
    indexclick();
    showImage();

    // Handle the Menu Clicks
    $("a").click(function(eventObject) {	    	
    	var linkhref = $(this).attr("href");
    	if(linkhref.match("index.html")) {
    		indexclick();
    	}
    	if(linkhref.match(".*paper") != null) {
        imageUrls = artImages;
        imageColors = artImagesColors;
        imgInfos = artImagesInfo;		    
    		loadImagePage();
      }      
    	if(linkhref.match("paper_digital") != null) {
        imageUrls = paintDigitalImages;
        imageColors = paintDigitalImagesColors;
        imgInfos = paintDigitalImagesInfo;
		    loadImagePage();
      }    
      if(linkhref.match("paper_glow") != null) {
        imageUrls = paperGlowImages;
        imageColors = paperGlowImagesColors;
        imgInfos = paperGlowImagesInfo;
		    loadImagePage();
      }
    	if(linkhref.match("paper_figurative") != null) {
        imageUrls = paperFigurativeImages;
        imageColors = paperFigurativeImagesColors;
        imgInfos = paperFigurativeImagesInfo;
		    loadImagePage();
      }
    	if(linkhref.match("paper_archive") != null) {
        imageUrls = paperArchiveImages;
        imageColors = paperArchiveImagesColors;
        imgInfos = paperArchiveImagesInfo;
		    loadImagePage();
      }
     	if(linkhref.match(".*portfolios") != null) {
        imageUrls = hpImages;
        imageColors = hpImagesColors;
        imgInfos = hpImagesInfo;
		    loadImagePage();
      }
      if(linkhref.match("painting_archive") != null) {
        imageUrls = paintArchiveImages;
        imageColors = paintArchiveImagesColors;
        imgInfos = paintArchiveImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("painting_abstraction") != null) {
        imageUrls = paintAbstractionImages;
        imageColors = paintAbstractionImagesColors;
        imgInfos = paintAbstractionImagesInfo;
		    loadImagePage();
      }           
      if(linkhref.match("photographyI") != null) {
        imageUrls = photographyIImages;
        imageColors = photographyIImagesColors;
        imgInfos = photographyIImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("photographyII") != null) {
        imageUrls = photographyIIImages;
        imageColors = photographyIIImagesColors;
        imgInfos = photographyIIImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("photographyIII") != null) {
        imageUrls = photographyIIIImages;
        imageColors = photographyIIIImagesColors;
        imgInfos = photographyIIIImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("photographyIV") != null) {
        imageUrls = photographyIVImages;
        imageColors = photographyIVImagesColors;
        imgInfos = photographyIVImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("photographyV") != null) {
        imageUrls = photographyVImages;
        imageColors = photographyVImagesColors;
        imgInfos = photographyVImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("photographyVI") != null) {
        imageUrls = photographyVIImages;
        imageColors = photographyVIImagesColors;
        imgInfos = photographyVIImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("artcommissions") != null) {
        imageUrls = publicArtCommissionsImages;
        imageColors = publicArtCommissionsImagesColors;
        imgInfos = publicArtCommissionsImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("artarchive") != null) {
        imageUrls = publicArtArchiveImages;
        imageColors = publicArtArchiveImagesColors;
        imgInfos = publicArtArchiveImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("inst_acrylic") != null) {
        imageUrls = instAcrylicImages;
        imageColors = instAcrylicImagesColors;
        imgInfos = instAcrylicImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("inst_concept") != null) {
        imageUrls = instConceptImages;
        imageColors = instConceptImagesColors;
        imgInfos = instConceptImagesInfo;
		    loadImagePage();
      }      
      if(linkhref.match("contact") != null) {
      	textUrls = [];
      	loadContentPage($(this), "contact.html", "john_lightblue.jpg");
      }
      if(linkhref.match(".*press") != null) {
      	textUrls = [];
      	loadContentPage($(this), "news.html", "john_lightred.jpg");
      }
      if(linkhref.match(".*bigred") != null) {
      	textUrls = [];
      	loadContentPage($(this), "writing_bigred.html", "john_lightred.jpg");
      }
      if(linkhref.match(".*baywindows") != null) {
      	textUrls = [];
      	loadContentPage($(this), "writing_baywindows.html", "john_peagreen.jpg");
      }
      if(linkhref.match(".*purchase") != null) {
      	textUrls = [];
      	loadContentPage($(this), "purchase.html", "john_softpurple.jpg");
      }
      if(linkhref.match(".*bio") != null) {
      	textUrls = ["bio_1.html", "bio_2.html"];
      	textColor = "john_lightblue.jpg";
      	imgIndex = 0;
      	loadContentPage($(this), textUrls[imgIndex], textColor);      	
      }
      if(linkhref.match(".*exhibitions") != null) {
      	textUrls = ["exhibition_1.html", "exhibition_2.html", "exhibition_3.html"];
      	textColor = "john_purple.jpg";
      	imgIndex = 0;
      	loadContentPage($(this), textUrls[imgIndex], textColor);
      }
      if(linkhref.match(".*publications") != null) {
      	textUrls = ["publications_1.html", "publications_2.html", "publications_3.html"];
      	textColor = "john_buttercup.jpg";
      	imgIndex = 0;
      	loadContentPage($(this), textUrls[imgIndex], textColor);
      }
      if(linkhref.match(".*collections") != null) {
      	textUrls = ["collections_1.html", "collections_2.html"];
      	textColor = "john_softgreen.jpg";
      	imgIndex = 0;
      	loadContentPage($(this), textUrls[imgIndex], textColor);
      }
      if(linkhref.match(".*video") != null) {
      	textUrls = ["video_1.html", "video_2.html"];
      	textColor = "john_teal.jpg";
      	imgIndex = 0;
      	loadContentPage($(this), textUrls[imgIndex], textColor);
      }
      if(linkhref.match(".*reviews") != null) {
      	textUrls = ["reviews_1.html", "reviews_2.html","reviews_3.html", "reviews_4.html","reviews_5.html","reviews_6.html","reviews_7.html"];
      	textColor = "john_aqua.jpg";
      	imgIndex = 0;
      	loadContentPage($(this), textUrls[imgIndex], textColor);
      }
      showImage();
      
      if(linkhref.match("http://") == null)
        eventObject.preventDefault();
    });
