// Based on menu from SimplytheBest.net - http://simplythebest.net/scripts/
// Authored by Narayan Brooks

if (document.layers) {
	visible = 'show';
	hidden = 'hide';n=1;ie=0;
	HORIZ = 1;
	VERT = 0;
} else if (document.all) {	// Internet explorer
	visible = 'visible';
	hidden = 'hidden';n=0;ie=1;
	HORIZ = 1;
	VERT = 0;
}
else if( document.getElementById ) // Mozilla firefox
{
	visible = 'visible';
	hidden = 'hidden';n=1;ie=0;
	HORIZ = 1;
	VERT = 0;
}

// globals
var menuItems = new Array( "People", "Surf", "Weddings", "Events", "Nature" );
var menuSubItems0 = new Array( "Lifestyle", "Fashion", "Surf_Portraits", "Portraits" );//new Array( "Weddings", "Lifestyle", "Fashion", "Portraits");
var menuSubItems1 = new Array( "Girls_Rip", "Guys_do_too", "Longboard_Girls", "Longboard_Guys", "Scenics", "Contests" );
var menuSubItems2 = new Array( "Portraits", "Wedding_Party", "Ceremony", "Events", "Scenics" );
var menuSubItems3 = new Array( "Groms" );//"Groms", "Sea_odyssey", "Ride_a_wave", "The_core");
var menuSubItems4 = new Array( "Waves", "Landscapes", "Oceanscapes", "Flora", "Wildlife" ); //, "Seascapes", "Landscapes", "Animals");
var ga_subMenuItems = new Array( menuSubItems0, menuSubItems1, menuSubItems2, menuSubItems3, menuSubItems4 );

// make one image dim array for each category, for each menu
// people
var ga_dimMenu0 = new Array( 					//0		//1		//2		//3		//4		//5		//6		//7		//8		//9
									new Array( HORIZ,  HORIZ, HORIZ,  HORIZ, HORIZ,  HORIZ,  VERT,  HORIZ,  HORIZ,  HORIZ ),  // lifetyle
									new Array( VERT,  HORIZ,  HORIZ,  HORIZ,  VERT,   VERT,  VERT,  HORIZ,  VERT,   HORIZ ),	// fashion
									new Array( HORIZ,  VERT,  VERT,  HORIZ,  VERT,   HORIZ,  HORIZ,  HORIZ,  HORIZ,   HORIZ ),	// Surf_Portraits
									new Array( HORIZ,  VERT, VERT,  VERT,  VERT,  VERT,  HORIZ,  VERT,  HORIZ,  HORIZ ) );	// Portraits	

// surf
var ga_dimMenu1 = new Array( new Array( HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ ), // Girls_rip 	
			new Array( HORIZ, HORIZ, HORIZ, HORIZ, VERT, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ ),	// Guys_do_to
			new Array( HORIZ, HORIZ, HORIZ, VERT, VERT, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ ), // Longboard_Girls
			new Array( HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, VERT, HORIZ ), // Longboard_Guys
			new Array( HORIZ, HORIZ, HORIZ, VERT, VERT, HORIZ, HORIZ, HORIZ, VERT, HORIZ ), // Scenics
			new Array( HORIZ, HORIZ, HORIZ, HORIZ, VERT, HORIZ, VERT, HORIZ, HORIZ, HORIZ ) ); // contests

// Weddings
var ga_dimMenu2 = new Array( new Array( HORIZ, HORIZ,  VERT,  VERT,  HORIZ,  VERT,  HORIZ,  HORIZ,  HORIZ,  HORIZ ), // portraits
					new Array( HORIZ, HORIZ,  VERT,  HORIZ,  HORIZ,  HORIZ,  HORIZ,  HORIZ,  HORIZ,  HORIZ ), // Wedding Party					
					new Array( HORIZ, HORIZ,  HORIZ,  HORIZ,  HORIZ,  VERT,  VERT,  HORIZ,  VERT,  HORIZ ), // Ceremony
					new Array( HORIZ, HORIZ,  HORIZ,  VERT,  HORIZ,  VERT,  VERT,  HORIZ,  VERT,  HORIZ ), // events
					new Array( HORIZ, HORIZ, HORIZ, VERT, VERT, HORIZ, VERT, VERT, VERT, HORIZ )); // scenics
					

