var virtualWeb="/"

var items = new Array("About Me","Travel","NYC Restaurants","Pictures","Wedding","My Blog") 
var links = new Array("AboutMe/Background.asp","Travel/Year.asp","Restaurants/List.asp","Pictures/Year.asp","Wedding/Gallery.asp","Blog/Blog.asp") 		

var WelcomeItems = new Array("Welcome","Login","New User","","","") 
var WelcomeLinks = new Array("","index.asp","NewUser.asp") 	

var HomeItems = new Array("Welcome","Homepage","","","","") 
var HomeLinks = new Array("","Main.asp")	

var MeItems = new Array("Alvin Lu","Background","Education","Employment","Interests","") 
var MeLinks = new Array("","AboutMe/Background.asp","AboutMe/Education.asp","AboutMe/Employment.asp","AboutMe/Interests.asp") 		

var TravelItems = new Array("Travel","Background","Featured","My Top 25","Recommendations","By Year") 
var TravelLinks = new Array("","Travel/Background.asp","Travel/Featured.asp","Travel/Favorites.asp","Travel/Recommendations.asp","Travel/Year.asp") 		

var RestaurantItems = new Array("NYC Restaurants","History","The List","Guide","Awards","Recommendations") 
var RestaurantLinks = new Array("","Restaurants/History.asp","Restaurants/List.asp","Restaurants/Guide.asp","Restaurants/Awards.asp","Restaurants/Recommendations.asp") 		

var WeddingItems = new Array("August 21, 2005","Our Story","Our Wedding","Family","Wedding Party","Gallery") 
var WeddingLinks = new Array("","Wedding/OurStory.asp","Wedding/OurWedding.asp","Wedding/Family.asp","Wedding/WeddingParty.asp","Wedding/Gallery.asp") 		

var BlogItems = new Array("Miscellaneous","My Blog","Guestbook","Statistics","","") 
var BlogLinks = new Array("","Blog/Blog.asp","Blog/Guestbook.asp","Blog/Statistics.asp") 		

var AdminItems = new Array("Admin","Statistics","Blogs","Destinations","Restaurants","Pictures") 
var AdminLinks = new Array("","Admin/Statistics.asp","Admin/BlogAdd.asp","Admin/DestinationAdd.asp","Admin/RestaurantAdd.asp","Admin/PictureAdd.asp") 		

function createTopMenu(x) {
	topMenuStr='<tr><td height="24" colspan="4" align="center">'
	topMenuStr=topMenuStr+'<table height="100%" cellspacing="0" cellpadding="0" align="center" border=0><tr>'
	i=0
	topMenuStr=topMenuStr+"<td class=\"menu\" width=\"22\" id=\"menu"+i+"\" onmousedown=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.background','#DDEDFE')\" onmouseover=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid black')\" onmouseout=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid #7395BB')\" onclick=\"FP_goToURL(/*href*/'"+virtualWeb+"Main.asp')\"><img src=\""+virtualWeb+"images/home.gif\" alt=\"Home\"></td>"
	for (i=1;i<7;i++) {
		if(i!=x) topMenuStr=topMenuStr+"<td class=\"menu\" width=\"123\" id=\"menu"+i+"\" onmousedown=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.background','#DDEDFE')\" onmouseover=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid black')\" onmouseout=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid #7395BB')\" onclick=\"FP_goToURL(/*href*/'"+virtualWeb+links[i-1]+"')\">"+items[i-1]+"</td>"
		else topMenuStr=topMenuStr+"<td class=\"menuSelected\" width=\"123\" id=\"menu"+i+"\" onmouseover=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid black')\" onmouseout=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid #83BA68')\" onclick=\"FP_goToURL(/*href*/'"+virtualWeb+links[i-1]+"')\">"+items[i-1]+"</td>"
		}
	topMenuStr=topMenuStr+"<td class=\"menu\" width=\"22\" id=\"menu"+i+"\" onmousedown=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.background','#DDEDFE')\" onmouseover=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid black')\" onmouseout=\"FP_changeProp(/*id*/'menu"+i+"',1,'style.border','1px solid #7395BB')\" onclick=\"donate()\"><img src=\""+virtualWeb+"images/smiley2.gif\" height=\"15\" alt=\"Thank You!\"></td>"
	topMenuStr=topMenuStr+'</tr></table></td></tr>'
	document.write(topMenuStr);
}

