// Object Gallery was created by Jeremy Anderson 02/18/2007
// A Product of Object Adjective www.objectadjective.com

//Portfolio Gallery
document.write("<style type='text/css'>\n" +  "#gallery {visibility:hidden;}\n" + "</style>");

//Change Image Folder Name here!!!!
var dir = 'url(../img/100performances/';

//Total Number of Images in Gallery
var Pic = new Array()
Pic[1] = dir +"1.jpg)"
Pic[2] = dir +"2.jpg)"
Pic[3] = dir +"3.jpg)"
Pic[4] = dir +"4.jpg)"
Pic[5] = dir +"5.jpg)"
Pic[6] = dir +"6.jpg)"
Pic[7] = dir +"7.jpg)"
Pic[8] = dir +"8.jpg)"
Pic[9] = dir +"9.jpg)"
Pic[10] = dir +"10.jpg)"
Pic[11] = dir +"11.jpg)"
Pic[12] = dir +"12.jpg)"
Pic[13] = dir +"13.jpg)"
Pic[14] = dir +"14.jpg)"
Pic[15] = dir +"15.jpg)"
Pic[16] = dir +"16.jpg)"
Pic[17] = dir +"17.jpg)"
Pic[18] = dir +"18.jpg)"
Pic[19] = dir +"19.jpg)"
Pic[20] = dir +"20.jpg)"
Pic[21] = dir +"21.jpg)"

//Descriptions for Images If unique Titles between <h1> and </h1> [otherwise leave empty]
var Detail = new Array()
Detail[1] = '<h1>Tim Armstrong, <em>Drawing with flour and water on the cement floor in under 4 min</em><br />Flour, water</h1>'
Detail[2] = '<h1> </h1>'
Detail[3] = '<h1>Tom Marioni in collaboration with Sharon Grace, <em>Untitled</em><br />Tom Marioni drives a sports car with automatic convertible top into the space, parks over the hole, pushes a button, the top rolls down, we all listen to his jazz music for a minute, then he pushes the button again, the top closes, the car drives out the other side of the garage.</h1>'
Detail[4] = '<h1>Adam Widmer, <em>Untitled</em><br />Saxophone and drums, live music performance</h1>'
Detail[5] = '<h1>Jennifer Locke, <em>Untitled (Lexicon Devil)</em><br />Note by Jennifer Locke: I sit in the hole with a video camera (fish-eye lens attached), a projector, and a record player.  The camera is placed on the floor, aimed up at me, and fed to the projector, which projects live footage onto the ceiling.  I put a record on the turntable (the Germs <em>What We Do Is Secret</em>).  I play the song "Lexicon Devil".  I roll up my sleeves and draw blood from my right arm.  I then inject the blood into my left arm. The song ends and I take the needle off the record.</h1>'
Detail[6] = '<h1>Jennifer Locke, <em>Untitled (Lexicon Devil)</em><br />Note by Jennifer Locke: I sit in the hole with a video camera (fish-eye lens attached), a projector, and a record player.  The camera is placed on the floor, aimed up at me, and fed to the projector, which projects live footage onto the ceiling.  I put a record on the turntable (the Germs <em>What We Do Is Secret</em>).  I play the song \"Lexicon Devil\".  I roll up my sleeves and draw blood from my right arm.  I then inject the blood into my left arm. The song ends and I take the needle off the record.</h1>'
Detail[7] = '<h1>Kathrine Worel, <em>Fire in the Hole: a Drawing</em><br />Fire is used to fill the empty space of the hole, creating a whole. The wood used to extinguish the fire and is the surface upon which the flames <em>draw</em>.</h1>'
Detail[8] = '<h1>Lauren Scime and Jeremy Anderson, <em>Specimen: A Clinical Study of American Culture</em><br />Peanut butter and Jelly, Wonder Bread, lab coats, white surgical gloves. Make sandwiches, put them in zip lock baggies, exchange them and leave.</h1>'
Detail[9] = '<h1>Guy Overfelt, <em>Untitled</em><br />A rental car crashes into the mechanics pit and is effortlessly ejected.  Anti-roll beams, self-lubrication ultra high molecular polyethylene, wooden platforms, Ford Focus rental car, car\'s exhaust attached to 4 air-bags</h1>'
Detail[10] = '<h1>Guy Overfelt, <em>Untitled</em><br />A rental car crashes into the mechanics pit and is effortlessly ejected. Anti-roll beams, self-lubrication ultra high molecular polyethylene, wooden platforms, Ford Focus rental car, car\'s exhaust attached to 4 air-bags</h1>'
Detail[11] = '<h1>Guy Overfelt, <em>Untitled</em><br />A rental car crashes into the mechanics pit and is effortlessly ejected. Anti-roll beams, self-lubrication ultra high molecular polyethylene, wooden platforms, Ford Focus rental car, car\'s exhaust attached to 4 air-bags</h1>'
Detail[12] = '<h1>Tom Borden, <em>Stick</em><br />Wooden box, marshmallow, candle, nails. Approach the hole, take out a marshmallow, and a candle. Light the candle. Suddenly smash the box into the hole. Jump in and build a ladder to get out from the scraps. Once out, use the ladder to skewer the marshmallow, and toast it over the flame. Eat the marshmallow.</h1>'
Detail[13] = '<h1>Tom Borden, <em>Stick</em><br />Wooden box, marshmallow, candle, nails. Approach the hole, take out a marshmallow, and a candle. Light the candle. Suddenly smash the box into the hole. Jump in and build a ladder to get out from the scraps. Once out, use the ladder to skewer the marshmallow, and toast it over the flame. Eat the marshmallow.</h1>'
Detail[14] = '<h1>Rodney Austin, <em>Untitled (Que Sera Sera)</em><br />Singer with doll, microphone, accompanied by guitar, and saw singing Que Sera Sera</h1>'
Detail[15] = '<h1>Takehito Etani, <em>Untitled</em><br />Light, artist, cloth cover. Artist seals himself in the hole with the cover. Then turns off the room lights and turns on a work light in the hole. He then moves around the hole actively, until his motions break the light bulb and the room is plunged into darkness.</h1>'
Detail[16] = '<h1> </h1>'
Detail[17] = '<h1> </h1>'
Detail[18] = '<h1> </h1>'
Detail[19] = '<h1> </h1>'
Detail[20] = '<h1> </h1>'
Detail[21] = '<h1> </h1>'



