function displayHeader(main) {

opentag="<div class=red></div><div class=logoBlock><a href=/index.html><img src=/images/logo.png class=logo border=0><img src=/images/tag.png class=tag border=0></a></div><div align=center><div class=menu><div class=header>";

if (main=="about") {
	text="<b><a href=/about/index.html>about</a></b>  |  <a href=/galleries/index.html>galleries</a>  |  <a href=/contact/index.html>contact</a>  |  <a href=/galleries/dogs/index.html>four paws<span class=plus>+</span>tail</a><br><a href=resume.html>my resume</a>";

} else if (main=="galleries") {
	text="<a href=/about/index.html>about</a>  |  <b><a href=/galleries/index.html>galleries</a></b>  |  <a href=/contact/index.html>contact</a>  |  <a href=/galleries/dogs/index.html>four paws<span class=plus>+</span>tail</a>";

} else if (main=="contact") {
	text="<a href=/about/index.html>about</a>  |  <a href=/galleries/index.html>galleries</a>  |  <b><a href=/contact/index.html>contact</a></b>  |  <a href=/galleries/dogs/index.html>four paws<span class=plus>+</span>tail</a>";

} else if (main=="photoblog") {
	text="<a href=/about/index.html>about</a>  |  <a href=/galleries/index.html>galleries</a>  |  <a href=/contact/index.html>contact</a>  |  <b><a href=/galleries/dogs/index.html>four paws<span class=plus>+</span>tail</a></b>";

} else if (main=="splash") {
	text="<br>";

} else if (main=="fourpaws") {
	text="<a href=/about/index.html>about</a>  |  <a href=/galleries/index.html>galleries</a>  |  <a href=/contact/index.html>contact</a>  |  <b><a href=/galleries/dogs/index.html>four paws<span class=plus>+</span>tail</a></b>";

} else {
	text="<a href=/about/index.html>about</a>  |  <a href=/galleries/index.html>galleries</a>  |  <a href=/contact/index.html>contact</a>  |  <a href=/galleries/dogs/index.html>four paws<span class=plus>+</span>tail</a>";
};

closetag="</div></div><div class=line></div></div>";

document.write(opentag+text+closetag)

}//end displayHeader


function update() {
if (IE || NS6) {
	document.getElementById("nText").innerHTML=sText;
}else if (NS) {
  document.layers['oText'].document.open();
  document.layers['oText'].document.write(sText);
  document.layers['oText'].document.close();
}
}//end update

function resizeFix() {
if (NS) {
if (window.innerWidth != origWidth || window.innerHeight != origHeight) {
window.location.reload()
}
}
}//end resizeFix


//------------------------------------------------------------------------------------------------------------------------displayEnder
function displayEnder(main,location) {
preEnder="<div class=ender><div class=line></div>"

ender1="all images &copy; 2010 copyright aaron lam photography";
ender2="all images &copy; 2010 copyright aaron lam photography. view aaron lam photography website <a href=/index.html>here</a>. view life through the lens blog <a href=http://blog.aaronlam.com>here</a>.";
ender3="all images &copy; 2010 copyright aaron lam photography &curren; <a href=/Scripts/nothumb.html?"+location+">frameless</a> &curren; <a href=http://styleguide.aaronlam.com>style guide</a> &curren; <a href=http://blog.aaronlam.com/>life through the lens blog"
ender4="all images &copy; 2010 copyright aaron lam photography &curren; <a href=http://styleguide.aaronlam.com>style guide</a> &curren; <a href=http://blog.aaronlam.com/>life through the lens blog</a>"

postEnder="</div>"

if (main=="splash") {
		document.write(preEnder+ender1+postEnder)

	} else if (main=="left") {	
		document.write("<div class=enderLeft>"+ender2+"</div>");
	
	} else if (main=="galleries") {
		document.write(preEnder+ender3+postEnder)
	
	} else {
		document.write(preEnder+ender4+postEnder)
};
	
	
};//end displayEnder


