//Thumbnail Gallery Scripts

function thumblinks(){
	if (document.getElementById('works')){
		var thumb1link = document.getElementById('thumb1');
		addAnEvent(thumb1link,'click',initContent0);
	}
	
	if (document.getElementById('works')){
		var thumb2link = document.getElementById('thumb2');
		addAnEvent(thumb2link,'click',initContent1);
	}

	if (document.getElementById('works')){
		var thumb3link = document.getElementById('thumb3');
		addAnEvent(thumb3link,'click',initContent2);
	}
	
	if (document.getElementById('works')){
		var thumb4link = document.getElementById('thumb4');
		addAnEvent(thumb4link,'click',initContent3);
	}
	
	if (document.getElementById('works')){
		var thumb5link = document.getElementById('thumb5');
		addAnEvent(thumb5link,'click',initContent4);
	}
	if (document.getElementById('works')){
		var thumb6link = document.getElementById('thumb6');
		addAnEvent(thumb6link,'click',initContent5);
	}
		if (document.getElementById('works')){
		var thumb7link = document.getElementById('thumb7');
		addAnEvent(thumb7link,'click',initContent6);
	}
		if (document.getElementById('works')){
		var thumb8link = document.getElementById('thumb8');
		addAnEvent(thumb8link,'click',initContent7);
	}
		if (document.getElementById('works')){
		var thumb9link = document.getElementById('thumb9');
		addAnEvent(thumb9link,'click',initContent8);
	}
		if (document.getElementById('works')){
		var thumb10link = document.getElementById('thumb10');
		addAnEvent(thumb10link,'click',initContent9);
	}
		if (document.getElementById('works')){
		var thumb11link = document.getElementById('thumb11');
		addAnEvent(thumb11link,'click',initContent10);
	}
		if (document.getElementById('works')){
		var thumb12link = document.getElementById('thumb12');
		addAnEvent(thumb12link,'click',initContent11);
	}
		if (document.getElementById('works')){
		var thumb13link = document.getElementById('thumb13');
		addAnEvent(thumb13link,'click',initContent12);
	}
		if (document.getElementById('works')){
		var thumb14link = document.getElementById('thumb14');
		addAnEvent(thumb14link,'click',initContent13);
	}
		if (document.getElementById('works')){
		var thumb15link = document.getElementById('thumb15');
		addAnEvent(thumb15link,'click',initContent14);
	}
		if (document.getElementById('works')){
		var thumb16link = document.getElementById('thumb16');
		addAnEvent(thumb16link,'click',initContent15);
	}
		if (document.getElementById('works')){
		var thumb17link = document.getElementById('thumb17');
		addAnEvent(thumb17link,'click',initContent16);
	}
		if (document.getElementById('works')){
		var thumb18link = document.getElementById('thumb18');
		addAnEvent(thumb18link,'click',initContent17);
	}
		if (document.getElementById('works')){
		var thumb19link = document.getElementById('thumb19');
		addAnEvent(thumb19link,'click',initContent18);
	}
		if (document.getElementById('works')){
		var thumb20link = document.getElementById('thumb20');
		addAnEvent(thumb20link,'click',initContent19);
	}
}

  function initContent0() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Balance 2</h2><a href=\"../images/gallery/balance_2.jpg\" class=\"popup\"><img src=\"../images/gallery/balance_2_small.jpg\" /><p>click to view larger</p></a><p>medium: mixed media installation<br />dimensions: vary</p>';
  initPopup();
  return false;
}

  function initContent1() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>City of the Future</h2><a href=\"../images/gallery/future.jpg\" class="\popup\"><img src=\"../images/gallery/future_small.jpg\" /><br /><p>click to view larger</p></a><p class=\"description\">medium: The ashes of my dog, water based glue<br />this piece will become complete when i strew the ashes into the ocean. the plan is to hire a funeral motorcade to drive the ashes to the ocean. i will float the ashes into the deep on a raft made of ice, resembling the dog bed. i\'m waiting till the tide is right.</p>';
  initPopup();
  return false;
}

  function initContent2() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Burn Piece</h2><a href=\"../images/gallery/burnpiece.jpg\" class=\"popup\"><img src=\"../images/gallery/burnpiece_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: vellum paper pieces burned until just the border remains contiguous<br />dimensions: 2\" x 2\"</p>';
  initPopup();
  return false;
}

  function initContent3() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>House Light (still)</h2><a href=\"../images/gallery/house_light.jpg\" class=\"popup\"><img src=\"../images/gallery/house_light_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: ambient light focused through a magnifying glass on the wall<br />dimensions: vary</p>';
  initPopup();
  return false;
}

  function initContent4() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Untitled Installation</h2><a href=\"../images/gallery/tape_light.jpg\" class=\"popup\"><img src=\"../images/gallery/tape_light_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: invisible tape, shadow and light<br />dimensions: vary</p>';
  initPopup();
  return false;
}

  function initContent5() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Two Circles</h2><a href=\"../images/gallery/two_circles1.jpg\" class=\"popup\"><img src=\"../images/gallery/two_circles_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: 30 paperclips, shadow<br />dimensions: 12\"diameter</p>';
  initPopup();
  return false;
}

  function initContent6() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Balloons</h2><a href=\"../images/gallery/balloons.jpg\" class=\"popup\"><img src=\"../images/gallery/balloons_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">as the culmination of \"I is We,\" a highly involved curatorial project consisting of a week of 24 hour artist residencies at my family\'s home, my grandmother and i gave away balloons with her face on them during the opening reception for the project at Mission 17 Gallery.  there were 82 balloons given away, one for each of her years.<br />medium: acrylic print on helium balloons, tied to spectator\'s wrist with matriarchal sophistication<br />date: 2006</p>';
  initPopup();
  return false;
}

  function initContent7() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Ice Chess</h2><a href=\"../images/gallery/icechess.jpg\" class=\"popup\"><img src=\"../images/gallery/icechess_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">Chess pieces sculpted from ice, played under a heat lamp or in a beam of sunlight<br />medium: water and purple water<br />date: 2005</p>';
  initPopup();
  return false;
}

  function initContent8() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Only While it Lasts</h2><a href=\"../images/gallery/lasts.jpg\" class=\"popup\"><img src=\"../images/gallery/lasts_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">Bowl is moved once the sun leaves it, to recapture the sunlight as it pases through the space over the course of the day.<br />date: 2006</p>';
  initPopup();
  return false;
}

  function initContent9() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Scream Before Silence/Remnant of Silence</h2><a href=\"../images/gallery/scream.jpg\" class=\"popup\"><img src=\"../images/gallery/scream_small.jpg\" style=\"padding: 0 5px;\" /><img src=\"../images/gallery/silence_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">Scream Before Silence (left):<br />Getting out the insides of the day I took a vow of silence.<br />media: business/apology/notice card<br />date: 2006<br /><br />Remnant of Silence (right):<br />Writing everything down that I wanted to say during the week of silence<br />date: 2004</p>';
  initPopup();
  return false;
}

  function initContent10() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Scream Before Silence/Remnant of Silence</h2><a href=\"../images/gallery/scream.jpg\" class=\"popup\"><img src=\"../images/gallery/scream_small.jpg\" /><img src=\"../images/gallery/silence_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">Scream Before Silence: Getting out the insides of the day I took a vow of silence.<br />media: business/apology/notice card<br />date: 2006<br /><br />Remnant of Silence: "Writing everything down that I wanted to say during the week of silence<br />date: 2004</p>';
  initPopup();
  return false;
}

  function initContent11() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Self Portrait</h2><a href=\"../images/gallery/selfportrait.jpg\" class=\"popup\"><img src=\"../images/gallery/selfportrait_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: crayon and lifesaver<br />dimensions: 3/4ths of an inch<br />date: 2005</p>';
  initPopup();
  return false;
}