// events
var ga_dimMenu3 = new Array( new Array( HORIZ, HORIZ, HORIZ, HORIZ, VERT, VERT, VERT, HORIZ, VERT, HORIZ) ); // Groms 

// Nature
var ga_dimMenu4 = new Array( new Array( HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ ), // Waves
							new Array( HORIZ, HORIZ, VERT, HORIZ, HORIZ, HORIZ, VERT, HORIZ, HORIZ, VERT ), // Landscapes
							new Array( HORIZ, HORIZ, VERT, HORIZ, HORIZ, HORIZ, HORIZ, VERT, VERT, HORIZ ), // Oceanscapes
							new Array( VERT, HORIZ, VERT, VERT, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ ), // Flora
							new Array( HORIZ, HORIZ, HORIZ, VERT, VERT, VERT, VERT, VERT, VERT, HORIZ) ); // Wildlife


// make one array of arrays of arrays of image dimensions for all
var ga_imageDimArrays = new Array( ga_dimMenu0, ga_dimMenu1, ga_dimMenu2, ga_dimMenu3, ga_dimMenu4 );


// Captions
var ga_imageCaptionsPeople = new Array(	new Array( "Kim Mayer - Santa Cruz", "Tanner Beckett - Santa Cruz", "Natalie Das - All Girl Skate Jam, San Francisco", "Jamilah Star - Maui", "Kim Mayer, Kyla Langen - Santa Cruz", "Jamilah Star - Before her XXL winning wave - Mavericks", "Kim, Kyla, Jessica, Anne - Northern California", "Kyla Langen - Northern California", "Kyla, Kim, Karen - Central Coast", "Jamilah Star, Kyla Langen, Kim Mayer - Maui" ), // Lifestyle
										new Array( "Lexi Wilson", "Audra Clemons", "Jamilah Star", "831/CJ Design", "Donna von Hoesslin/Betty Belts", "Jamilah Star", "Cassandra Adams/G4S", "Lexi Wilson", "Gabe Lackner", "Liz Coleman/Blu Emursion" ), // Fashion
										new Array("Kim Mayer and Kyla Langen - Santa Cruz", "Jamilah Star - Santa Cruz", "Jenni Flanigan - Maui", "Liz Coleman - Northern California", "JamStar, Andrea, Kiki - Maui ", "Darshan Gooch and Will Jobson", "Sarah Gerhardt - Santa Cruz", "Joanne Hutson-Reber - Santa Cruz", "Steve Thomas and Jed Noll - Santa Cruz", "Sarah Gerhardt - Santa Cruz" ), // Surf_Portraits
										new Array(" ", " ", "Nell Newman", " ", " ", " ", " ", " ", " ", " " ) ); // Portraits

// surf captions
var ga_imageCaptionsSurf = new Array( 
			new Array(  "Kim Mayer - Santa Cruz", "Kyla Langen - Maui", "Kim Mayer - Central Coast", "Melanie Bartels - Maui", "Stephanie Gilmore - Maui ", 
						"Sarah Gerhardt - Northern California", "Kim Mayer - Santa Cruz ", "Jamilah Star - Mavericks", "Kyla Langen - Maui", "Kim Mayer - Maui" ), // Girls_rip 	
			new Array( "Darshan Gooch - Santa Cruz", "Grant 'Twiggy' Baker - Mavericks", "Matt Archibald - Oahu", "Unknown - Oahu", "Jason 'Ratboy' Collins - Santa Cruz", 
						"Jason 'Ratboy' Collins - Santa Cruz", "Noi Kaulukukui - Santa Cruz", "Matt Archibald - Oahu", "Unknown - Ghost Trees", "Jason 'Ratboy' Collins - Santa Cruz " ),	// Guys_do_to
			new Array( "Alayna Nathe - Santa Cruz", "Micaela Eastman - Santa Cruz", "Jenni Flanigan - Maui", "Kara Steinthal - Central Coast", "Kristy Murphy - Santa Cruz", "Rebecca Raskin - Santa Cruz", "Gayle - Santa Cruz", "Cathy MayerHofer - Santa Cruz", "Unknown - Oahu", "Micaela Eastman - Santa Cruz" ), // Longboard_Girls
			new Array( "Steve Thomas - Central Coast", "Andrew Lo Greco - Central Coast", "Paul Steinberg - Santa Cruz", "Steve Thomas - Central Coast", "Tanner Beckett - Santa Cruz", "Tanner Beckett - Santa Cruz", "Steve Thomas - Santa Cruz", "Woody Robinson - Santa Cruz", "Anthony Daddario - Santa Cruz", "CJ Nelson  - Santa Cruz" ), // Longboard_Guys
			new Array( "Santa Cruz", "Santa Cruz", "Santa Cruz", "Santa Cruz", "Santa Cruz", "Southern California", "Santa Cruz", "Maui", "Santa Cruz", "Ghost Trees" ), // scenics
			new Array( " ", " ", " ", " ", " ", " ", " ", " ", " ", " " ) ); // contests
			