function createTop(x) {
	topStr='<tr><td class="header" width="40" rowspan="10" background="'+virtualWeb+'images/bg-left.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>'
	topStr=topStr+'<td height="50" bgcolor="#DDECFE" colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
	topStr=topStr+'<b style="cursor:pointer;cursor:hand" onclick="FP_goToURL(\''+virtualWeb+'Main.asp\')"><span id="firstname">ALVIN</span><span id="lastname">LU</span></b></td>'
	topStr=topStr+'<td height="50" bgcolor="#DDECFE" colspan="2" align="right">'
	topStr=topStr+'<span id="currentdate" onclick="FP_goToURL(\''+virtualWeb+'Admin/Statistics.asp\')"></span><span id="currenttime"></span>&nbsp;<span id="logout" onclick="FP_goToURL(\''+virtualWeb+'Logout.asp\')">| Logout |</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>'
	topStr=topStr+'<td bgcolor="#DDECFE" width="40" rowspan="10" background="'+virtualWeb+'images/bg-right.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>'
	document.write(topStr);
	createTopMenu(x);
}

function createBottomMenu(x) {
	botMenuStr='<tr><td bordercolordark="#72A3D9" width="800" align="center" bordercolor="#DDECFE" bgcolor="#DDECFE" colspan="4" height="35" bordercolorlight="#72A3D9" style="border: 1px solid #FFFFFF;">|&nbsp;&nbsp;'
	for (i=1;i<7;i++) {
		botMenuStr=botMenuStr+"<span class=\"BottomLinks\" onclick=\"FP_goToURL(/*href*/'"+virtualWeb+links[i-1]+"')\" id=\"BL"+i+"\" onmouseout=FP_changePropRestore() onmouseover=\"FP_changeProp(/*id*/'BL"+i+"',1,'style.color','#0000FF')\">"+items[i-1]+"</span>&nbsp;&nbsp;|&nbsp;&nbsp;"
		}
	botMenuStr=botMenuStr+'</td></tr>'
	document.write(botMenuStr);
}

function createSubMenu(MenuItems,MenuLinks,sIndex) {
	subMenuStr='<table cellspacing="0" cellpadding="0" width="225"><tr><td bordercolordark="#F7F7F7" bordercolor="#DDECFE" bgcolor="#44668C" height="35" style="border-top: 1px; border-bottom: 1px" align="center">'
	subMenuStr=subMenuStr+'<span class="submenuhead"><b id="SMHead">'+MenuItems[0]+'</b></span></td></tr>'
	for (i=1;i<6;i++) {	
		if(sIndex==i){	
			subMenuStr=subMenuStr+'<tr><td bordercolordark="#F7F7F7" bordercolor="#DDECFE" bgcolor="#7395BB" height="35" style="border-top:1px solid #DDECFE; border-bottom:1px solid #DDECFE;" align="center">'
			subMenuStr=subMenuStr+"<span class=\"submenu\"><b id=\"SM"+i+"\" onmouseout=\"FP_changePropRestore()\" onmouseover=\"FP_changeProp(/*id*/'SM"+i+"',1,'style.color','#BAFF98');\" onclick=\"FP_goToURL(/*href*/'"+virtualWeb+MenuLinks[i]+"')\">"+MenuItems[i]+"</b></span></td></tr>"
			}			
		else {
			subMenuStr=subMenuStr+'<tr><td bordercolordark="#F7F7F7" bordercolor="#DDECFE" bgcolor="#44668C" height="35" style="border-top:1px; border-bottom:1px;" align="center">'
			subMenuStr=subMenuStr+"<span class=\"submenu\"><b id=\"SM"+i+"\" onmouseout=\"FP_changePropRestore()\" onmouseover=\"FP_changeProp(/*id*/'SM"+i+"',1,'style.color','#BAFF98');\" onclick=\"FP_goToURL(/*href*/'"+virtualWeb+MenuLinks[i]+"')\">"+MenuItems[i]+"</b></span></td></tr>"
			}
	}
	subMenuStr=subMenuStr+'</table>'
	document.write(subMenuStr);
}

