function createCDPage(pageToShow){
	createImagebar();
	nch="<h2>"+currentItem.label+"</h2>";
	wch="<img src='"+pPath+currentItem.imageArray[0]+"' border=1 />";
	cch="<table cellspacing=6><tr><th>Price</th><th>Qty</th><th></th></tr>"+
		"<tr><td><b>$"+ShoppingCart.fix(currentItem.price,"soft")+"</b></td>"+
		"<td>"+getQuantitySelectorHtml()+"</td>"+
		"<td><input type=button value='add to cart'"+
		"onclick='top.cdPage.addToCart()'></input></td></tr></table>"+
		"</p>Description:<br />"+currentItem.description;
	sch="<input type=button value='<< go back' "+
	"onclick='if(top.navbar.selectedIndex==3)top.showFloatingPage(\"seminars\");"+
	"else top.changePage();'></input>";
	container=new Container();
	container.paintLayout(PAINT_LAYOUT);
	container.setSpacing(16);
	container.setNorthComponent(nch,"center");
	container.setWestComponent(wch,"top","center");
	container.setCenterComponent(cch,"top");
	container.setSouthComponent(sch,"top","center");
	cdPage.createPageHtml(container);
	currentPage=cdPage;
	currentPage.paintLayout(PAINT_LAYOUT);
	currentPage.createPageHtml(container);
	document.title="Jane Darin Studio [ "+currentItem.label+" ]";	
}
function createFavoritesPage(){
	nch="<h2>My Favorite Art</h2>";
	cch=favorites.getHtml();
	container=new Container();
	container.paintLayout(PAINT_LAYOUT);
	container.setSpacing(CONTAINER_SPACING);
	container.setNorthComponent(nch,"top","center");
	container.setCenterComponent(cch,"top","center");
	favoritePage=new Page("My Favorite Art");
	favoritePage.paintLayout(PAINT_LAYOUT);
	favoritePage.hasGoBack=true;
	favoritePage.createPageHtml(container);
	currentPage=favoritePage;
	document.title="Jane Darin Studio [ My Favorite Art ]";
}
function createImagebar(){
	imagebar=new ButtonGroup("imagebar");
	imagebar.addButton("<< go back");
	if(currentItem.poem!=null)imagebar.addButton("read my poem");
	if(currentPage.name!="Archives"&&currentItem.price!=0)imagebar.addButton("Purchase / Add to Cart");
	imagebar.addButton("more info >>");
	imagebar.addActionListener("imagebar");
	imagebar.addActionListener("");
	imagebar.addChangeListener("imagebar");
	imagebar.doc="pageFrame.document";
	imagebar.loc="top";
	imagebar.selectedIndex=-1;
	imagebar.buttonTopPadding=0;
	imagebar.buttonSpacing=2;
	imagebar.buttonSelectedColor="white";
	imagebar.buttonSelectedBackgroundColor=DARK_COLOR;
	imagebar.buttonSelectedBorderColor=DARK_COLOR;
	imagebar.buttonColor=LIGHT_COLOR;
	imagebar.buttonBorderColor=LIGHT_COLOR;
	imagebar.buttonFontSize=9;
	imagebar.buttonFontWeight="bold";
	imagebar.buttonHighlightBackgroundColor=LIGHT_COLOR;
	imagebar.buttonHighlightColor="white";
	imagebar.buttonHighlightBorderColor=LIGHT_COLOR;
	imagebar.createButtonsHtml();
}
function createImagePage(pageToShow){
	imagePage=new Page(pageToShow);
	var container=new Container();
	var item=currentItem;
  // north component
	nch="";
	createImagebar();
	showAwards=true;
	if(item.credits.length > 0){
		nch+="<div id=awardsBox style='position:absolute;visibility:visible;'>";
		for(var i=0;i<item.credits.length;i++){
			nch+="<img src='"+wPath+Credit.icons[item.credits[i].type]+".gif' "+
			"title=' "+Credit.labels[item.credits[i].type]+": "+
			item.credits[i].organization+". "+item.credits[i].location+" ' "+
			"onclick='top.openInfowin(\"info\")' style='cursor:pointer;' />";
		}
		nch+="</div>";
	}
	nch+="<h2 align=center>"+item.label+"</h2>"+
	"<table cellspacing=4 align=center style='font-size:7pt;color:"+DARK_COLOR+"'>"+
	"<tr><td align=center>"+imagebar.getHtml()+"</td></tr>"+
	"<tr><td align=center>";
	if(item.credits.length>0){
		nch+="<input id=chk2 type=checkbox onclick='top.toggleAwardsBox(this)'>"+
		"Hide Awards and Credits</input>&nbsp; &nbsp;";
	}
	nch+="<input id=chk1 type=checkbox onclick='top.checkAddToFavorites()'>"+
	"Add to my favorite art!</input></td></tr></table>";
	container.setNorthComponent(nch,"top");
  // center component
	var itemImages=item.getImages();
	cch="No images available...";
	if(itemImages.length!=0){
		if(itemImages.length>0){
			cch="<img src='"+iPath+itemImages[0]+"' class=gBorder>";
			container.setWestComponent(cch,"center");
		}
		if(itemImages.length>1){
			cch="<img src='"+iPath+itemImages[1]+"' class=gBorder>";
			container.setCenterComponent(cch,"center");
		}
		if(itemImages.length>2){
			cch="<img src='"+iPath+itemImages[2]+"' class=gBorder>";
			container.setEastComponent(cch,"center");
		}
	}
	else imageContainer.setCenterComponent(cch,"top","center");
  // south component
	sch="";
	if(item.quote!=null){
		sch="<table width=100%><tr>"+
		"<td align=center style='padding-left:20px;padding-right:20px;'>";
		var qs=item.quote.split(':');var saying=qs[0];var author=qs[1];
		sch+="<b>\""+saying+"\"</b> &nbsp; <small>"+
		"<nobr>"+author+"</nobr></small></td></tr></table>";
	}
	container.setSouthComponent(sch);
	container.paintLayout(PAINT_LAYOUT);
	container.setSpacing(CONTAINER_SPACING);
	imagePage.paintLayout(PAINT_LAYOUT);
	imagePage.createPageHtml(container);
	imagePage.update=imagepage_update;
	currentPage=imagePage;
	document.title="Jane Darin Studio [ "+item.label+" ]";
}
function createInfoBar(){
	infobar=new ButtonGroup("infobar");
	if(currentPageIndex!=4){
		infobar.addButton("<< go back");
		if(currentItem.price!=0)infobar.addButton("Purchase / Add to Cart");
	}
	infobar.addButton("Close");
	infobar.selectedIndex=-1;
	infobar.doc="infowin.document";
	infobar.loc="opener";
	infobar.addActionListener("infobar");
	infobar.addActionListener("top");
	infobar.addChangeListener("infobar");
	infobar.buttonTopPadding=0;
	infobar.buttonSpacing=2;
	infobar.buttonSelectedColor="white";
	infobar.buttonSelectedBackgroundColor=DARK_COLOR;
	infobar.buttonSelectedBorderColor=DARK_COLOR;
	infobar.buttonColor=LIGHT_COLOR;
	infobar.buttonBorderColor= LIGHT_COLOR;
	infobar.buttonFontSize=9;
	infobar.buttonFontWeight="bold";
	infobar.buttonHighlightBackgroundColor=LIGHT_COLOR;
	infobar.buttonHighlightColor="white";
	infobar.buttonHighlightBorderColor=LIGHT_COLOR;
	infobar.createButtonsHtml();
}
function createInfoHtml(){
    var item=currentItem;
    with(infowin.document){
	write("<table cellspacing=4 cellpadding=4 width=100%><tr>");
	write("<td style='background-color:"+LIGHT_COLOR+";");
	write("border:1px solid "+DARK_COLOR+";' width=108 align=center>");
	write("<img src='"+tPath+item.thumbnail+"'></td>");
	write("<td style='background-color:"+LIGHT_COLOR+";");
	write("border:1px solid "+DARK_COLOR+";");
	write("padding-left:10px;padding-right:20px;' valign=top>");
	write("<table width=100% height=100% cellpadding=0 cellspacing=0><tr><td>");
	write("<h3>"+item.label+"</h3></td>");			
	if(item.credits.length>0){
		write("<td align=right style='padding-top:6px;'>");
		for(var i=0;i<item.credits.length;i++){
			write("<img src='"+wPath+Credit.icons[item.credits[i].type]+"_info.gif' ");
	 		write("title=' "+Credit.labels[item.credits[i].type]+": ");
			write(item.credits[i].organization+". "+item.credits[i].location+" ' />");
		}
		write("</td>");
	}
	write("</tr></table>");
	write("</td></tr></table>");
	write("<table cellspacing=4 cellpadding=4>");
	write("</tr>");
	if(item.price!=0){
		write("<tr><td width=108>Price:</td><td>$");
		write(ShoppingCart.fix(item.price,"soft")+" USD</td></tr>");
	}
	if(item.edition!="CD")	{
		write("<tr><td>Edition:</td><td>"+item.edition+"</td></tr>");
		write("<tr><td>Size:</td><td>"+item.size+"</td></tr>");
	}
	write("<tr><td>Description:</td><td>"+item.description+"</td></tr>");
	write("<tr><td>Materials:</td><td>"+item.materials+"</td></tr>");
	if(item.credits.length>0)
	  for(var i=0;i<item.credits.length;i++){
	    write("<tr><td align=center>");
	    write("<img src='"+wPath+Credit.icons[item.credits[i].type]+".gif' ");
	    write("width=18 height='24'></td>");		
	    write("<td>"+Credit.labels[item.credits[i].type]+". ");
	    write(item.credits[i].organization+", "+item.credits[i].location+". ");
	    write(item.credits[i].acknowledgement+"</td></tr>");
	  }
	if(item.sponsor!=""){
		write("<tr><td>");
		if(navbar.getElementAt(navbar.selectedIndex).label=="Archives")write("Owner:");
		else write("Sponsor:");
		write("</td><td>"+item.sponsor+"</td></tr>");
	}
	createInfoBar();
	write("<tr><td colspan=2 align=center>");
	write(infobar.getHtml());
	write("</td></tr></table>");
    }
}
function createInfoOrderHtml(){
    with(infowin.document){
	title="Jane Darin [ Shopping Cart ]";
	var nowDate=new Date();
	write("<table align=center><tr><td>");
	write("<table width=100%><tr>");
	write("<td><img src='"+wPath+"page_logo.gif'>");
	write("<p><small>5648 Camber Dr.<br/>San Diego, Ca 92117<br/>");
	write("(858) 514-8154</small></p>");
	write("<p>"+nowDate.toDateString()+"</p>");
	write("</td><td align=right valign=top>");
	if(purchaseMethod==0)write("<img src='"+wPath+"phone.gif'><br/><b>Order by Phone</b>");
	else write("<img src='"+wPath+"mail.gif'><br/><b>Order by Mail</b>");
	write("<p><small>www.janedarin.com<br/>janed@san.rr.com</small></p>");
	write("</td></tr></table><hr>"+getCustomerHtml()+"<hr>");
	write(cart.getHtml()+getOrderTotals()+"<br>");
	switch(paymentPlan){
		case 0:	write("<b>Single Payment Plan</b></p>");
			write("<ul style='font:bold 12pt Arial,Helvitica,sans-serif;color:#c01;'>");
			write("<li>Due: $"+ShoppingCart.fix(grandTotal)+"</li></ul>");
			break;
		case 1:	write("<b>Three Month Plan</b></p>");
			write("<ul style='font:bold 12pt Arial,Helvitica,sans-serif;color:#c01;'>");
			write("<li>Due 33%: $"+ShoppingCart.fix(downpayment1)+"</li>");
			write("<li>2 additional payments of: $");
			write(ShoppingCart.fix(downpayment1)+"</li></ul>");
			break;
		case 2:	write("<b>Six Month Plan</b></p>");
			write("<ul style='font:bold 12pt Arial,Helvitica,sans-serif;color:#c01;'>");
			write("<li>Due 25%: $");
			write(ShoppingCart.fix(downpayment2)+"</li>");
			write("<li>5 additional payments of: $");
			write(ShoppingCart.fix(monthly)+"</li></ul>");
			write("<blockquote >");
			break;
	}
	if(purchaseMethod==0) write("<p><b>CALL: (858) 514-8154</b> TO ORDER</p>");
	else{
		write("<p><b>MAIL THIS ORDER AND PAYMENT TO:</b><br/>");
		write("Jane Darin<br/>5684 Camber Dr.<br/>San Diego, CA 92117<br/></p>");
	}
	write("<p align=center><small><i>Print this order for your permanent records<br/>");
	write("and to assist you in placing the order.<br/>Thank You!</i></small></p>");
	write("<p align=center>");
	write("<input type=button value=print onclick='window.print()'></input>&nbsp; &nbsp;");
	write("<input type=button value='<< prev' ");
	write("onclick='opener.top.purchasePageIndex=3;opener.top.changePage();window.close()'>");
	write("</input>&nbsp;");
	write("<input type=button value=cancel ");
	write("onclick='opener.top.actionPerformed(\"cancel\"); window.close();'></input>&nbsp;");
	write("<input type=button value='next >>' ");
	write("onclick='window.close()'></input>");
	write("</p></td></tr></table>");
    }
}
function createProfilePage(){
	nch="<h2>My Profile</h2>";
	cch="<table><tr><td>"+
	"<fieldset><legend>Contact Information</legend><table width='100%'>"+
	"<tr><td>Name:</td><td>"+profile.name+"</td><td width=20 rowspan=5>&nbsp;</td>"+
	"<td>"+profile.phoneType+":</td><td>"+profile.phone+"</td></tr>"+ 
	"<tr><td>Address:</td><td>"+profile.address+"</td>"+
	"<td>Call:</td><td>"+(profile.call=="yes"?profile.timeCall:"Do not call")+"</td></tr>"+
	"<tr><td>City:</td><td>"+profile.city+"</td>"+
	"<td>Email:</td><td>"+profile.email+"</td></tr>"+
	"<tr><td>State:</td><td>"+profile.state+"</td><td colspan=2>&nbsp;</td></tr>"+
	"<tr><td>Zip:</td><td>"+profile.zip+"</td>"+
	"<td colspan=2>On my mailing list: "+profile.listed+"</td></tr>"+
	"</table></fieldset></td></tr><tr><td>"+
	"<fieldset><legend>Credit Card Information</legend><table width=100%>"+
	"<tr><td>Type:</td><td>"+profile.cardType+"</td></tr>"+
	"<tr><td>Holder:</td><td>"+profile.cardHolder+"</td></tr>"+
	"<tr><td>Number:</td><td>"+profile.cardNumber+"</td></tr>"+
	"<tr><td>Expires:</td><td>"+profile.cardExp+"</td></tr>"+
	"<tr><td>PIN:</td><td>"+profile.cardPIN+"</td></tr>"+
	"<tr><td colspan=2 align=center style='font-size:7pt; color: #c00;'>"+
	"This information is stored temporarily and will be destroyed on exit.</td></tr>"+
	"</table></fieldset>"+ 
	"</td></tr></table>"+
	"<p><input type=button value='Edit My Profile >>' style='cursor:pointer;' "+
	"onclick='top.profilePage.actionPerformed()'></input></p>";
	container = new Container();
	container.paintLayout(PAINT_LAYOUT);
	container.setSpacing(CONTAINER_SPACING);
	container.setNorthComponent(nch, "top", "center");
	container.setCenterComponent(cch, "center");
	profilePage=new Page("My Profile");
	profilePage.paintLayout(PAINT_LAYOUT);
	profilePage.hasGoBack=true;
	profilePage.createPageHtml(container);
	function profilepage_actionPerformed(){showFloatingPage("edit profile");}
	profilePage.actionPerformed = profilepage_actionPerformed;
}
function createProfileEdit(){
	nch="<h2>Edit My Profile</h2>";
	cch="<table><tr><td><fieldset><legend>Contact Information</legend>"+
	"<table><tr><td>First Name:</td><td><input id=fName value='"+profile.firstName+
	"' class=gBorder></input></td></tr>"+
	"<tr><td>Last Name:</td><td><input id=lName value='"+profile.lastName+
	"' class=gBorder></input></td></tr>"+
	"<tr><td>Address:</td><td><input id=address value='"+profile.address+
	"' class=gBorder></input></td></tr>"+
	"<tr><td>City:</td><td><input id=city value='"+profile.city+
	"' class=gBorder></input></td></tr>"+
	"<tr><td>State:</td><td>"+getStateSelectorHtml()+
	" &nbsp; Zip: <input id=zip size=6 value='"+profile.zip+
	"' class=gBorder></input></td></tr>"+
	"<tr><td>Phone:</td><td><input id=phone size=10 value='"+profile.phone+
	"' class=gBorder></input> "+
	getPhoneTypesSelectorHtml()+"</td></tr>"+
	"<tr><td>Call:</td><td>"+getStandardTimesSelectorHtml()+
	" &nbsp;<input id=call type=checkbox>Do not call</input></td></tr>"+
	"<tr><td>Email:</td><td><input id=email value='"+profile.email+
	"' class=gBorder></input></td></tr></table></fieldset>"+
	"</td><td valign=top><fieldset><legend>Credit Card Information</legend>"+
	"<table><tr><td>Type:</td><td>"+getCCTypeSelectorHtml()+"</td></tr>"+
	"<tr><td>Holder:</td><td><input id=ccholder value='"+profile.cardHolder+
	"' class=gBorder></input></td></tr>"+
	"<tr><td>Number:</td><td><input id=ccnumber type=text maxlength=16 value='"+
	profile.cardNumber+"' class=gBorder></input></td></tr>"+
	"<tr><td>Expires:</td><td>"+getCCExpMonthSelectorHtml()+" "+
	getCCExpYearSelectorHtml()+
	" &nbsp; PIN: <input id=ccpin size=1 maxlength=3 value='"+profile.cardPIN+
	"' class=gBorder></input></td></tr>"+
	"<tr><td colspan=2 align=center style='font-size:7pt;color:#c00;'>"+
	"This information is stored temporarily and will be destroyed on exit.</td></tr>"+
	"</table></td></tr></table>"+
	"<p><input type=button value='<< Save My Profile' "+
	"onclick='top.editProfilePage.actionPerformed()'></input></p>";
	container=new Container();
	container.paintLayout(PAINT_LAYOUT);
	container.setSpacing(CONTAINER_SPACING);
	container.setNorthComponent(nch, "top", "center");
	container.setCenterComponent(cch, "center");
	editProfilePage=new Page("Edit My Profile");
	editProfilePage.paintLayout(PAINT_LAYOUT);
	editProfilePage.createPageHtml(container);
	editProfilePage.actionPerformed=editprofilepage_actionPerformed;
	editProfilePage.update=editprofilepage_update;
}