//------------------------------------------------------------------------------------------------------------------------displayThumbs
function displayThumbs(folder) {
var thumbstring="";
arraylist=checkList(folder);
	
	for (i=0; i<arraylist.length; i++) {
		j=i+1;
		if (i==0) {
		thumbstring=thumbstring+"<tr align=center>";
		}
	
		thumbstring=thumbstring+"<td><a href=../galleries/"+folder+"/"+arraylist[i]+".jpg title="+arraylist[i]+" ><img class=thumbFader src=../galleries/"+folder+"/"+arraylist[i]+"_tn.jpg border=0 width=65 height=65 alt='"+msg+" | "+arraylist[i]+"'></a></td>";
		
		if (i==7 || i==15 || i==23 || i==31 || i==39 || i==47 || i==55 || i==63 || i==71 || i==79) {
		thumbstring=thumbstring+"</tr><tr>";
		}
		if (i==arraylist.length-1) {
		thumbstring=thumbstring+"</tr>";
		}
		
	}
document.write("<div id=gallery align=center><table>"+thumbstring+"</table></div>");
}//end displayThumbs


//------------------------------------------------------------------------------------------------------------------------displayiPhone
function displayiPhone(folder) {
var iPhonestring="";
arraylist=checkList(folder);
	
	for (i=0; i<arraylist.length; i++) {
		
		iPhonestring=iPhonestring+"<li><img src=../galleries/"+folder+"/"+arraylist[i]+".jpg class=pictureBorder></li>";
		}
document.write("<a href=/mobile/index.html><img src=../images/logo.png class=iphoneLogo></a><div id=iPhonePictures><ul>"+iPhonestring+"</ul></div>");
}//end displayiPhone

function displayPawsiPhone(folder,file) {
pawsiPhonestring="";	
	for (i=0; i<file; i++) {
	num=i+1;
	pawsiPhonestring=pawsiPhonestring+"<li><img src=../galleries/dogs/"+folder+"/"+folder+num+".jpg class=pictureBorder></li>";
	}
		
document.write("<a href=/mobile/index.html><img src=../images/logo.png class=iphoneLogo></a><div id=iPhonePictures><ul>"+pawsiPhonestring+"</ul></div>");
}//end displayPawsiPhone

var Lst;
function CngClass(obj){
 if (Lst) Lst.className='';
 obj.className='selected';
 Lst=obj;
}


//------------------------------------------------------------------------------------------------------------------------displayListing
function displayListing(location,text,num,address,funct,select) {

opentag="<font size=-1 color=black><img src=/images/bracketwhite.gif name=boxA"+num+" border=0 width=16 height=13>"

if (funct==text || address==location) text = "<span class=selected>"+text+"</span>";

var targetFrame="eventFrame";

if (location=="events") {
	if (text=="events") {
		targetFrame="_top";
		linktag="<A HREF=../galleries/events.html";
	} else {
		linktag="<A target="+targetFrame+" HREF=../events/main.html?"+address;
	}
} else if (location=="direct") {
		linktag="<A target="+targetFrame+" HREF="+address;
} else if (location=="top") {
		targetFrame="_top";
		linktag="<A target="+targetFrame+" HREF="+address;
} else {
		linktag="<A href=../Scripts/thumb.html?"+location;
}

closetag=" onMouseOver='document.boxA"+num+".src=bracketA_on.src; document.boxB"+num+".src=bracketB_on.src;' onMouseOut='document.boxA"+num+".src=bracketA_off.src; document.boxB"+num+".src=bracketB_off.src;' onMouseDown='document.boxA"+num+".src=bracketA_off.src; document.boxB"+num+".src=bracketB_off.src;' onClick='CngClass(this);'><span class=normalLink>"+text+"</span></a><img src=/images/bracketwhite.gif name=boxB"+num+" border=0 width=16 height=13></font><br>";

if (funct=="ret") {
	return(opentag+linktag+closetag);
} else {
	document.write(opentag+linktag+closetag);
}
} //end displayListing

//------------------------------------------------------------------------------------------------------------------------EVENT FUNCTIONS
function displayEventList() {

var yearOutput="<div id='EventTextAll'><A HREF=javascript:displayEventExpandAll();><div class=eventToggle><b>expand all</b></div></A><br></div>"

for (i=0; i<yearList.length; i++) {
	yearOutput=yearOutput+"<div id='EventText"+yearList[i]+"'><A HREF=javascript:displayEventExpand("+yearList[i]+");><div class=eventText><span class=plusSm>[+]</span> <b>"+yearList[i]+"</b></div></A><br></div>"
}

yearOutput=yearOutput+"<div class=eventText><div style='margin:0px 14px 0 0';><span class=plusSm>[<img src=../images/hyphenRed.png width=11 height=8 border=0>]</span> <b>2012</b></div></div>";

document.write(yearOutput);


	for (i=0; i<eventsList.length; i++) {
		if (eventsList[i][1]=="2012"){
			displayListing(eventsList[i][0],eventsList[i][2],eventsList[i][3],eventsList[i][4]);
		}
	}
}//displayEventList

