//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);
	}
}

  function initContent0() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Inertia Drawing 1</h2><a href=\"../images/drawing/Inertia-Drawing.jpg\" class=\"popup\"><img src=\"../images/drawing/Inertia-Drawing_small.jpg\" /><p>click to view larger</p></a><p>medium: charcoal on paper.<br />dimensions: 24 "x 24"<br />this series of geometric drawings are made through driving my car. as i drive, a charcoal ball rolls on top of a piece of paper within a framework, drawing one continuous line for 6 months at a time; playing with the issues of control and automation.</p>';
  initPopup();
  return false;
}

  function initContent1() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Inertia Drawing 2</h2><a href=\"../images/drawing/carballinertia.jpg\" class="\popup\"><img src=\"../images/drawing/carballinertia_small.jpg\" /><br /><p>click to view larger</p></a><p class=\"description\">medium: charcoal on paper.<br />dimensions: 12\" x 20\"</p>';
  initPopup();
  return false;
}

  function initContent2() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Chi Meditation: Performance Permanent</h2><a href=\"../images/drawing/chi-meditation.jpg\" class=\"popup\"><img src=\"../images/drawing/chi-meditation_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: charcoal on canvass resulting from a three minute walking performance.<br />dimensions: vary</p>';
  initPopup();
  return false;
}

  function initContent3() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Untitled (Kalpa)</h2><a href=\"../images/drawing/kalpa.jpg\" class=\"popup\"><img src=\"../images/kalpa_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">medium: incense burn marks, smoke and smoke on paper<br />dimensions: 20" x 24"</p>';
  initPopup();
  return false;
}

  function initContent4() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Blindfold 2</h2><a href=\"../images/drawing/blindfold2.jpg\" class=\"popup\"><img src=\"../images/drawing/blindfold2_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">drawing blindfolded, squares the size of my thumbnail drawing in concentric circles, feeling the pattern as i go.<br />medium: charcoal<br />dimensions: my arm\'s reach (approximately 6 feet in diameter)<br />date: 2006</p>';
  initPopup();
  return false;
}

  function initContent5() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Walking Performance</h2><a href=\"../images/drawing/walking_performance.jpg\" class=\"popup\"><img src=\"../images/drawing/walking_performance_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">This image documents the performative process in creating a chi meditation drawing.<br />date: 2006</p>';
  initPopup();
  return false;
}

function initContent6() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Untitled (Light Drawings)</h2><a href=\"../images/drawing/lightdrawing4.jpg\" class=\"popup\"><img src=\"../images/drawing/lightdrawing4_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">media: light, burned paper<br />date: 2007<br /><br />These drawings utilize the immaterial shadows of burned paper to display a line quality approaching infinite subtlety.  The chance occurrence of the shape of burned paper draws a shadow that ranges from fine as a golden hair to thick darkness. The movement of people in the room disturbs the shadow drawings slightly and reinforces their momentary escape from the immaterial.</p>';
  initPopup();
  return false;
}

function initContent7() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Untitled (Light Drawings)</h2><a href=\"../images/drawing/lightdrawing4.jpg\" class=\"popup\"><img src=\"../images/drawing/lightdrawing4_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">media: light, burned paper<br />date: 2007<br /><br />These drawings utilize the immaterial shadows of burned paper to display a line quality approaching infinite subtlety.  The chance occurrence of the shape of burned paper draws a shadow that ranges from fine as a golden hair to thick darkness. The movement of people in the room disturbs the shadow drawings slightly and reinforces their momentary escape from the immaterial.</p>';
  initPopup();
  return false;
}

function initContent8() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Untitled (Light Drawings)</h2><a href=\"../images/drawing/lightdrawing4.jpg\" class=\"popup\"><img src=\"../images/drawing/lightdrawing4_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">media: light, burned paper<br />date: 2007<br /><br />These drawings utilize the immaterial shadows of burned paper to display a line quality approaching infinite subtlety.  The chance occurrence of the shape of burned paper draws a shadow that ranges from fine as a golden hair to thick darkness. The movement of people in the room disturbs the shadow drawings slightly and reinforces their momentary escape from the immaterial.</p>';
  initPopup();
  return false;
}

function initContent9() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Untitled (Light Drawings)</h2><a href=\"../images/drawing/lightdrawing4.jpg\" class=\"popup\"><img src=\"../images/drawing/lightdrawing4_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">media: light, burned paper<br />date: 2007<br /><br />These drawings utilize the immaterial shadows of burned paper to display a line quality approaching infinite subtlety.  The chance occurrence of the shape of burned paper draws a shadow that ranges from fine as a golden hair to thick darkness. The movement of people in the room disturbs the shadow drawings slightly and reinforces their momentary escape from the immaterial.</p>';
  initPopup();
  return false;
}

function initContent10() {
  imageId = 'image';
  image = document.getElementById(imageId);
  image.innerHTML = '<h2>Untitled (Light Drawings)</h2><a href=\"../images/drawing/lightdrawing5.jpg\" class=\"popup\"><img src=\"../images/drawing/lightdrawing5_small.jpg\" /><br /><p>click to view larger</p></a><p class="\description\">media: light, burned paper<br />date: 2007<br /><br />These drawings utilize the immaterial shadows of burned paper to display a line quality approaching infinite subtlety.  The chance occurrence of the shape of burned paper draws a shadow that ranges from fine as a golden hair to thick darkness. The movement of people in the room disturbs the shadow drawings slightly and reinforces their momentary escape from the immaterial.</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;