function preload(){
  links(); initG1();
}
 
 // Gallery =====================================================================//


function initG1() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('1');
  head.innerHTML = Detail[1];
  document.getElementById('gallery').style.backgroundImage =Pic[1];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG2() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('2');
  head.innerHTML = Detail[2];
  document.getElementById('gallery').style.backgroundImage =Pic[2];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG3() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('3');
  head.innerHTML = Detail[3];
  document.getElementById('gallery').style.backgroundImage =Pic[3];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG4() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('4');
  head.innerHTML = Detail[4];
  document.getElementById('gallery').style.backgroundImage =Pic[4];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG5() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('5');
  head.innerHTML = Detail[5];
  document.getElementById('gallery').style.backgroundImage =Pic[5];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG6() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('6');
  head.innerHTML = Detail[6];
  document.getElementById('gallery').style.backgroundImage =Pic[6];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG7() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('7');
  head.innerHTML = Detail[7];
  document.getElementById('gallery').style.backgroundImage =Pic[7];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG8() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('8');
  head.innerHTML = Detail[8];
  document.getElementById('gallery').style.backgroundImage =Pic[8];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG9() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('9');
  head.innerHTML = Detail[9];
  document.getElementById('gallery').style.backgroundImage =Pic[9];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG10() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('10');
  head.innerHTML = Detail[10];
  document.getElementById('gallery').style.backgroundImage =Pic[10];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG11() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('11');
  head.innerHTML = Detail[11];
  document.getElementById('gallery').style.backgroundImage =Pic[11];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG12() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('12');
  head.innerHTML = Detail[12];
  document.getElementById('gallery').style.backgroundImage =Pic[12];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG13() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('13');
  head.innerHTML = Detail[13];
  document.getElementById('gallery').style.backgroundImage =Pic[13];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG14() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('14');
  head.innerHTML = Detail[14];
  document.getElementById('gallery').style.backgroundImage =Pic[14];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG15() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('15');
  head.innerHTML = Detail[15];
  document.getElementById('gallery').style.backgroundImage =Pic[15];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG16() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('16');
  head.innerHTML = Detail[16];
  document.getElementById('gallery').style.backgroundImage =Pic[16];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG17() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('17');
  head.innerHTML = Detail[17];
  document.getElementById('gallery').style.backgroundImage =Pic[17];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG18() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('18');
  head.innerHTML = Detail[18];
  document.getElementById('gallery').style.backgroundImage =Pic[18];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG19() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('19');
  head.innerHTML = Detail[19];
  document.getElementById('gallery').style.backgroundImage =Pic[19];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG20() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('20');
  head.innerHTML = Detail[20];
  document.getElementById('gallery').style.backgroundImage =Pic[20];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