function hoverSmall(){
	hoverLargeStr='<div style="position: absolute; width: 360px; height: 137px;z-index: 2;display:none;background-color: #333333;" id="hover_small">'
	hoverLargeStr=hoverLargeStr+'<table width="100%" cellspacing="0" cellpadding="0" border="1" bordercolor="black"><tr>'
	hoverLargeStr=hoverLargeStr+'<td width="180"><img id="small_image" src="" width="180" height="135"></td>'
	hoverLargeStr=hoverLargeStr+'<td width="180" align="center">'
	hoverLargeStr=hoverLargeStr+'<font color="#BAFF98" face="Tahoma" size="2">'
	hoverLargeStr=hoverLargeStr+'<span ID="smalldetail1"></span></font><br>'
	hoverLargeStr=hoverLargeStr+'<font color="#BAFF98" face="Tahoma" size="2" color="#FFFFFF">'
	hoverLargeStr=hoverLargeStr+'<b><span ID="smalldetail2"></span></b></font><br>'
	hoverLargeStr=hoverLargeStr+'<font face="Tahoma" size="2" color="#FFFFFF">'
	hoverLargeStr=hoverLargeStr+'<span ID="smalldetail3"></span></font><br>'
	hoverLargeStr=hoverLargeStr+'<font face="Tahoma" size="2" color="#FFFFFF">'
	hoverLargeStr=hoverLargeStr+'<span ID="smalldetail4"></span></font></td></tr></table></div>'
	document.write(hoverLargeStr);
}

function hoverLarge(){
	hoverSmallStr='<div style="position: absolute; width: 528px; height: 200px;z-index: 2;display:none;background-color: #333333;" id="hover_large">'
	hoverSmallStr=hoverSmallStr+'<table width="100%" cellspacing="0" cellpadding="0" border="1" bordercolor="black"><tr>'
	hoverSmallStr=hoverSmallStr+'<td width="264" valign="top"><img id="small_pic_image" src="" width="264" height="198"></td>'
	hoverSmallStr=hoverSmallStr+'<td width="264" valign="top" align="center">'
	hoverSmallStr=hoverSmallStr+'<table width="100%">'
	hoverSmallStr=hoverSmallStr+'<tr><td ID="small_pic_header" style="background-color: #333333; font-weight:700;font-size:11;padding:8px"></td></tr>'
	hoverSmallStr=hoverSmallStr+'<tr><td ID="small_pic_desc" style="background-color: #333333;font-size:11;padding:8px"></td></tr></table></td></tr></table></div>'
	document.write(hoverSmallStr);

}

var timerID = null;
var timerRunning = false;

function getlivedate(){
	var months=new Array(13);
	months[1]="JANUARY";
	months[2]="FEBRUARY";
	months[3]="MARCH";
	months[4]="APRIL";
	months[5]="MAY";
	months[6]="JUNE";
	months[7]="JULY";
	months[8]="AUGUST";
	months[9]="SEPTEMBER";
	months[10]="OCTOBER";
	months[11]="NOVEMBER";
	months[12]="DECEMBER";
	var time=new Date();
	var lmonth=months[time.getMonth() + 1];
	var date=time.getDate();
	var year=time.getYear();
	if (year < 2000)    
	year = year + 1900; 
	if(document.all) document.getElementById("currentdate").innerText=lmonth + " "+ date + ", " + year+"  ";
	else document.getElementById("currentdate").textContent=lmonth + " "+ date + ", " + year+"  ";
}

function showtime () {
	getlivedate();
	var now = new Date();
	var hours = now.getHours();
	var minutes = now.getMinutes();
	var seconds = now.getSeconds()
	var timeValue = "" + ((hours >12) ? hours -12 :hours)
	if (timeValue == "0") timeValue = 12;
	timeValue += ((minutes < 10) ? ":0" : ":") + minutes
	timeValue += ((seconds < 10) ? ":0" : ":") + seconds
	timeValue += (hours >= 12) ? " PM" : " AM"
	if(document.all) document.getElementById("currenttime").innerText=timeValue+"     ";
	else document.getElementById("currenttime").textContent=timeValue+"     ";
	//timerID = setTimeout("showtime()",1000);
	timerRunning = true;
}
function startclock() {
	stopclock();
	showtime();
}

function stopclock (){
	if(timerRunning)
	clearTimeout(timerID);
	timerRunning = false;
}

function randomize_pic() {
var randomnumber=Math.floor(Math.random()*96)
document.getElementById("big_image").src=virtualWeb+"Pictures/images/"+randomnumber+".jpg";
}

function randomize_food_pic() {
var randomnumber=Math.floor(Math.random()*91)
document.getElementById("big_image").src=virtualWeb+"Restaurants/images/"+randomnumber+".jpg";
}

function randomize_travel_pic() {
var randomnumber=Math.floor(Math.random()*106)
document.getElementById("big_image").src=virtualWeb+"Travel/images/"+randomnumber+".jpg";
}

