// New Work 1

image1 = new Image(576,470);
image1.src = "http://www.jillfrank.org/images/new_work/1/shiva.jpg";
image2 = new Image(466,576);
image2.src = "http://www.jillfrank.org/images/new_work/1/mother_and_child_2.jpg";
image3 = new Image(576,467);
image3.src = "http://www.jillfrank.org/images/new_work/1/for_ye_shall_be.jpg";
image4 = new Image(464,576);
image4.src = "http://www.jillfrank.org/images/new_work/1/human_form_1.jpg";
image5 = new Image(576,454);
image5.src = "http://www.jillfrank.org/images/new_work/1/sistine_chapel_1.jpg";
image6 = new Image(576,471);
image6.src = "http://www.jillfrank.org/images/new_work/1/nativity.jpg";
image7 = new Image(576,452);
image7.src = "http://www.jillfrank.org/images/new_work/1/stone_01.jpg";
image8 = new Image(576,454);
image8.src = "http://www.jillfrank.org/images/new_work/1/fortress.jpg";
image9 = new Image(576,449);
image9.src = "http://www.jillfrank.org/images/new_work/1/bridge.jpg";
// image8 = new Image(576,461);
// image8.src = "http://www.jillfrank.org/images/new_work/1/stoned.jpg";
// image9 = new Image(576,443);
// image9.src = "http://www.jillfrank.org/images/new_work/1/the_breaking_wheel.jpg";

// List images
var myImg = new Array(9);
myImg[0] = "http://www.jillfrank.org/images/new_work/1/shiva.jpg";
myImg[1] = "http://www.jillfrank.org/images/new_work/1/mother_and_child_2.jpg";
myImg[2] = "http://www.jillfrank.org/images/new_work/1/for_ye_shall_be.jpg";
myImg[3] = "http://www.jillfrank.org/images/new_work/1/human_form_1.jpg";
myImg[4] = "http://www.jillfrank.org/images/new_work/1/sistine_chapel_1.jpg";
myImg[5] = "http://www.jillfrank.org/images/new_work/1/nativity.jpg";
myImg[6] = "http://www.jillfrank.org/images/new_work/1/stone_01.jpg";
myImg[7] = "http://www.jillfrank.org/images/new_work/1/fortress.jpg";
myImg[8] = "http://www.jillfrank.org/images/new_work/1/bridge.jpg";
// myImg[7] = "http://www.jillfrank.org/images/new_work/1/stoned.jpg";
// myImg[8] = "http://www.jillfrank.org/images/new_work/1/the_breaking_wheel.jpg";

var title = new Array(9);
title[0] = "Shiva<br>(2009) 30 x 40, C-Print";
title[1] = "Mother & Child #1<br>(2009) 24 x 20, C-Print";
title[2] = "For Ye Shall Be as an Oak<br>(2008) 44 x 54, C-print";
title[3] = "Human Form #1<br>(2009) 30 x 40, C-Print";
title[4] = "Sistine Chapel<br>(2008) 20 x 30, C-Print";
title[5] = "Nativity Scene<br>(2009) 24 x 20, C-Print";
title[6] = "Stone<br>(2009) 30 x 40, C-print";
title[7] = "Fortress<br>(2008) 30 x 40, C-Print";
title[8] = "Bridge<br>(2008) 40 x 50, C-Print";
// title[7] = "Stoned<br>(2008) 24 x 20, C-Print";
// title[8] = "The Breaking Wheel<br>(2008) 20 x 24, C-Print";

var i = 0;

// Create link function to switch image backward
function prev(){
   if(i<1){
      var l = i;
   } else {
      var l = i-=1;
      document.getElementById('leftArrow').src = "http://www.jillfrank.org/images/left_arrow_gray.png";
      document.getElementById('rightArrow').src = "http://www.jillfrank.org/images/right_arrow_gray.png";
   }
   if(i<1){
      document.getElementById('leftArrow').src = "http://www.jillfrank.org/images/white_pixel.png";
   }
  var theDot = 'dot' + l;
  var lastDot = 'dot' + (l + 1);
  document.getElementById('bigImage').src = myImg[l];
  document.getElementById('desc').innerHTML = title[i];
  document.getElementById(theDot).src = "http://www.jillfrank.org/images/red_dot_01.png";
  document.getElementById(lastDot).src = "http://www.jillfrank.org/images/black_dot_01.png";
}

// Create link function to switch image forward
function next(){
   if(i>7){
      var l = i;
   } else {
      var l = i+=1;
      document.getElementById('leftArrow').src = "http://www.jillfrank.org/images/left_arrow_gray.png";
      document.getElementById('rightArrow').src = "http://www.jillfrank.org/images/right_arrow_gray.png";
   }
   if(i>7){
      document.getElementById('rightArrow').src = "http://www.jillfrank.org/images/white_pixel.png";
   }
   var theDot = 'dot' + l;
   var lastDot = 'dot' + (l - 1);
   document.getElementById('bigImage').src = myImg[l];
   document.getElementById('desc').innerHTML = title[i];
   document.getElementById(theDot).src = "http://www.jillfrank.org/images/red_dot_01.png";
   document.getElementById(lastDot).src = "http://www.jillfrank.org/images/black_dot_01.png";
}