//---- eMail String ----
eMailStr = "Wati" + "@" + "WatiDesi" + "gn.com";

//---- Colors ----------
Chartreuse = "99CC00";
BrightPink = "FF3399";
Lagoon     = "00BECC";
Purple     = "860086";
Mocha      = "665300";
Red        = "FF3333"; // was CC0000
Orange     = "FF8833";

var PageTitleStr = '<FONT COLOR=red SIZE=+1 FACE=Times>All seasons, all occasions, all over the world ...</FONT>';	// Global
var PageNavBarStr = '';		// Global
var PageNavBarColor = BrightPink;		// Global
function TitleAndNavBar(x)
{
	if(x == '') return;

	// Hack because Mozilla doesn't like global variables
	Chartreuse = window.Chartreuse;
	BrightPink = window.BrightPink ;
	Lagoon     = window.Lagoon;
	Purple     = window.Purple;
	Mocha      = window.Mocha;
	Red        = window.Red;
	Orange     = window.Orange;

	var i;
	PageNavBarStr = "";
	var iMax = PageArray.length;
	for(i = 0; i < iMax; i++)
	{
		var Label = PageArray[i][0];
		var URL = PageArray[i][2];
		if(Label == x)
		{
			cBegin = "<font color=white>";
			cEnd = "</font>";
			PageTitleStr = PageArray[i][1];
		}
		else
		{
			cBegin = "<a href=" + URL + "><font color=#" + PageNavBarColor + "><u>";
			cEnd = "</u></font></a>";
		};

		PageNavBarStr = PageNavBarStr + cBegin + Label + cEnd;
		if(i < iMax - 1) PageNavBarStr = PageNavBarStr + "<font color=white>&nbsp;&nbsp;|&nbsp;&nbsp;</font>";
	}

	PageNavBarStr = "<FONT SIZE=-1 face=Times><B>" + PageNavBarStr + "</B></FONT>";
	if(PageTitleStr)
	{
		PageTitleStr = "<FONT SIZE=+2 COLOR=red face=Times>&nbsp;" + PageTitleStr + "&nbsp;</FONT>";
	}
	else
	{
		PageTitleStr = " ";
	}
}

function p(x) { document.writeln(x); }

function LayoutTop(PageName)
{
	LayoutTop1(PageName);
	// Caller can call these separately and put hidden text between them.
	// If so, the font color must match the background color in LayoutTop1.
	// E.g., see index.html.
	LayoutTop2();
}

function LayoutTop1(PageName)
{
	TitleAndNavBar(PageName);

	p("<DIV ALIGN=center>");
	p("<TABLE COLS=3 ROWS=6 CELLSPACING=0 CELLPADDING=0 BORDER=0>");
	p("	<TR>");
	p("		<TD WIDTH=80></TD>");
	p("		<TD WIDTH=640></TD>");
	p("		<TD WIDTH=80></TD>");
	p("	</TR>");
	p("	<TR HEIGHT=185>");
	p("		<TD BGCOLOR=#" + Orange + "></TD>");
	p("		<TD BGCOLOR=#" + Lagoon + ">");	// Color to match for hidden text

	p("<DIV ALIGN=center>");
	p("<TABLE COLS=2 ROWS=3 CELLSPACING=2 CELLPADDING=2 BORDER=0>");
	p("	<TR>");
	p("		<TD ROWSPAN=3 WIDTH=180><IMG SRC=Logo.jpg WIDTH=170 HEIGHT=170></TD>");
	p("		<TD WIDTH=450 ALIGN=left><FONT SIZE=+3 COLOR=white FACE=Times>Clothing for Girls</FONT><BR><FONT SIZE=+1 COLOR=white FACE=times> &nbsp; &nbsp;  &nbsp; &nbsp; Pretty, practical, easy-care and fun</FONT></TD>");
	p("	</TR>");
	p("	<TR>");
	p("		<TD ALIGN=center>" + PageTitleStr);
}

function LayoutTop2(PageName)
{
	p("		</TD>");
	p("	</TR>");
	p("	<TR>");
	p("		<TD ALIGN=center>" + PageNavBarStr + "</TD>");
	p("	</TR>");
	p("</TABLE>");
	p("</DIV>");

	p("		</TD>");
	p("		<TD BGCOLOR=#" + Orange + " VALIGN=bottom ALIGN=center>");

	if(PageName !=  "")
	{
		p("<A HREF=http://www.WatiDesign.com/index.html><FONT COLOR=#" + PageNavBarColor + " SIZE=-1><B>Other<BR>Seasons</B></FONT></A><BR>&nbsp;");
	}

	p("		</TD>");
	p("	</TR>");
	p("	<TR HEIGHT=5>");
	p("		<TD COLSPAN=3 BGCOLOR=#" + Mocha + "></TD>");
	p("	</TR>");
	p("	<TR HEIGHT=400>");
	p("		<TD BGCOLOR=#" + Chartreuse + "></TD>");
	p("		<TD BGCOLOR=#" + BrightPink + ">");
}