var ga_imageCaptionsWeddings = new Array( new Array( " ", " ", " ", " ", " ", " ", " ", " ", " ", " " ) );
var ga_imageCaptionsEvents = new Array(	new Array( "Jr. Guards - Nor Cals", "Jr. Guards - Santa Cruz", "Jr. Guards - Nor Cals", "Monterey", "O'Neill Sea Odyssey - Santa Cruz", "The Core: Run, Swim, Run - Santa Cruz", "Jr. Guards - Santa Cruz", "Lexi and Savannah - Baja", "Jr. Guards - Santa Cruz", "Jr. Guards - Nor Cals" ) );	// Groms
var ga_imageCaptionsNature = new Array(	new Array( "Northern California", "Mavericks", "Santa Cruz", "Central California", "Central California", "Maui", "Santa Cruz", "Mavericks", "Santa Cruz", "Santa Cruz" ), // Waves
										new Array( "Central California", "Central California", "Europe", "Santa Cruz", "Yosemite", "Santa Cruz", "Santa Cruz", "Santa Cruz", "Ano Nuevo", "Maui" ), // Landscapes
										new Array( "Santa Cruz", "Santa Cruz", "Central California", "Santa Cruz", "Southern California", "Santa Cruz", "Santa Cruz", "Santa Cruz", "Central California", "Maui" ) ); // Oceanscapes

var ga_imageCaptionsArrays = new Array( ga_imageCaptionsPeople, ga_imageCaptionsSurf, ga_imageCaptionsWeddings, ga_imageCaptionsEvents, ga_imageCaptionsNature );


var IDIR="images/";

var g_nCurMenuNum = 0;
var g_nCurSubMenuNum = 0;
var g_sLastShownImage = "horizImage";

var g_imageNavIndex = 0;


function hideText( bShowImage )
{
	if (ie)
	{
			document.all("contactInfo").style.visibility = hidden;
			document.all("clientInfo").style.visibility = hidden;
			document.all("editorialInfo").style.visibility = hidden;
			document.all("bioInfo").style.visibility = hidden;
			document.all("wow2009Info").style.visibility = hidden;
			if( bShowImage == 1 )
			{
				if( document.all(g_sLastShownImage).style.visibility == "" || document.all(g_sLastShownImage).style.visibility == hidden )
					document.all(g_sLastShownImage).style.visibility = visible;
			}

	}
	if (n)
	{
			document.getElementById("contactInfo" ).style.visibility = hidden;
			document.getElementById("clientInfo" ).style.visibility = hidden;
			document.getElementById("editorialInfo").style.visibility = hidden;
			document.getElementById("bioInfo" ).style.visibility = hidden;
			document.getElementById("wow2009Info" ).style.visibility = hidden;
			if( bShowImage == 1 )
			{
				if( document.getElementById(g_sLastShownImage ).style.visibility == "" || document.getElementById(g_sLastShownImage ).style.visibility == hidden )
					document.getElementById(g_sLastShownImage ).style.visibility = visible;
			}
	}
}


