var pix    = Array();
pix[0]     = new Image();
pix[0].src = "images/main_pix/porch_view1.jpg";
pix[1]     = new Image();
pix[1].src = "images/main_pix/boulderwallporch.jpg";
pix[2]     = new Image();
pix[2].src = "images/main_pix/potvegcrop.jpg";
pix[3]     = new Image();
pix[3].src = "images/main_pix/perennials.jpg";
pix[4]     = new Image();
pix[4].src = "images/main_pix/pond3.jpg";
pix[5]     = new Image();
pix[5].src = "images/main_pix/wildflowers.jpg";

var alt_txt = Array();
alt_txt[0]  = "Jean's Porch";
alt_txt[1]  = "Boulder Wall";
alt_txt[2]  = "Vegetable Garden";
alt_txt[3]  = "Perennial Gardens";
alt_txt[4]  = "Pond Garden";
alt_txt[5]  = "Wildflowers";

var lnk_url = Array();
lnk_url[0]  = "index.php";
lnk_url[1]  = "gallery/rock";
lnk_url[2]  = "gallery/kitchen";
lnk_url[3]  = "gallery/perennial";
lnk_url[4]  = "gallery/pond";
lnk_url[5]  = "gallery/wild";

var titles = Array();
titles[0]  = "Screened Porch";
titles[1]  = "Boulder Wall";
titles[2]  = "Kitchen Garden";
titles[3]  = "Perennial Gardens";
titles[4]  = "Pond Garden";
titles[5]  = "Wildflowers";

var labels = Array();
labels[0]  = "";
labels[1]  = "";
labels[2]  = "";
labels[3]  = "";
labels[4]  = "";
labels[5]  = "";

var active_menu_obj = null;

function popPix(pix_id,menu_obj)
{
	if (active_menu_obj)
		active_menu_obj.className='transOFF';
	menu_obj.className='transON';
	active_menu_obj = menu_obj;

	html  = "<a href=\"" + lnk_url[pix_id] + "\"><img src=\"" + pix[pix_id].src + "\" alt=\"" + alt_txt[pix_id] + "\" title=\"" + alt_txt[pix_id] + "\" style=\"border:2px solid #000;\" /></a>";
	html += "<br /><span class=\"title\">" + titles[pix_id] + "</span>";
	html += "<br /><span class=\"label\">" + labels[pix_id] + "</span>";
	
	document.getElementById('main_pix').innerHTML = html;
}