function donate(){
str="width=800,height=600,left="+(window.screen.width-850)/2+",top="+(window.screen.height-800)/2+",resizable=no,status=yes,scrollbars=no,toolbar=yes";
window.open(virtualWeb+'Donate.asp','donate',str);
}

function slideshow(eventnum,pic){
str="width=640,height=545,left="+(window.screen.width-640)/2+",top="+(window.screen.height-544)/2+",resizable=0,status=no";
window.open(virtualWeb+'Pictures/Slideshow.asp?EventNum='+eventnum+'&Pic='+pic,'slideshow',str);
}

function slideshowPics(rank,pic){
str="width=640,height=545,left="+(window.screen.width-640)/2+",top="+(window.screen.height-544)/2+",resizable=0,status=no";
window.open(virtualWeb+'Restaurants/Slideshow.asp?Rank='+rank+'&Pic='+pic,'slideshow',str);
}

function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}

function FP_changeProp() {//v1.0
 var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
 d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o"; 
 ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) { 
  s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
 x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
 if(s) eval(s+"=v"); }
}

function FP_changePropRestore() {//v1.0
 var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) { x=d.$cpe[i];
 if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_callJS() {//v1.0
 eval(arguments[0]);
}

function FP_goToURL(url) {//v1.0
 window.location=url;
}

function remove_caption() {
  document.getElementById("pic_caption").style.visibility='hidden';
}

function place_caption() {
  document.getElementById("pic_caption").style.visibility='visible';
}

function place_all_details(img_loc,detail1,detail2,detail3,detail4) {
 if(document.all){
	 document.getElementById("small_image").src=img_loc;
	 document.getElementById("smalldetail1").innerText=detail1;
	 document.getElementById("smalldetail2").innerText=detail2;
	 document.getElementById("smalldetail3").innerText=detail3;
	 document.getElementById("smalldetail4").innerText=detail4;
  }
 else{
	 document.getElementById("small_image").src=img_loc;
	 document.getElementById("smalldetail1").textContent=detail1;
	 document.getElementById("smalldetail2").textContent=detail2;
	 document.getElementById("smalldetail3").textContent=detail3;
	 document.getElementById("smalldetail4").textContent=detail4;
  }
}

function place_all_travel(city,country,dates,img_loc) {
 if(document.all){
	 document.getElementById("small_image").src=img_loc;
	 document.getElementById("smalldetail1").innerText=city;
	 document.getElementById("smalldetail2").innerText=country;
	 document.getElementById("smalldetail3").innerText=dates;
 }
 else{
	 document.getElementById("small_image").src=img_loc;
	 document.getElementById("smalldetail1").textContent=city;
	 document.getElementById("smalldetail2").textContent=country;
	 document.getElementById("smalldetail3").textContent=dates;
 }
}

function place_all_pic(pic_header,pic_desc,img_loc) {
 
 if(document.all){
	 document.getElementById("small_pic_image").src=img_loc;
	 document.getElementById("small_pic_header").innerText=pic_header;
	 document.getElementById("small_pic_desc").innerText=pic_desc;
 }
 else{
	 document.getElementById("small_pic_image").src=img_loc;
	 document.getElementById("small_pic_header").textContent=pic_header;
	 document.getElementById("small_pic_desc").textContent=pic_desc;
 }
}

var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
function AssignPosition(d,cType,side) {
if(self.pageYOffset) {
	rX = self.pageXOffset;
	rY = self.pageYOffset;
	}
else if(document.documentElement && document.documentElement.scrollTop) {
	rX = document.documentElement.scrollLeft;
	rY = document.documentElement.scrollTop;
	}
else if(document.body) {
	rX = document.body.scrollLeft;
	rY = document.body.scrollTop;
	}
if(document.all) {
	cX += rX; 
	cY += rY;
	}
	
if(cType==1 && side=="right") {	
	d.style.left = (cX-533) + "px";
	d.style.top = (cY-209) + "px";
	}
else if(cType==1 && side=="left") {	
	d.style.left = (cX+3) + "px";
	d.style.top = (cY-209) + "px";
	}
else if(cType==2 && side=="right") {	
	d.style.left = (cX-368) + "px";
	d.style.top = (cY-146) + "px";
	}
else {	
	d.style.left = (cX+3) + "px";
	d.style.top = (cY-146) + "px";
	}	
}

function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d,side) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
if(d=="hover_large") cType='1'
else cType='2'
AssignPosition(dd,cType,side);
dd.style.display = "block";
}