function showText( textName, bShow )
{
	// hide main image
	if (ie)
	{
		if( bShow == 1 )
		{
				document.all(textName).style.visibility = visible;
				if( document.all("horizImage").style.visibility == "" || document.all("horizImage").style.visibility == visible )
					document.all("horizImage").style.visibility = hidden;

				if( document.all("vertImage").style.visibility == "" || document.all("vertImage").style.visibility == visible )
					document.all("vertImage").style.visibility = hidden;
		}
		else
		{
				document.all(textName).style.visibility = hidden;
				if( document.all("horizImage").style.visibility == "" || document.all("horizImage").style.visibility == hidden )
					document.all("horizImage").style.visibility = visible;

				if( document.all("vertImage").style.visibility == "" || document.all("vertImage").style.visibility == hidden )
					document.all("vertImage").style.visibility = visible;
		}
	}
	if (n)
	{
		if( bShow == 1 )
		{
			document.getElementById(textName ).style.visibility = visible;
			if( document.getElementById("horizImage" ).style.visibility == "" || document.getElementById("horizImage" ).style.visibility == visible )
				document.getElementById("horizImage" ).style.visibility = hidden;

			if( document.getElementById("vertImage" ).style.visibility == "" || document.getElementById("vertImage" ).style.visibility == visible )
				document.getElementById("vertImage" ).style.visibility = hidden;
		}
		else
		{
			document.getElementById(textName ).style.visibility = hidden;
			if( document.getElementById("horizImage" ).style.visibility == "" || document.getElementById("horizImage" ).style.visibility == hidden )
			document.getElementById("horizImage" ).style.visibility = visible;

			if( document.getElementById("vertImage" ).style.visibility == "" || document.getElementById("vertImage" ).style.visibility == hidden )
			document.getElementById("vertImage" ).style.visibility = visible;
		}
	}
}

function hideCaption()
{
	document.getElementById("imageCaption").style.visibility = hidden;
}

function showBio( bShow )
{
	// hide main image and show bio text
	if( bShow == 1 )
	{
		showText( "contactInfo", !bShow );
		showText( "clientInfo", !bShow );
		showText( "editorialInfo", !bShow );
		showText( "wow2009Info", !bShow );
		hideCaption();
	}
	showText( "bioInfo", bShow );
}

function showClients( bShow )
{
	// hide main image and show client text
	if( bShow == 1 )
	{
		showText( "contactInfo", !bShow );
		showText( "bioInfo", !bShow );
		showText( "wow2009Info", !bShow );
		hideCaption();
	}
	showText( "clientInfo", bShow );
	showText( "editorialInfo", bShow );
}


function showContact( bShow )
{
	// hide main image and show contact text
	if( bShow == 1 )
	{
		showText( "bioInfo", !bShow );
		showText( "clientInfo", !bShow );
		showText( "editorialInfo", !bShow );
		showText( "wow2009Info", !bShow );
		hideCaption();
	}
	showText( "contactInfo", bShow );
}

function showWow2009( bShow )
{
	// hide main image and show bio text
	if( bShow == 1 )
	{
		showText( "contactInfo", !bShow );
		showText( "clientInfo", !bShow );
		showText( "editorialInfo", !bShow );
		showText( "bioInfo", !bShow );
		hideCaption();
	}
	showText( "wow2009Info", bShow );
}

function showDivs( divName, divNumber, bHideText )
{
	var divsUsed = 6; //menuItems.length; //4;    // this is the number of divs we have in the document for each element(topmenu, submenu, contentArea, contentImage)

	if( bHideText == 1 )
		hideText( 1 );

	if (navigator.appName.indexOf ("Microsoft") == 0 || navigator.appName.indexOf ("Netscape") == 0) {
		if (parseInt (navigator.appVersion) >= 4) {

			var cnt = 0;
			for (cnt = 0; cnt < divsUsed; cnt++) {
				var divCheck = divName + cnt;
				var divShow = divName + divNumber;
				if (ie) {
					if (divCheck == divShow)
					{
						document.all(divShow).style.visibility = visible;
					}
					else
						document.all(divCheck).style.visibility = hidden;
				}
				if (n) {
					if (divCheck == divShow)
					{
						document.getElementById(divShow ).style.visibility = visible;
					}
					else
						document.getElementById(divCheck ).style.visibility = hidden;
				}
			}
		}
	}
}