function LayoutBot()
{
	p("	</TD>");
	p("		<TD BGCOLOR=#" + Chartreuse + "></TD>");
	p("	</TR>");
	p("	<TR HEIGHT=5>");
	p("		<TD COLSPAN=3 BGCOLOR=#" + Lagoon + "></TD>");
	p("	</TR>");
	p("	<TR HEIGHT=30>");
	p("		<TD BGCOLOR=#" + Red    + "></TD>");
	p("		<TD BGCOLOR=#" + Purple + ">");

	p("<DIV ALIGN=CENTER>");
	p("<FONT COLOR=white FACE=Times SIZE=-2>&copy; Wati Grossman, 2005-2006</FONT>");
	p("</DIV>");

	p("		</TD>");
	p("		<TD BGCOLOR=#" + Red + "></TD>");
	p("	</TR>");
	p("</TABLE>");
	p("</DIV>");
}

function LayoutMid(cols, rows, imgArray, popupWidth, popupHeight)
{
	if(cols < 1) cols = 1;
	if(rows < 1) rows = 1;
	var colWidth = Math.round(620/cols) - 8;
	var rowHeight = Math.round(400/rows) - 8;
	var imgCount = imgArray.length;

	var iCol;
	var iRow;
	var iImg = 0;
	p("<DIV ALIGN=center VALIGN=middle>");
	p("<TABLE COLS=" + cols + " ROWS=" + rows + " CELLSPACING=2 CELLPADDING=2>");
	for(iRow = 0; iRow < rows; iRow++)
	{
		p("	<TR height=" + rowHeight + ">");
		for(iCol = 0; iCol < cols; iCol++)
		{
			p("		<TD ALIGN=center VALIGN=middle width=" + colWidth + ">");
			if(iImg < imgCount)
			{
				var src = imgArray[iImg][0];
				var imgWidth = imgArray[iImg][1];
				var imgHeight = imgArray[iImg][2];
				var imgPopup = imgArray[iImg][3];

				iImg++;	// Image names are Image1, Image2, ...

				var shrink = 1.0;
				var shrinkWidth = colWidth/imgWidth;
				var shrinkHeight = rowHeight/imgHeight;
				if (shrinkWidth < shrink) shrink = shrinkWidth;
				if (shrinkHeight < shrink) shrink = shrinkHeight;

				imgWidth = Math.round(imgWidth * shrink);
				imgHeight = Math.round(imgHeight * shrink);

				var winName = "\'TempWin\'";
				if(imgPopup.indexOf("html") > 0) winName = "\'TempWinX\'";

				var Msg = "<IMG NAME=ImageName"+iImg+" SRC="+src+" WIDTH="+imgWidth+" HEIGHT="+imgHeight+">";
				var Header = "<A HREF="+imgPopup+" onClick=\"return popup(this,"+winName+","+popupWidth+","+popupHeight+")\">";
				var Trailer = "</A>";
				if(imgPopup) Msg = Header + Msg + Trailer;
				p(Msg);
			}
			p("		</TD>");
		}
		p("	</TR>");
	}
	p("</TABLE>");
	p("</DIV>");
}

function popup(mylink, windowname, popupWidth, popupHeight)
{
	if (! window.focus) return true;

	var href;
	if (typeof(mylink) == 'string')
		href=mylink;
	else
		href=mylink.href;

	if(href.indexOf("Dummy") > 0)	// Scrolling images have href= Dummy1 or Dummy2
	{
		href = href.replace("Dummy1",Dummy1);
		href = href.replace("Dummy2",Dummy2);
	}

	if(href.indexOf("\.jpg") > 0)	// .jpg as opposed to html
	{
		newWindow = window.open(href, windowname,
			"width="+popupWidth+",height="+popupHeight+",scrollbars=no,resizable=no,toolbar=no,directories=no,status=no,menubar=no");
	}

	else					// .html as opposed to jpg
	{
		newWindow = window.open(href, windowname,
			"width="+popupWidth+",height="+popupHeight+",scrollbars=yes,resizable=yes,toolbar=no,directories=no,status=no,menubar=no");
	}

	newWindow.focus();
	return false;
}