function initG21() {
var imageId = 'gallery';
var image = document.getElementById('gallery');
var head = document.getElementById('head');
var thumb = document.getElementById('21');
  head.innerHTML = Detail[21];
  document.getElementById('gallery').style.backgroundImage =Pic[21];
  image.style.visibility = 'visible';
  onSwitch();
  thumb.className = 'on';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  return false;
}

// Thumbs =====================================================================//

function links(){
	if (document.getElementById('1')){
		var link1 = document.getElementById('1');
		link1.style.backgroundImage =Pic[1];
		addAnEvent(link1,'click',initG1);
	}
	if (document.getElementById('2')){
		var link2 = document.getElementById('2');
		link2.style.backgroundImage =Pic[2];
		addAnEvent(link2,'click',initG2);
	}
	if (document.getElementById('3')){	
		var link3 = document.getElementById('3');
		link3.style.backgroundImage =Pic[3];
		addAnEvent(link3,'click',initG3);
	}
	if (document.getElementById('4')){
		var link4 = document.getElementById('4');
		link4.style.backgroundImage =Pic[4];
		addAnEvent(link4,'click',initG4);
	}
	if (document.getElementById('5')){
		var link5 = document.getElementById('5');
		link5.style.backgroundImage =Pic[5];
		addAnEvent(link5,'click',initG5);
	}
	if (document.getElementById('6')){
		var link6 = document.getElementById('6');
		link6.style.backgroundImage =Pic[6];
		addAnEvent(link6,'click',initG6);
	}
	if (document.getElementById('7')){
		var link7 = document.getElementById('7');
		link7.style.backgroundImage =Pic[7];
		addAnEvent(link7,'click',initG7);
	}
	if (document.getElementById('8')){
		var link8 = document.getElementById('8');
		link8.style.backgroundImage =Pic[8];
		addAnEvent(link8,'click',initG8);
	}
	if (document.getElementById('9')){
		var link9 = document.getElementById('9');
		link9.style.backgroundImage =Pic[9];
		addAnEvent(link9,'click',initG9);
	}
	if (document.getElementById('10')){
		var link10 = document.getElementById('10');
		link10.style.backgroundImage =Pic[10];
		addAnEvent(link10,'click',initG10);
	}
	if (document.getElementById('11')){
		var link11 = document.getElementById('11');
		link11.style.backgroundImage =Pic[11];
		addAnEvent(link11,'click',initG11);
	}
	if (document.getElementById('12')){
		var link12 = document.getElementById('12');
		link12.style.backgroundImage =Pic[12];
		addAnEvent(link12,'click',initG12);
	}
	if (document.getElementById('13')){
		var link13 = document.getElementById('13');
		link13.style.backgroundImage =Pic[13];
		addAnEvent(link13,'click',initG13);
	}
	if (document.getElementById('14')){
		var link14 = document.getElementById('14');
		link14.style.backgroundImage =Pic[14];
		addAnEvent(link14,'click',initG14);
	}
	if (document.getElementById('15')){
		var link15 = document.getElementById('15');
		link15.style.backgroundImage =Pic[15];
		addAnEvent(link15,'click',initG15);
	}
	if (document.getElementById('16')){
		var link16 = document.getElementById('16');
		link16.style.backgroundImage =Pic[16];
		addAnEvent(link16,'click',initG16);
	}
	if (document.getElementById('17')){
		var link17 = document.getElementById('17');
		link17.style.backgroundImage =Pic[17];
		addAnEvent(link17,'click',initG17);
	}
	if (document.getElementById('18')){
		var link18 = document.getElementById('18');
		link18.style.backgroundImage =Pic[18];
		addAnEvent(link18,'click',initG18);
	}
	if (document.getElementById('19')){
		var link19 = document.getElementById('19');
		link19.style.backgroundImage =Pic[19];
		addAnEvent(link19,'click',initG19);
	}
	if (document.getElementById('20')){
		var link20 = document.getElementById('20');
		link20.style.backgroundImage =Pic[20];
		addAnEvent(link20,'click',initG20);
	}
	if (document.getElementById('21')){
		var link21 = document.getElementById('21');
		link21.style.backgroundImage =Pic[21];
		addAnEvent(link21,'click',initG21);
	}
}

//=============================================================================//

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 2;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
    }
  }
}

// This finds Client on links and turns them off
function onSwitch(){
	var findon=document.getElementsByTagName("a");
	var linkon;
	for(var i=0;i<findon.length;i++){
		linkon = findon[i];
		if(linkon.className == "on"){
			linkon.className = "off";
		}
	}
}