//===============================================================================
// Name:     mapping.js
// Purpose:  The script that takes care of all the image maping for the pages
// Version:  1.0
//------------------------------------------------------------------------------

/*var N_NUM_SECS_W=4;
var N_NUM_SECS_H=4;

var N_SEC1_W=2;
var N_SEC1_H=2;
var N_SEC2_W=4;
var N_SEC2_H=2;*/

var N_NUM_SECS_W=8;
var N_NUM_SECS_H=8;

var N_SEC1_W=4;
var N_SEC1_H=4;
var N_SEC1_S=0;
var N_SEC2_W=8;
var N_SEC2_H=3;
var N_SEC2_S=0;
var N_SEC3_W=4;
var N_SEC3_H=1;
var N_SEC3_S=4;

var nNumSecs=3;

//var N_NUM_CLIP_SECS_W=2;
//var N_NUM_CLIP_SECS_H=2;

var STR_LMAP_NAME="largeMap";
var STR_CMAP_NAME="clipMap";

var STR_FUNC_NAME="mapPicZoom";
var STR_CFUNC_NAME="clipPicZoom";

//var D_LIMAGE_WIDTH=941.0;
var D_LIMAGE_WIDTH=780.0;
var N_LIMAGE_WIDTH=780;
//var D_LIMAGE_REAL_W=638.0;
//var D_LIMAGE_REAL_H=625.0;
var D_LIMAGE_REAL_W=690.0;
var D_LIMAGE_REAL_H=675.0;
var D_LIMAGE_HEIGHT=D_LIMAGE_REAL_H / D_LIMAGE_REAL_W * D_LIMAGE_WIDTH;
var N_LIMAGE_HEIGHT=Math.ceil(D_LIMAGE_HEIGHT);

//var D_CIMAGE_REAL_W=81.0;
//var D_CIMAGE_REAL_H=74.0;
//var D_CIMAGE_REAL_H=83.0;
var D_CIMAGE_REAL_W=86.0;
var D_CIMAGE_REAL_H=86.0;

//var N_CIMAGE_WIDTH=212;
//var N_CIMAGE_HEIGHT=212;
//var N_CIMAGE_WIDTH=100;
//var N_CIMAGE_HEIGHT=100;

var D_IMAGE_SCALE=1.0;
var D_CLIPIMAGE_SCALE=2.0;
//var D_CLIPIMAGE_SCALE=4.0;

//var N_SEC_W=100;
//var N_SEC_H=84;
//var N_SEC_W=100;
//var N_SEC_H=100;




/*******************************************************************************
 * Function:	putImageMapMouseOver
 * Script:		mapping.js
 * @author Kris Kline
 * 
 * This function puts in the image map info for a mouse over
 * 
 * @param row		The row number
 * @param col		The column number
 ******************************************************************************/
function putImageMapMouseOver(row, col)
{
	document.write("onmouseover=\"showPopup(" +
						"\'Section " + row + "-" + col + "\'" +
						")\" ");
} // putImageMapMouseOver


/*******************************************************************************
 * Function:	putImageMapMouseOut
 * Script:		mapping.js
 * @author Kris Kline
 * 
 * This function puts in the image map info for a mouse out
 * 
 ******************************************************************************/
function putImageMapMouseOut( )
{
	document.write("onmouseout=\"hidePopup( ); self.stats=''; return true\" ");
	//document.write("onmouseout=\"self.stats=''; return true\" ");
} // putImageMapMouseOut


/*******************************************************************************
 * Function:	makeImageMaps
 * Script:		mapping.js
 * @author Kris Kline
 * 
 * This function writes all the info for the image maps using the grid layout
 * data specified above.
 ******************************************************************************/
function makeImageMaps( )
{
	document.writeln("<MAP NAME='" + STR_LMAP_NAME + "'>");
	var y=0;
	//var dSecWidth=N_SEC_W*D_IMAGE_SCALE;
	//var dSecHeight=N_SEC_H*D_IMAGE_SCALE;
	var dSecWidth=(D_CIMAGE_REAL_W /  D_LIMAGE_REAL_W) * D_LIMAGE_WIDTH;
	var dSecHeight=(D_CIMAGE_REAL_H / D_LIMAGE_REAL_H) * D_LIMAGE_HEIGHT;
	var lastY=0;
	for(z=0; z<nNumSecs; z++)
	{
		lastY=y;
		for(y=lastY;y<(lastY + nSecHeights[z]);y++)
		{
			for(var x=nSecStarts[z];
				x<(nSecStarts[z] + nSecWidths[z]);
				x++)
			{
				document.write("<AREA SHAPE=RECT COORDS=");
				document.write("'" + (x*dSecWidth));
				document.write("," + (y*dSecHeight));
				document.write("," + (((x+1)*dSecWidth) - 1));
				document.write("," + (((y+1)*dSecHeight) - 1) + "' ");
				//document.write("href=\"" + STR_MAPBROWSE_PAGE + "#pageTitle\" ");
				document.write("href=\"javascript:" + 
									STR_FUNC_NAME +
										"(" + (y+1) + "," + (x+1) + ")\" ");
				//putImageMapMouseOver(y+1,x+1);
				//putImageMapMouseOut( );
				//document.writeln("onClick=\"" + STR_FUNC_NAME + "(" +
				//			   (y+1) + "," + (x+1) + "); return true\"");
				document.writeln(">");
			} // for(var x=0;x<nSecWidths[z];x++)
		} // for(y=lastY;y<(lastY + nSecHeights[z]);y++)
	} // for(z=0; z<nNumSecs; z++)
	document.writeln("</MAP>");

	/*document.writeln("<MAP NAME='" + STR_CMAP_NAME + "'>");
	var dClipWidth=(N_CIMAGE_WIDTH*D_CLIPIMAGE_SCALE)/N_NUM_CLIP_SECS_W;
	var dClipHeight=(N_CIMAGE_HEIGHT*D_CLIPIMAGE_SCALE)/N_NUM_CLIP_SECS_H;
	for(y=0;y<N_NUM_CLIP_SECS_H;y++)
	{
		for(var x=0;x<N_NUM_CLIP_SECS_W;x++)
		{
			document.write("<AREA SHAPE=RECT COORDS=");
			document.write("'" + (x*dClipWidth));
			document.write("," + (y*dClipHeight));
			document.write("," + (((x+1)*dClipWidth) - 1));
			document.write("," + (((y+1)*dClipHeight) - 1) + "' ");
			document.write("onClick='" + STR_CFUNC_NAME + "(" +
						   (y+1) + "," + (x+1) + "); return true;'>");
		}
	}
	document.writeln("</MAP>");*/

	/*document.writeln("<MAP NAME='mapReturn'>");
	document.writeln("<AREA SHAPE=RECT COORDS='0,0,94,50' onclick='mapPicZoom(0,0); return true;'>");
	document.writeln("</MAP>");*/
}