function displayEventExpand(year) {
var output="";
	for (i=0; i<eventsList.length; i++) {
		if (year==eventsList[i][1]){
			output=output+displayListing(eventsList[i][0],eventsList[i][2],eventsList[i][3],eventsList[i][4],"ret");
		}
	}//end year choices

text="<div id='EventText"+year+"'><A HREF=javascript:displayEventShrink("+year+");><div class=eventText><span class=plusSm>[<img src=../images/hyphenRed.png width=11 height=8 border=0>]</span> <b>"+year+"</b></div></A></b><br>"+output+"</div>";	
//alert(text)

EventText="EventText"+year;
var EventTextID="EventText"+year;
this.EventText="<font size=-1>"+text+"</font>";
document.getElementById(EventTextID).innerHTML=EventText;
}//end displayEventListExpand

function displayEventShrink(year) {
text="<div id='EventText"+year+"'><A HREF=javascript:displayEventExpand("+year+");><div class=eventText><span class=plusSm>[+]</span> <b>"+year+"</b></div></A></b><br></div>";

EventText="EventText"+year;
var EventTextID="EventText"+year;
this.EventText="<font size=-1>"+text+"</font>";
document.getElementById(EventTextID).innerHTML=EventText;
}//end displayEventShrink

function displayEventExpandAll() {
//	for (i=0; i<yearList.length; i++) displayEventExpand(yearList[i]);
		displayEventExpand("2003");
		displayEventExpand("2004");
		displayEventExpand("2005");
		displayEventExpand("2006");
		displayEventExpand("2007");
		displayEventExpand("2008");
		displayEventExpand("2009");
		displayEventExpand("2010");
		displayEventExpand("2011");
	text="<div id='EventTextAll'><A HREF=javascript:displayEventShrinkAll();><div class=eventToggle><b>shrink all</b></div></A></b><br></div>";

EventText="EventTextAll"
var EventTextAllID="EventTextAll"
this.EventTextAll="<font size=-1>"+text+"</font>";
document.getElementById(EventTextAllID).innerHTML=EventTextAll;
}// end displayEventExpandAll

function displayEventShrinkAll() {
	for (i=0; i<yearList.length; i++) displayEventShrink(yearList[i]);
	text="<div id='EventTextAll'><A HREF=javascript:displayEventExpandAll();><div class=eventToggle><b>expand all</b></div></A></b><br></div>";

EventText="EventTextAll"
var EventTextAllID="EventTextAll"
this.EventTextAll="<font size=-1>"+text+"</font>";
document.getElementById(EventTextAllID).innerHTML=EventTextAll;
}// end displayEventShrinkAll

function directIndex(swtch,name) {
	if (swtch=="paws") {
		for (i=0; i<dogList.length; i++) {
			if (name==dogList[i][0]) {
				return [dogList[i][1],i];
			}
		}
	} else {
		name="../events/main.html?"+name;
		for (i=0; i<eventsList.length; i++) {
			if (name==eventsList[i][4]) {
				return eventsList[i][5];	
			}
		}
	}
}//end directIndex

//------------------------------------------------------------------------------------------------------------------------PAWS FUNCTIONS
function displayPawsHeader() {
document.write("<tr><td><a href=../galleries/dogs/index.html><img src=/images/logo_thin.png border=0></a></td></tr><tr><td align=right><span class=date>(back) </span><span class=paws><a href=../galleries/dogs/index.html>four paws <span class=plus>+</span>tail</a></span></td></tr>");
}//end displayPawsHeader


function displayPawListings(folder,num,shot,funct,select) {
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
		listing="<span class=plus>+</span> <a href=/mobile/displayPawsiPhone.html?"+folder+"&"+num+"# />"+folder+"</a></span><br>";
	} else {
		listing="<span class=listing><a href=mainPaws.html?"+folder+" target=pawsFrame onClick='CngClass(this);'>"+folder+"</a><span class=plus>+</span><span class=date>("+shot+")</span></span><br>";

		
	}//end iphoneCheck


	if (funct=="ret") {
		return(listing);
	} else {
		document.write(listing);
	}//endif
}//end displayPawListings


function displayPawListing(select){
	for (i=0; i<24; i++) {
		displayPawListings(dogList[i][0],dogList[i][1],dogList[i][2]);
	}
}