function initContent12() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Poetry</h2><a href=\"../images/gallery/0_Poetry.jpg\" class=\"popup\"><img src=\"../images/gallery/0_Poetry_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: paper, type written ink, performer<br />dimensions: vary<br />date: 2007</p>';
  initPopup();
  return false;
}

function initContent13() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>and so i cried into the night</h2><a href=\"../images/gallery/AndSoICriedIntoTheNight.jpg\" class=\"popup\"><img src=\"../images/gallery/AndSoICriedIntoTheNight_sma.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: clay encased head and hands, black suit<br />dimensions: vary<br />date: 2007</p>';
  initPopup();
  return false;
}

function initContent14() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>blockhead performance</h2><a href=\"../images/gallery/blockheadperformance2_1.jpg\" class=\"popup\"><img src=\"../images/gallery/blockheadperformance2_1_smal.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: clay boxes, black and white performers<br />dimensions: vary<br />date: 2007</p>';
  initPopup();
  return false;
}

function initContent15() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Beauty in Convulsions</h2><a href=\"../images/gallery/convulsion1.jpg\" class=\"popup\"><img src=\"../images/gallery/convulsion1_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: mixed<br /><br />date: 2007</p>';
  initPopup();
  return false;
}

function initContent16() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Beauty in Convulsions</h2><a href=\"../images/gallery/convulsion2.jpg\" class=\"popup\"><img src=\"../images/gallery/convulsion2_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: mixed<br />date: 2007</p>';
  initPopup();
  return false;
}

function initContent17() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Conceptual Cube</h2><a href=\"../images/conceptual_cube_large.jpg\" class=\"popup\"><img src=\"../images/conceptual_cube_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">a document delineating sections of museum air for sale by the artist at the Legion of Honor<br />date: 2008</p>';
  initPopup();
  return false;
}

function initContent18() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Missing</h2><a href=\"../images/gallery/missing_large.jpg\" class=\"popup\"><img src=\"../images/gallery/missing_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">Installation, documenting absence by removing the presence of objects (painting and chest) and taping off the space they once occupied.<br />media: tape<br />date: 2008</p>';
  initPopup();
  return false;
}

function initContent19() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Double Duty</h2><a href=\"../images/gallery/double_duty_large.jpg\" class=\"popup\"><img src=\"../images/gallery/double_duty_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">Two channel video installation in the De Young Kimball Gallery.<br />materials: cake and frosting.<br />date: 2008</p>';
  initPopup();
  return false;
}



function initPopup(){
var links=document.getElementsByTagName("a");
var linkp;
for(var i=0;i<links.length;i++){linkp = links[i];
if(linkp.className == "popup"){
linkp.title = "This document will open in a new window.";
addAnEvent(linkp,'click',Popup);
}
}
} 
 
 
function Popup(){
appWindow = window.open (this.href,"appWindow","width=800,height=400,toolbar=1,scrollbars=1,resizable=1");
appWindow.focus ();
return false;       
}


function addAnEvent(target, eventName, functionName){ 
        eval('target.on'+eventName+'=functionName'); 
}


window.onload = thumblinks;