var ver = parseFloat (navigator.appVersion);
if ((navigator.appName.indexOf ("Netscape") == 0) && (ver >= 4)) {
} else if ((navigator.appName.indexOf ("Mozilla") == 0) && (ver >= 5)) {
} else if ((navigator.appName.indexOf ("Microsoft") == 0) && (ver >= 4)) {
} else {
	location="old_browser.html";
}


var preloadFlag = true;

function getImageDim( nMenuNum, nSubMenuNum, index )
{
	if( ga_imageDimArrays[nMenuNum][nSubMenuNum] != undefined )
	{
		if( ga_imageDimArrays[nMenuNum][nSubMenuNum][index] != undefined )
			return ga_imageDimArrays[nMenuNum][nSubMenuNum][index];
	}
	return HORIZ;
}

function getImageDir()
{
	return (menuItems[g_nCurMenuNum] + "/" + ga_subMenuItems[g_nCurMenuNum][g_nCurSubMenuNum] + "/");
}

function preload()
{
	var sCurDir = getImageDir();
	var sImagePath = IDIR + sCurDir;

	  for (i=0; i < 10; i++) {
	    var preload = new Image();
	    preload.src = sImagePath + "image_" + i + ".jpg";
	  }

	  for (t=0; t < 10; t++) {
		var thumbPreload =  new Image();
		thumbPreload.src = sImagePath + "thumbs/t_image_" + t + ".jpg";
	  }
}

function onSubMenuItemClick( nMenuNum, nSubMenuNum )
{
	g_nCurMenuNum = nMenuNum;
	g_nCurSubMenuNum = nSubMenuNum;

	preload();

	//	hideText( 0 );
	// swap the thumbnails used for navigation
	swapThumbnails();

	// now swap main image as well
	swapMainImage( 0 );
}

function swapThumbnails()
{
	var sNewDir = getImageDir();
	var nNumThumbs = 10;
	if (document.images)
	{
		var sImagePath = IDIR + sNewDir;
		var sNewImageName = "";
		var sCurImageName = "";
		for( var nThumbIndex = 0; nThumbIndex < nNumThumbs; nThumbIndex++ )
		{
			sNewImageName = sImagePath + "thumbs/t_image_" + nThumbIndex;
			sNewImageName += ".jpg";
			sCurImageName = "thumbImage_" + nThumbIndex;
			
			if( ie )
				document.images[sCurImageName].src = sNewImageName;
			else
				document.getElementById( sCurImageName ).src = sNewImageName;			
		}
	}
}

function imageLoadPause()
{
	// www.sean.co.uk
	var millis = 1000;
	var date = new Date();
	var curDate = null;
	do { curDate = new Date(); } 
	while(curDate-date < millis);
}

function swapMainImage( sImageNum )
{
	var sCurDir = getImageDir();

	g_imageNavIndex = sImageNum;	

	hideText( 0 );
	showCaption(g_nCurMenuNum, g_nCurSubMenuNum, sImageNum);
	if (document.images)
	{
		var sImagePath = IDIR + sCurDir;
		var sImageName = sImagePath + "image_" + sImageNum;
		sImageName += ".jpg";

		var sImageDivName = "horizImage";
		// vertical
		var dim = getImageDim( g_nCurMenuNum, g_nCurSubMenuNum, sImageNum );
		if( dim == VERT )
		{
			sImageDivName = "vertImage";
		}

		// TODO NB: make this work for netscape
		if( ie )
			document.images[sImageDivName].src = sImageName;
		else
			document.getElementById( sImageDivName ).src = sImageName;

		if(g_sLastShownImage != sImageDivName)
		{
			imageLoadPause();
		}
			
		if( dim == VERT )
		{
			
			// hide the horizontal image
			showImage( 0, 0 );
			
			// show the vertical image
			showImage( 1, 1 );


			// DEBUG NB:					
//			document.images[sImageDivName].width = 350;
//			document.images[sImageDivName].height = 500;
			document.images[sImageDivName].width = 245;
			document.images[sImageDivName].height = 350;
			// end DEBUG
		}
		else
		{
			// hide the vertical image
			showImage( 1, 0 );

			// show the horizontal image
			showImage( 0, 1 );
		
			document.images[sImageDivName].width = 500;
			document.images[sImageDivName].height = 350;
		}
	}
	else
		alert( "Your browser is not supported.  Please upgrade to a newer version." );
}