function displayPawList(select,pawsOn) {
document.write("<div id=PawText class=listing style=margin-top:4px;><A HREF=javascript:displayPawExpand();>more...</A></div>");
if (pawsOn=="on") displayPawExpand(select);
} //end displayPawList

function displayPawExpand(select) {
var ret="ret";
var output="";
	for (i=24; i<dogList.length; i++) {
		output=output+displayPawListings(dogList[i][0],dogList[i][1],dogList[i][2],ret);
	}

text="<div id=PawText class=listing>"+output+"<div style=margin-top:4px;><A HREF=javascript:displayPawShrink();>...less</a></div></div><br>";

var PawTextID="PawText";
this.PawText=text;
document.getElementById(PawTextID).innerHTML=PawText;
}//end displayPawListExpand


function displayPawShrink(select) {
text="<div id=PawText class=listing style=margin-top:4px;><A HREF=javascript:displayPawExpand();>more...</A></div>";

var PawTextID="PawText";
this.PawText=text;
document.getElementById(PawTextID).innerHTML=PawText;
}//end displayPawShrink


function displayPaws(folder,file) {

output="<tr><td>";	

	for (i=0; i<file; i++) {
	num=i+1;

		if (folder=="teddy") {
			output=output+"<img src=../dogs/"+folder+"/"+folder+num+".jpg class=pawsPict style='border:0;'>";			
		} else {
			output=output+"<img src=../dogs/"+folder+"/"+folder+num+".jpg class=pawsPict>";
		}
	}
		
return (output);
}//end displayPaws



//------------------------------------------------------------------------------------------------------------------------LANDSCAPE FUNCTIONS
function displayLandscapeList(landscapeOn,select) {
if (!select) select="galleries";
document.write('<div id=LandscapeText><A HREF=javascript:displayLandscapeExpand('+select+');><div class=landscapeHead>[+] landscape</div></A><br></div>');

if (landscapeOn!=1) displayLandscapeExpand(select);

} //end displayLandscapeList

function displayLandscapeExpand(select) {
	entry1=displayListing("alaska","alaska","1",select,"ret");
	entry2=displayListing("california","california","2",select,"ret");
	entry3=displayListing("canada","canada","3",select,"ret");
	entry4=displayListing("china","china","4",select,"ret");
	entry5=displayListing("colorado","colorado","5",select,"ret");
	entry6=displayListing("florida","florida","6",select,"ret");
	entry7=displayListing("georgia","georgia","7",select,"ret");
	entry8=displayListing("hawaii","hawaii","8",select,"ret");
	entry9=displayListing("illinois","illinois","9",select,"ret");
	entry10=displayListing("japan","japan","10",select,"ret");
	entry11=displayListing("maine","maine","11",select,"ret");
	entry12=displayListing("massachusetts","massachusetts","12",select,"ret");
	entry13=displayListing("nevada","nevada","13",select,"ret");
	entry14=displayListing("newmexico","new mexico","14",select,"ret");
	entry15=displayListing("newyork","new york","15",select,"ret");
	entry16=displayListing("newzealand","new zealand","16",select,"ret");
	entry17=displayListing("scotland","scotland","17",select,"ret");	
	entry18=displayListing("tennessee","tennessee","18",select,"ret");
	entry19=displayListing("washington","washington","19",select,"ret");
	entry20=displayListing("utah","utah","20",select,"ret");
text="<div id=LandscapeText><A HREF=javascript:displayLandscapeShrink('"+select+"');><div class=landscapeHead><span class=plusSm>[<img src=../images/hyphenRed.png width=11 height=8 border=0>]</span> <b>landscape</b></div></a></div>"+entry1+entry2+entry3+entry4+entry5+entry6+entry7+entry8+entry9+entry10+entry11+entry12+entry13+entry14+entry15+entry16+entry17+entry18+entry19+entry20+"<br>";

var LandscapeTextID="LandscapeText";
this.LandscapeText=text;
document.getElementById(LandscapeTextID).innerHTML=LandscapeText;
}//end displayLandscapeListExpand


function displayLandscapeShrink(select) {
text="<div id=LandscapeText><A HREF=javascript:displayLandscapeExpand('"+select+"');><div class=landscapeHead><span class=plusSm>[+]</span> landscape</div></A></b><br></div>";

var LandscapeTextID="LandscapeText";
this.LandscapeText=text;
document.getElementById(LandscapeTextID).innerHTML=LandscapeText;
}//end displayLandscapeShrink




