<!-- TAB MENU WITH LINK DESCRIPTION OR SUBLINKS -->
<!-- Copyright 2006, Sandeep Gangadharan -->
<!-- For more free scripts go to http://sivamdesign.com/scripts/ -->
<!--
function getDesc(tip) {
 if (document.getElementById) {
  document.getElementById("tipArea").innerHTML = tip }
 else if (navigator.appName.indexOf("Netscape") != -1) {
  document.tipArea1.document.tipArea1.document.write(tip)
  document.tipArea1.document.tipArea1.document.close() }
 }
// Below are the sub-links or message that appears when users hover the mouse over each tab.
// Edit the links or messages to suit your needs.
var menu_1 = '<br />&nbsp;&nbsp;<b>Portraits:</b><br /> <img src=\"art/paint-14.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-3.jpg\" alt=\"\" title=\"\" vspace=\"40\" hspace=\"20\" /> <img src=\"art/paint-4.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-5.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /> <img src=\"art/paint-8.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-10.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /> <img src=\"art/paint-11.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-12.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /> <img src=\"art/paint-13.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-28.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" />';
var menu_2 = '<br />&nbsp;&nbsp;<b>Still-life:</b><br /> <img src=\"art/paint-6.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-2.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-16.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" />';
var menu_3 = '<br />&nbsp;&nbsp;<b>Landscapes:</b><br /> <img src=\"art/paint-1.jpg\" alt=\"\" title=\"\" vspace=\"40\" hspace=\"20\" /><br /> <img src=\"art/paint-7.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-17.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" />';
var menu_4 = '<br />&nbsp;&nbsp;<b>Charcoal:</b><br /><br />&nbsp;&nbsp;&nbsp;&nbsp;All sketches done on Strathmore 11" x 14" Drawing Pad<br /> <img src=\"art/paint-20.jpg\" alt=\"\" title=\"\" vspace=\"40\" hspace=\"20\" /><br /> <img src=\"art/paint-18.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /> <img src=\"art/paint-19.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-23.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /> <img src=\"art/paint-24.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-21.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /> <img src=\"art/paint-35.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /><br /> <img src=\"art/paint-22.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" /> <img src=\"art/paint-25.jpg\" alt=\"\" title=\"\" vspace=\"20\" hspace=\"20\" />';
var menu_5 = '<br />&nbsp;&nbsp;<b>Pen:</b><br /> <img src=\"art/paint-26.jpg\" alt=\"\" title=\"\" vspace=\"40\" hspace=\"20\" /> <img src=\"art/paint-27.jpg\" alt=\"\" title=\"\" vspace=\"40\" hspace=\"20\" />';
//-->

onload = function() {
	var e, i = 0;
	while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on' || e.className == 'off') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show', 'hide');
				getEls[z].className=getEls[z].className.replace('on', 'off');
				}
			this.className = 'on';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show";
			}
		}
	}
}
