var tabs = [
				//first tab
				[
					//tab image when unselected
					'images/gifts2.jpg',
					//tab image when selected
					'images/gifts1.jpg',
					//tab data
					'<div style="width:167px; float:left; margin-right:10px;"><b>SEARCH <br />GREEN GIFTS</b><form class="searchform" name="bags" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` LIKE \'%bag%\' AND `recycled` !=\' \'"><a href="#" onclick="document.bags.submit()">Bags</a></form><form class="searchform" name="baskets" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` LIKE \'%basket%\'"><a href="#" onclick="document.baskets.submit()">Baskets</a></form><form class="searchform" name="bomb" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="\`recycled\` LIKE \'%bomb%\' or \`materials\` LIKE \'%bomb%\'"><a href="#" onclick="document.bomb.submit()">Bombshell casings</a></form></div><div style="width:167px; float:left; margin-right:10px;"><form class="searchform" name="box" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` LIKE \'%bijoux%\' AND \`recycled\` != \' \'"><a href="#" onclick="document.box.submit()">Boxes</a> (Various)</form><form class="searchform" name="coco2" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="\`recycled\` LIKE \'%coconut%\' or \`materials\` LIKE \'%coconut%\'"><a href="#" onclick="document.coco2.submit()">Coconut</a></form><form class="searchform" name="computer2" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`recycled` LIKE \'%computer%\' or \`materials\` LIKE \'%computer%\'"><a href="#" onclick="document.computer2.submit()">Computer bits</a></form><form class="searchform" name="dung" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="\`recycled\` LIKE \'%dung%\' or \`materials\` LIKE \'%dung%\'"><a href="#" onclick="document.dung.submit()">Elephant dung</a></form><form class="searchform" name="magnet" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category`=\'magnet\'"><a href="#" onclick="document.magnet.submit()">Fridge magnets</a></form></div><div style="width:167px; float:left; margin-right:10px;"><form class="searchform" name="coconut" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`recycled` = \'coconut\' AND jewellery=1"><a href="#" onclick="document.coconut.submit()">Jewellery</a> (coconut)</form><form class="searchform" name="nococo" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`materials` NOT LIKE \'%oconut%\' AND jewellery=1 AND `recycled` !=\' \'"><a href="#" onclick="document.nococo.submit()">Jewellery</a> (metal)</form><form class="searchform" name="keyring" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` LIKE \'%keyring%\'"><a href="#" onclick="document.keyring.submit()">Keyrings</a></form><form class="searchform" name="kandb" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` = \'kandb\'"><a href="#" onclick="document.kandb.submit()">Kitchen and Bath</a></form></div><div style="width:160px; float:left; margin-right:10px;"><form class="searchform" name="ornament" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` = \'ornament\' OR `category` = \'novelty\'"><a href="#" onclick="document.ornament.submit()">Novelties &amp; Ornaments</a></form><form class="searchform" name="pandw_rec" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` LIKE \'%wallet%\' AND \`recycled\` != \' \'"><a href="#" onclick="document.pandw_rec.submit()">Purses and Wallets</a></form><form class="searchform" name="stationery" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` LIKE \'%tationery%\'"><a href="#" onclick="document.stationery.submit()">Stationery &amp; Paper Products</a></form></div>'],
				//second tab
				[
					'images/cards2.jpg',
					'images/cards1.jpg',
					'<div style="width:167px; float:left; margin-right:10px;"><b>SEARCH <br />CARDS</b><form class="searchform" name="cards" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="card=1"><a href="#" onclick="document.cards.submit()">All cards</a></form><form class="searchform" name="dungcards" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="\`materials\` LIKE \'%dung%\' AND card=1"><a href="#" onclick="document.dungcards.submit()">Elephant dung</a></form></div><div style="width:167px; float:left; margin-right:10px;"><b>AFRICA</b><form class="searchform" name="Batsiranai" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Batsiranai%\' AND card=1 AND recycled=\'Paper\'"><a href="#" onclick="document.Batsiranai.submit()">Batsiranai</a> (Zimbabwe)</form><form class="searchform" name="BatsiranaiB" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Batsiranai%\' AND card=1 AND recycled LIKE \'%Bottle%\'"><a href="#" onclick="document.BatsiranaiB.submit()">Batsiranai bottle top</a></form><form class="searchform" name="Dezign" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Dezign%\' AND card=1"><a href="#" onclick="document.Dezign.submit()">Dezign Inc</a> (Zimbabwe)</form><form class="searchform" name="Dangwe" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Dangwe%\' AND card=1"><a href="#" onclick="document.Dangwe.submit()">Dangwe</a> (Zimbabwe)</form></div><div style="width:167px; float:left; margin-right:10px;"><b>ASIA</b><form class="searchform" name="Rajana" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` = \'Rajana\' AND card=1"><a href="#" onclick="document.Rajana.submit()">Rajana</a> (Cambodia)</form><form class="searchform" name="Hope" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Hope%\' AND card=1"><a href="#" onclick="document.Hope.submit()">Hope Cards</a> (Thailand)</form> <form class="searchform" name="Weave" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` = \'Weave\' AND card=1"><a href="#" onclick="document.Weave.submit()">Weave</a> (Thailand)</form><form class="searchform" name="Rokpa" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` = \'Rokpa\' AND card=1"><a href="#" onclick="document.Rokpa.submit()">Rokpa</a> (Tibet)</form></div>'],
				//third tab
				[
					'images/jewellery2.jpg',
					'images/jewellery1.jpg',
					'<div style="width:167px; float:left; margin-right:10px;"><b>SEARCH <br />JEWELLERY</b><form class="searchform" name="jewellery" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="jewellery=1"><a href="#" onclick="document.jewellery.submit()">All jewellery</a></form></div><div style="width:167px; float:left; margin-right:10px;"><b>AFRICA</b><form class="searchform" name="BatsiranaiJ" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Batsiranai%\' AND jewellery=1"><a href="#" onclick="document.BatsiranaiJ.submit()">Batsiranai</a> (Zimbabwe)</form><form class="searchform" name="Trinity" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Trinity%\' AND jewellery=1"><a href="#" onclick="document.Trinity.submit()">Trinity</a> (Kenya)</form><form class="searchform" name="Bombolulu" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` = \'Bombolulu\' AND jewellery=1"><a href="#" onclick="document.Bombolulu.submit()">Bombolulu</a> (Kenya)</form></div><div style="width:167px; float:left; margin-right:10px;"><b>ASIA</b><form class="searchform" name="Padang" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Padang%\' AND jewellery=1"><a href="#" onclick="document.Padang.submit()">Padang coconut products</a> (Thailand)</form><form class="searchform" name="Karen" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'%Karen%\' AND jewellery=1"><a href="#" onclick="document.Karen.submit()">Karen Silver</a> (Thailand)</form><form class="searchform" name="Surin" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` LIKE \'Surin%\' AND jewellery=1"><a href="#" onclick="document.Surin.submit()">Surin silversmiths</a> (Thailand)</form> <form class="searchform" name="RajanaJ" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` = \'Rajana\' AND jewellery=1"><a href="#" onclick="document.RajanaJ.submit()">Rajana</a> (Cambodia)</form></div><div style="width:167px; float:left; margin-right:0px;"><b>S.AMERICA</b><form class="searchform" name="CIAP" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`group` = \'CIAP\' AND jewellery=1"><a href="#" onclick="document.CIAP.submit()">CIAP</a> (Peru)</form></div>'],
					
					//4 tab
				[
					'images/textiles2.jpg',
					'images/textiles1.jpg',
					'<div style="width:167px; float:left; margin-right:10px;"><b>SEARCH <br />TEXTILES</b><form class="searchform" name="textile" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="textile=1"><a href="#" onclick="document.textile.submit()">All textiles</a></form></div><div style="width:167px; float:left; margin-right:10px;"><form class="searchform" name="pandw1" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category`=\'purse_wallet\' AND textile=1"><a href="#" onclick="document.pandw1.submit()">Purses and Wallets</a></form><form class="searchform" name="bagst" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category` LIKE \'%bag%\' AND textile=1"><a href="#" onclick="document.bagst.submit()">Bags</a></form><form class="searchform" name="scarves" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category`=\'scarves\'  AND textile=1"><a href="#" onclick="document.scarves.submit()">Scarves</a></form></div><div style="width:167px; float:left; margin-right:10px;"><form class="searchform" name="toy" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category`=\'toy\'  AND textile=1"><a href="#" onclick="document.toy.submit()">Toys</a></form><form class="searchform" name="access" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category`=\'accessories\'  AND textile=1"><a href="#" onclick="document.access.submit()">Accessories</a></form><form class="searchform" name="tkandb" method="post" action="shop/searchresults.php"><input type="hidden" name="find" value="`category`=\'kandb\'  AND textile=1"><a href="#" onclick="document.tkandb.submit()">Kitchen and Bathroom</a></form></div>']];
				//you can have more tabs if you want

//if you have empty space between your tabs, adjust this to a lower number
var width = 10;

function preloadImages() {
	for (var y = 0; y < 2; y++) {
		for (var x = 0; x < tabs.length; x++) {
			image = new Image();
			image.src = tabs[x][y];
		}
	}
}

function drawTabs() {
	document.write("<table cellspacing='0' cellpadding='0' border='0' align='center'><tr>");
	for (var x = 0; x < tabs.length; x++) {
		document.write("<td width="+width+"><a href='javascript:switchTab("+x+")'><img name='tab"+x+"' border=0 src="+tabs[x][0]+"></a></td>");
	}
	document.write("</td></tr><tr><td style='width:700px; border:solid 1px #cccccc; padding:5px;'  id=currentTab colspan="+(tabs.length+1)+">");
	document.write(tabs[0][2]);
	document.write("</td></tr></table>");
	document.images["tab0"].src = tabs[0][1];
}

function switchTab(tab) {
	for (var x = 0; x < tabs.length; x++) {
		if (x != tab)
			document.images["tab"+x].src = tabs[x][0];
	}
	document.images["tab"+tab].src = tabs[tab][1];
	document.getElementById("currentTab").innerHTML = tabs[tab][2];
}

preloadImages();