function showImage( bVert, bShow )
{

	var sImageName = "horizImage";

	if( bVert == 1 )
		sImageName = "vertImage";
		
	if( bShow == 1 )
		g_sLastShownImage = sImageName;


	// hide main image
	if (ie)
	{
		if( bShow == 1 )
		{
			if( document.all(sImageName).style.visibility == "" || document.all(sImageName).style.visibility == hidden )
				document.all(sImageName).style.visibility = visible;
		}
		else
		{
			if( document.all(sImageName).style.visibility == "" || document.all(sImageName).style.visibility == visible )
				document.all(sImageName).style.visibility = hidden;
		}
	}
	if (n)
	{
		if( bShow == 1 )
		{
			if( document.getElementById(sImageName ).style.visibility == "" || document.getElementById(sImageName ).style.visibility == hidden )
				document.getElementById(sImageName ).style.visibility = visible;
		}
		else
		{
			if( document.getElementById(sImageName ).style.visibility == "" || document.getElementById(sImageName ).style.visibility == visible )
			document.getElementById(sImageName ).style.visibility = hidden;
		}
	}
}

function hideNonJava()
{
	if (ie)
	{
		// hide
		document.all("nonJavaHorizImage").style.visibility = hidden;
		document.all("nonJavaMidVertLineImg").style.visibility = hidden;
		if( document.all( "nonJavaContactInfo" ) != null )
			document.all("nonJavaContactInfo").style.visibility = hidden;

		// show
		if( document.all( "leftVertLine" ) != null )
			document.all("leftVertLine").style.visibility = visible;
			
		if( document.all( "midVertLine" ) != null )
		{
			document.all("midVertLine").style.visibility = visible;
		}
	}
	if (n)
	{
		// hide
		document.getElementById("nonJavaHorizImage" ).style.visibility = hidden;
		document.getElementById("nonJavaMidVertLineImg").style.visibility = hidden;
		if( document.getElementById( "nonJavaContactInfo" ) != null )
			document.getElementById("nonJavaContactInfo" ).style.visibility = hidden;
		
		// show
		if( document.getElementById( "leftVertLine" ) != null )
			document.getElementById("leftVertLine" ).style.visibility = visible;
		if( document.getElementById( "midVertLine" ) != null )
			document.getElementById("midVertLine" ).style.visibility = visible;			
	}
	//nonJavaContact
}

function init( nMenuNum, nSubMenuNum )
{
	hideNonJava();
	// hide vertical image
	// TODO NB: change this to horizontal if the first image displayed is vertical
	bVert = 1;
	g_nCurMenuNum = nMenuNum;
	g_nCurSubMenuNum = nSubMenuNum;
	g_imageNavIndex = 0;
	swapMainImage( 0 );
	showImage( bVert, 0 );
}

function moveToImage()
{
	var maxImageIndex = 9;
	if(g_imageNavIndex < 0)
	{
		g_imageNavIndex = maxImageIndex;
	}
	else if(g_imageNavIndex > maxImageIndex)
	{
		g_imageNavIndex = 0;
	}
	
	swapMainImage(g_imageNavIndex);
}

function nextImage()
{
	g_imageNavIndex = g_imageNavIndex + 1;
	moveToImage(g_imageNavIndex);
}

function prevImage()
{
	g_imageNavIndex = g_imageNavIndex - 1;
	moveToImage(g_imageNavIndex);
}

function getCaption(nMenuNum, nSubMenuNum, index)
{
	var caption = "All photos copyright Nikki Brooks 2011";
	if( ga_imageCaptionsArrays[nMenuNum][nSubMenuNum] != undefined )
	{
		if( ga_imageCaptionsArrays[nMenuNum][nSubMenuNum][index] != undefined )
		{
			//alert ("[" + nMenuNum+ "][" + nSubMenuNum + "][" + index + "]: " + ga_imageCaptionsArrays[nMenuNum][nSubMenuNum][index]);
			caption = ga_imageCaptionsArrays[nMenuNum][nSubMenuNum][index] + "<br>" + caption;
		}
	}
	return caption;
}

