// image-swapping functions
function imgOn(imgName) {	
  if (document.getElementById) {
    document.getElementById(imgName).src = eval(imgName + "on.src");

  }
}

function imgOff(imgName) {
  if (document.getElementById) {
    document.getElementById(imgName).src = eval(imgName + "off.src");
  }
}
// swap images
function di(id,name)
{
  if (document.images)
    document.images[id].src=eval(name+".src");   
}

//toggles layer visibility on and off

function show(id) {
	document.getElementById(id).style.visibility = "visible";
	document.getElementById(id).style.zIndex = "200";

	//if (timer)
  //{
   // window.clearTimeout(timer);
   // timer = 0;
  //}
}
function hide(id) {
	document.getElementById(id).style.visibility ="hidden";
}

var photos=new Array();

photos[0]="images/vessel/p_1.jpg";
photos[1]="images/vessel/p_2.jpg";
photos[2]="images/vessel/p_3.jpg";
photos[3]="images/vessel/p_4.jpg";
photos[4]="images/vessel/p_5.jpg";
photos[5]="images/vessel/p_6.jpg";
photos[6]="images/vessel/p_7.jpg";
photos[7]="images/vessel/p_8.jpg";
photos[8]="images/vessel/p_9.jpg";
photos[9]="images/vessel/p_10.jpg";
photos[10]="images/vessel/p_11.jpg";
photos[11]="images/vessel/p_12.jpg";

var photoscap=new Array();
photoscap[0]="<span class=\"cap\">Big Apple<br>Mixed media on canvas<br>36\" x 36\"</span>";
photoscap[1]="<span class=\"cap\">Blue Fuscia<br>Mixed media on canvas<br>18\" x 18\"</span>";
photoscap[2]="<span class=\"cap\">Copper & Turqoise<br>Mixed media on canvas<br>18\" x 18\"</span>";
photoscap[3]="<span class=\"cap\">Four Vessels<br>Mixed media on canvas<br>16\" x 16\"<br>SOLD</span>";
photoscap[4]="<span class=\"cap\">Green & Gold<br>Mixed media on canvas<br>8\" x 8\"</span>";
photoscap[5]="<span class=\"cap\">Heart of Glass<br>Mixed media on canvas<br>6\" x 6\"</span>";
photoscap[6]="<span class=\"cap\">Looks Like Food<br>Mixed media on canvas<br>8\" x 8\"</span>";
photoscap[7]="<span class=\"cap\">Big Red Vessel<br>Mixed media on canvas<br>36\" x 36\"</span>";
photoscap[8]="<span class=\"cap\">Set Me Free<br>Mixed media on canvas<br>8\" x 8\"</span>";
photoscap[9]="<span class=\"cap\">Teal & Blue<br>Mixed media on canvas<br>18\" x 18\"</span>";
photoscap[10]="<span class=\"cap\">Turqoise & Tangerine<br>Mixed media on canvas<br>18\" x 18\"</span>";
photoscap[11]="<span class=\"cap\">Vessel of Love<br>Mixed media on canvas<br>8\" x 8\"</span>";

var smphotos = ''+
'<a href="#position"><img src="images/vessel/p_1_sm.jpg" onclick="document.mainphoto.src=photos[0];document.getElementById(\'photoscap\').innerHTML=photoscap[0];" hspace="5"></a><a href="#position"><img src="images/vessel/p_2_sm.jpg" onclick="document.mainphoto.src=photos[1];document.getElementById(\'photoscap\').innerHTML=photoscap[1];" hspace="5"></a><a href="#position"><img src="images/vessel/p_3_sm.jpg" onclick="document.mainphoto.src=photos[2];document.getElementById(\'photoscap\').innerHTML=photoscap[2];" hspace="5"></a><a href="#position"><img src="images/vessel/p_4_sm.jpg" onclick="document.mainphoto.src=photos[3];document.getElementById(\'photoscap\').innerHTML=photoscap[3];" hspace="5"></a><a href="#position"><img src="images/vessel/p_5_sm.jpg" onclick="document.mainphoto.src=photos[4];document.getElementById(\'photoscap\').innerHTML=photoscap[4];" hspace="5"></a><a href="#position"><img src="images/vessel/p_6_sm.jpg" onclick="document.mainphoto.src=photos[5];document.getElementById(\'photoscap\').innerHTML=photoscap[5];" hspace="5"></a><img src="images/pix.gif" width="5">'+
'<br><img src="images/pix.gif" height="10"><br>'+
'<a href="#position"><img src="images/vessel/p_7_sm.jpg" onclick="document.mainphoto.src=photos[6];document.getElementById(\'photoscap\').innerHTML=photoscap[6];" hspace="5"></a><a href="#position"><img src="images/vessel/p_8_sm.jpg" onclick="document.mainphoto.src=photos[7];document.getElementById(\'photoscap\').innerHTML=photoscap[7];" hspace="5"></a><a href="#position"><img src="images/vessel/p_9_sm.jpg" onclick="document.mainphoto.src=photos[8];document.getElementById(\'photoscap\').innerHTML=photoscap[8];" hspace="5"></a><a href="#position"><img src="images/vessel/p_10_sm.jpg" onclick="document.mainphoto.src=photos[9];document.getElementById(\'photoscap\').innerHTML=photoscap[9];" hspace="5"></a><a href="#position"><img src="images/vessel/p_11_sm.jpg" onclick="document.mainphoto.src=photos[10];document.getElementById(\'photoscap\').innerHTML=photoscap[10];" hspace="5"></a><a href="#position"><img src="images/vessel/p_12_sm.jpg" onclick="document.mainphoto.src=photos[11];document.getElementById(\'photoscap\').innerHTML=photoscap[11];" hspace="5"></a><img src="images/pix.gif" width="5">';