function showCaption(nMenuNum, nSubMenuNum, sImageNum)
{
	var caption = getCaption(nMenuNum, nSubMenuNum, sImageNum);
	
	document.getElementById("contactInfo").style.visibility = hidden;
	document.getElementById("bioInfo").style.visibility = hidden;
	document.getElementById("clientInfo").style.visibility = hidden;
	document.getElementById("editorialInfo").style.visibility = hidden;
	if( document.getElementById("imageCaption").style.visibility == "" || document.getElementById("imageCaption").style.visibility == hidden )
	{
		document.getElementById("imageCaption").style.visibility = visible;
	}
	document.getElementById("imageCaption").innerHTML = caption;
}

function writeOnMouseOver( divIndex )
{
	var divStr = "onmouseover=\"showDivs('submenu_'," + divIndex + ", 1),showDivs('area_'," + divIndex + ", 0); return false;\" >";
	return divStr;
}

function writeMenuDiv( index )
{
	var divIndex = index;
	var divStr = ("<div class=\"topmenu" + divIndex + "\" id=\"topmenu_" + divIndex + "\" " + writeOnMouseOver( divIndex)); 
	divStr += "\n<div class=\"topmenuStyle\">\n";
	divStr += menuItems[index];
	divStr += "\n</div>\n<br>\n</div>";
	document.writeln( divStr );
}

//Ex:	Surf > Girls Rip
//			 > Guys do too
function writeSubMenuDiv( nMenuNum, nSubMenuNum )
{
	var divStr = "";
	if( ga_subMenuItems[ nMenuNum][nSubMenuNum] != undefined )
	{
		divStr = "\n\t\t\t\t\t<a class=\"hrefsubmenu\" href=\"javascript:onSubMenuItemClick(";
		divStr += nMenuNum + ", " + nSubMenuNum + " );\">";
		divStr += "\n\t\t\t\t\t\t" + ga_subMenuItems[ nMenuNum][nSubMenuNum].replace(/_/g, " ") + "</a><br><br>";
	}
	return divStr;
}

function writeAllSubMenuDivs()
{
	var numItems = menuItems.length;
	var numSubItems = ga_subMenuItems.length;
	var i = 0;
	var j = 0;
	var divStr = "";
	for( i = 0; i < numItems; i++ )
	{
		divStr += "\n<div class=\"submenu";
		divStr += i;
		divStr += "\" id=\"submenu_";
		divStr += (i + "\">\n");
		
		divStr += "\t<table cellSpacing=\"0\" cellPadding=\"2\" width=\"180\" border=\"0\">\n\t\t<tr>\n\t\t\t<td align=\"right\">";	
	  for( j = 0; j < numSubItems; j++ )
	  {
			divStr += writeSubMenuDiv( i, j, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ, HORIZ );
		}
		divStr += "\n\t\t\t</td>\n\t\t</tr>\n\t</table>";
		divStr += "\n</div>";
	}
	document.writeln( divStr );
}

function showInitialSubMenu()
{	
	// DEBUG NB: Display first menu on init
	showDivs('submenu_', 1,  1);
	showDivs('area_', 1,  0);
}

function writeAllMenuDivs()
{
	var numItems = menuItems.length;
	var i = 0;
	
	for( i = 0; i < numItems; i++ )
	{
		writeMenuDiv( i );
	}
}


function writeNavTable()
{
	var divStr = "";
	var numItems = 10;
	var half = (numItems/2) - 1;
	var i = 0;
	
	divStr = "\n<table width=\"330\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"photoNavTable\">\n";
	divStr += "<tr>\n";
	
	for( i = 0; i < numItems; i++ )
	{
		divStr += ("<td><a href=\"javascript:swapMainImage(" + i + ");\"><img id=\"thumbImage_" + i + "\" src=\"images/Surf/Girls_Rip/thumbs/t_image_" + i + ".jpg\" width=\"90\" height=\"90\" border=\"0\"></a></td>\n");
		if( i == half )
		{
			divStr += "</tr>\n<tr>";
		}
	}
	divStr += "\n</tr>\n</table>";
	document.writeln( divStr );
}