<!-- js Layer Script Builder by jsLayerUtility.com, abqconnect.com -->
<!-- Timestamp:7/16/2009 2:18:59 PM-->

var name = (document.layers)?"NS4":"Not supported";
if (name=="Not supported"){
name = (document.all)?"Microsoft Internet Explorer":"Not supported";
}
if (name=="Microsoft Internet Explorer"){
name = (document.charset)?"Microsoft Internet Explorer":"Opera";
}
if (name=="Not supported"){
name = (document.getElementById && !document.all && !document.layers)?"NS6":"Not supported";
}

DIVcount =8; 
DIV_name = new Array(8);
DIV_type = new Array(8);
DIV_value_image = new Array(8);
DIVlength = new Array(8);
DIV_MouseOver_function = new Array(8);
DIV_MouseClick_function = new Array(8);
DIV_OnMouseOut_function = new Array(8);
DIV_OnMouseDown_function = new Array(8);
DIV_OnMouseUp_function = new Array(8);
DIV_Absolute = new Array(8);
imageInitialSize = new Array(8);
 
var framescount =8008; 
vp = new Array(8008);
hp = new Array(8008);
ka = new Array(8008);
is = new Array(8008);
iv = new Array(8008);

DIV_name[1] = "UserInterface";
DIV_type[1] = "h";
DIVlength[1] = 9;
DIV_Absolute[1] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="UserInterface" >','<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="UserInterface">User Interface</a></h3><a href="FMSaveProject.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>File Menu: Save Project</h2><font face=Arial size=4>Saves the current Project.</body></html>\'); return false;">File Menu: Save Project</a><br><a href="FMExit.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>File Menu: Exit</h2><font face=Arial size=4>Closes the js Layer Utility program.</body></html>\'); return false;">File Menu: Exit</a><br><a href="PMNewLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: New Layer</font></h2><ul><li><font face=Arial size=4>Creates a new layer in the project. </font></li><li><font face=Arial size=4>Each project must have at least one layer.&nbsp; The maximum number of layers in a project is 10.</font></li><li><font face=Arial size=4>The last layer added will always be on top and remain in this order. To rearrange the order of the layers in a project, you would Remove them from the project and Import them in the right order.</font></li><li><font face=Arial size=4>Each layer is represented by a tab on the main window, which can be renamed, removed, or imported by another project. </font></li></ul></body></html>\'); return false;">Project Menu: New Layer</a><br><a href="PMImportLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Import Layer</h2><font face=Arial size=4>Imports an existing layer from the database.</body></html>\'); return false;">Project Menu: Import Layer</a><br><a href="PMRemoveLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Remove Layer</h2><font face=Arial size=4>Removes the currently selected layer. Once removed, the layer still exists in the database and can be Imported again later.</body></html>\'); return false;">Project Menu: Remove Layer</a><br><a href="PMRenameLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Rename Layer</h2><font face=Arial size=4>Renames the currently selected layer.</body></html>\'); return false;">Project Menu: Rename Layer</a><br><a href="PMProjectProperties.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Project Properties</h2><ul><li><font face=Arial size=4>Enter the Project name.<li>Set the Project Core-script.<ul><li>Every project has a Core-script.</li><li>The Basic Core-script is the first script on the Private Core-script Library page (enginesTOC.htm) included with the js Layer Utility.</li><li>This Basic Core-script is the basis for all other core-scripts.</li><li>Each Core-script has its own help page included.</li></ul><li>Add any additional lines of JavaScript code to be included at the end of the final JavaScript file.</li><li>Select the work directory for your project. The html files from that directory will be listed below.</li><li>Select an HTML document to be used as the Preview Page from the list of html files.</li><li>Click Accept to save the Project Properties settings and load/reload the Core-script.</li></ul></body></html>\'); return false;">Project Menu: Project Properties</a><br><a href="PMBuildJavaScript.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Build JavaScript</h2><ul><li><font face=Arial size=4>Builds the final JavaScript to be included in the specified HTML file, or copied to the clipboard for use in other files.<li><font face=Arial size=4>To Add the final JavaScript to a web document:<font face=Arial size=4><ul><li>Locate and select the directory that contains the HTML file to be used to hold the final JavaScript.</li><li>Select the appropriate HTML file from the list that appears to the right. </li><font face=Arial size=4><li>Click the Make script button to build the JavaScript.</li></ul></ul></body></html>\'); return false;">Project Menu: Build JavaScript</a><br><a href="LMRemoveLastPoint.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Remove Last Point</h2><font face=Arial size=4>Removes the last point in the Trajectory Array, which is the point having the highest index number,&nbsp; for the current layer.</body></html>\'); return false;">Layer Menu: Remove Last Point</a><br><a href="LMClearAllPoints.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Clear All Points</h2><font face=Arial size=4>Removes ALL of the points from the Trajectory Array for the current layer. If the layer is used in other projects, those projects will also be affected.</body></html>\'); return false;">Layer Menu: Clear All Points</a><br><a href="LMEqualSpacePlotting.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Equal Space Plotting</h2><font face=Arial size=4>Allows for equal spacing of plotted points. Click and drag the mouse to define a continuous string of equally spaced points.</body></html>\'); return false;">Layer Menu: Equal Space Plotting</a><br><a href="PreviewButton.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Preview Layers Button</h2><font face=Arial size=4>Allows you to preview the final JavaScript. You can select which layers to include in the preview. The html page which holds the preview is selected in Project Properties on the Project menu.</body></html>\'); return false;">Preview Layers Button</a><br><a href="PlotPointsButton.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Plot Points Button</h2><font face=Arial size=4>Sets the focus to the Trajectory Plotter.</body></html>\'); return false;">Plot Points Button</a><br><a href="LayerTab.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Tab</h2><font face=Arial size=4>The named Layer Tabs allow you to access each of the layers that you have added to your project. Click on the Layer name at the top of the main window to access that layer.</body></html>\'); return false;">Layer Tab</a><br><a href="ImageHtmlSelection.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Image/HTML Selection</h2><ul><li><font face=Arial size=4>Select the &quot;Image&quot; radio button to use an image file in the current layer.</li><li>Select the &quot;HTML&quot; radio button to use HTML source in the current layer.</li><li>If you are using the &quot;Image&quot; option, you will select an image file (.JPG or .GIF) from the drop down list that appears to the right of the &quot;Image&quot; button. </li><li>If you are using the HTML option, you will paste the HTML source into the box to the right of the HTML button.</li><li>For Image files, you can include a call to the DIVaction() function, or other JavaScript functions in the mouse events listed below the image file name. The DIVaction() function, found in the Basic Core-Script, is used to invoke the triggers for a specified layer. Available Triggers in the Basic Core-Script are Activate, Finish, Restart, Pause and Hold. Other Core-scripts may have other triggers.</li><li>The DIVaction() function can be called from any object of an HTML page.</li><li>See the Help Page of the Basic Core-Script window for more information on the DIVaction() function and the triggers.</li></ul></body></html>\'); return false;">Image/Html Selection</a><br><a href="PlottingScreen.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Plotter</h2><ul><li><font face=Arial size=4>The Trajectory Plotter window is used to add points to the trajectory which defines the motion of the current layer.</li><li>Click with the mouse anywhere on the Trajectory Plotter to add a point.</li><li>You can click outside the blue rectangle to add a point off screen.</li><li>You can click and drag the mouse to add a series of points.</li><li>Select the &quot;Equal Space Plotting&quot; option on the Layer menu to create a series of equally spaced points.</li><li>Add points to the left or above of the blue rectangle to move objects out of view. Moving points to the right, or below the blue rectangle, the red hash marks area, will affect the scroll bars when viewing the final script in a browser window.</li><li>You can change the background image of the Trajectory Plotter by clicking the button on the bottom-middle of the window.</li><li>This window can be resized and moved.</li><li>The pointer location is shown at the bottom left of the window. These X and Y values are percentages, so that the boundary of the blue area is defined by 0% and 100% of the view of the finished product in a browser window.</li></ul></body></html>\'); return false;">Trajectory Plotter</a><br><a href="ViewToolbox.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Toolbox Button</h2><ul><li><font face=Arial size=4>Use the Toolbox button to access a library of JavaScript tools. These tools are used to manipulate the values in the Trajectory Array.</li><li>With the &quot;Import Comma-Delimited Content&quot; tool, you can import an array of points from comma delimited text files, such as CSV files. There is also an array export tool and other tools for manipulating the Trajectory Array which are included in the library. </li><li>You can create your own tools and include them in the library.</li></ul></body></html>\'); return false;">Toolbox Button</a><br><a href="PointsArray.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Array</h2><ul><li><font face=Arial size=4>All of the points added to the trajectory are shown in the Trajectory Array on the right side of the JS Layer Utility window.</li><li>Points are shown and indexed in the order added.</li><li>Each point includes X, Y and Size (or Z) values, a Trigger value and &quot;N&quot; value. </li><li>The X and Y values are percentages with one decimal.&nbsp; X and Y values can be positive, negative, zero, or greater than 100. </li><li>Size value is a percentage from 1% to 500%.</li><li>The Trigger value depends on which Core-script is being used. For the Basic Core-script, the Trigger values are &quot;a&quot;, &quot;p&quot;, &quot;f&quot;, &quot;h&quot; and &quot;r&quot;. See the Help Page of the Core-script window for more information on the available triggers. Triggers can be combined. The maximum trigger length is 10 characters.</li><li>The &quot;N&quot; value defines the transparency of the layer and accepts values from 1 to 100 when using the Lucidity for IE Core-script.</li></ul></body></html>\'); return false;">Trajectory Array</a><br><a href="ProjectStatus.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Status</h2><ul><li><font size=4>The Status screen indicates which layers are ready for compiling, as well as the project overall. </li><li>If the text in the status window is green, the layer can be previewed. </li><li>If the text in the status window is green for every layer, the project is ready for building. </li><li>Go to the Project menu and select &quot;Build JavaScript&quot; to build the final script. </li><li><font color=#FF0000>If you open an existing project with more than one layer, you must click on each of the layer tabs to enable the &quot;Build JavaScript&quot; menu option.</li></ul></body></html>\'); return false;">Project Status</a><br><a href="SRCHTMLViewer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>SRC/HTML Viewer</h2><ul><li><font face=Arial size=4>The SRC / HTML Viewer window shows the image or html file you have selected for the current layer.&nbsp; </li><li>Select the page tab of a layer&nbsp; to update the SRC / HTML Viewer.</li><li>The Viewer shows you the image or html file with the Size set to 100 (%).</li><li>If any of the HTML source used in your layers has any event activity which calls functions (OnClick, OnMouseover, etc.) those events will error within the SRC/HTML Viewer. This is normal.</li></ul></body></html>\'); return false;">SRC/HTML Viewer</a><br><a href="CorescriptWindow.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Core-script Window</h2><p><font face=Arial size=4>The Core-Script window shows the Core-script that has been selected for the project. Use the Project Properties option on the Project menu to set the Core-script for the project.</p><p><font face=Arial size=4>Each Core-script includes a Source page and a Help page.</p></body></html>\'); return false;">Core-script Information Window and Help Page</a><br></td></tr></table></body></html></layer>');


}else{
document.write('<DIV id="UserInterface" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="UserInterface">User Interface</a></h3><a href="FMSaveProject.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>File Menu: Save Project</h2><font face=Arial size=4>Saves the current Project.</body></html>\'); return false;">File Menu: Save Project</a><br><a href="FMExit.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>File Menu: Exit</h2><font face=Arial size=4>Closes the js Layer Utility program.</body></html>\'); return false;">File Menu: Exit</a><br><a href="PMNewLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: New Layer</font></h2><ul><li><font face=Arial size=4>Creates a new layer in the project. </font></li><li><font face=Arial size=4>Each project must have at least one layer.&nbsp; The maximum number of layers in a project is 10.</font></li><li><font face=Arial size=4>The last layer added will always be on top and remain in this order. To rearrange the order of the layers in a project, you would Remove them from the project and Import them in the right order.</font></li><li><font face=Arial size=4>Each layer is represented by a tab on the main window, which can be renamed, removed, or imported by another project. </font></li></ul></body></html>\'); return false;">Project Menu: New Layer</a><br><a href="PMImportLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Import Layer</h2><font face=Arial size=4>Imports an existing layer from the database.</body></html>\'); return false;">Project Menu: Import Layer</a><br><a href="PMRemoveLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Remove Layer</h2><font face=Arial size=4>Removes the currently selected layer. Once removed, the layer still exists in the database and can be Imported again later.</body></html>\'); return false;">Project Menu: Remove Layer</a><br><a href="PMRenameLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Rename Layer</h2><font face=Arial size=4>Renames the currently selected layer.</body></html>\'); return false;">Project Menu: Rename Layer</a><br><a href="PMProjectProperties.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Project Properties</h2><ul><li><font face=Arial size=4>Enter the Project name.<li>Set the Project Core-script.<ul><li>Every project has a Core-script.</li><li>The Basic Core-script is the first script on the Private Core-script Library page (enginesTOC.htm) included with the js Layer Utility.</li><li>This Basic Core-script is the basis for all other core-scripts.</li><li>Each Core-script has its own help page included.</li></ul><li>Add any additional lines of JavaScript code to be included at the end of the final JavaScript file.</li><li>Select the work directory for your project. The html files from that directory will be listed below.</li><li>Select an HTML document to be used as the Preview Page from the list of html files.</li><li>Click Accept to save the Project Properties settings and load/reload the Core-script.</li></ul></body></html>\'); return false;">Project Menu: Project Properties</a><br><a href="PMBuildJavaScript.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Build JavaScript</h2><ul><li><font face=Arial size=4>Builds the final JavaScript to be included in the specified HTML file, or copied to the clipboard for use in other files.<li><font face=Arial size=4>To Add the final JavaScript to a web document:<font face=Arial size=4><ul><li>Locate and select the directory that contains the HTML file to be used to hold the final JavaScript.</li><li>Select the appropriate HTML file from the list that appears to the right. </li><font face=Arial size=4><li>Click the Make script button to build the JavaScript.</li></ul></ul></body></html>\'); return false;">Project Menu: Build JavaScript</a><br><a href="LMRemoveLastPoint.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Remove Last Point</h2><font face=Arial size=4>Removes the last point in the Trajectory Array, which is the point having the highest index number,&nbsp; for the current layer.</body></html>\'); return false;">Layer Menu: Remove Last Point</a><br><a href="LMClearAllPoints.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Clear All Points</h2><font face=Arial size=4>Removes ALL of the points from the Trajectory Array for the current layer. If the layer is used in other projects, those projects will also be affected.</body></html>\'); return false;">Layer Menu: Clear All Points</a><br><a href="LMEqualSpacePlotting.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Equal Space Plotting</h2><font face=Arial size=4>Allows for equal spacing of plotted points. Click and drag the mouse to define a continuous string of equally spaced points.</body></html>\'); return false;">Layer Menu: Equal Space Plotting</a><br><a href="PreviewButton.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Preview Layers Button</h2><font face=Arial size=4>Allows you to preview the final JavaScript. You can select which layers to include in the preview. The html page which holds the preview is selected in Project Properties on the Project menu.</body></html>\'); return false;">Preview Layers Button</a><br><a href="PlotPointsButton.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Plot Points Button</h2><font face=Arial size=4>Sets the focus to the Trajectory Plotter.</body></html>\'); return false;">Plot Points Button</a><br><a href="LayerTab.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Tab</h2><font face=Arial size=4>The named Layer Tabs allow you to access each of the layers that you have added to your project. Click on the Layer name at the top of the main window to access that layer.</body></html>\'); return false;">Layer Tab</a><br><a href="ImageHtmlSelection.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Image/HTML Selection</h2><ul><li><font face=Arial size=4>Select the &quot;Image&quot; radio button to use an image file in the current layer.</li><li>Select the &quot;HTML&quot; radio button to use HTML source in the current layer.</li><li>If you are using the &quot;Image&quot; option, you will select an image file (.JPG or .GIF) from the drop down list that appears to the right of the &quot;Image&quot; button. </li><li>If you are using the HTML option, you will paste the HTML source into the box to the right of the HTML button.</li><li>For Image files, you can include a call to the DIVaction() function, or other JavaScript functions in the mouse events listed below the image file name. The DIVaction() function, found in the Basic Core-Script, is used to invoke the triggers for a specified layer. Available Triggers in the Basic Core-Script are Activate, Finish, Restart, Pause and Hold. Other Core-scripts may have other triggers.</li><li>The DIVaction() function can be called from any object of an HTML page.</li><li>See the Help Page of the Basic Core-Script window for more information on the DIVaction() function and the triggers.</li></ul></body></html>\'); return false;">Image/Html Selection</a><br><a href="PlottingScreen.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Plotter</h2><ul><li><font face=Arial size=4>The Trajectory Plotter window is used to add points to the trajectory which defines the motion of the current layer.</li><li>Click with the mouse anywhere on the Trajectory Plotter to add a point.</li><li>You can click outside the blue rectangle to add a point off screen.</li><li>You can click and drag the mouse to add a series of points.</li><li>Select the &quot;Equal Space Plotting&quot; option on the Layer menu to create a series of equally spaced points.</li><li>Add points to the left or above of the blue rectangle to move objects out of view. Moving points to the right, or below the blue rectangle, the red hash marks area, will affect the scroll bars when viewing the final script in a browser window.</li><li>You can change the background image of the Trajectory Plotter by clicking the button on the bottom-middle of the window.</li><li>This window can be resized and moved.</li><li>The pointer location is shown at the bottom left of the window. These X and Y values are percentages, so that the boundary of the blue area is defined by 0% and 100% of the view of the finished product in a browser window.</li></ul></body></html>\'); return false;">Trajectory Plotter</a><br><a href="ViewToolbox.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Toolbox Button</h2><ul><li><font face=Arial size=4>Use the Toolbox button to access a library of JavaScript tools. These tools are used to manipulate the values in the Trajectory Array.</li><li>With the &quot;Import Comma-Delimited Content&quot; tool, you can import an array of points from comma delimited text files, such as CSV files. There is also an array export tool and other tools for manipulating the Trajectory Array which are included in the library. </li><li>You can create your own tools and include them in the library.</li></ul></body></html>\'); return false;">Toolbox Button</a><br><a href="PointsArray.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Array</h2><ul><li><font face=Arial size=4>All of the points added to the trajectory are shown in the Trajectory Array on the right side of the JS Layer Utility window.</li><li>Points are shown and indexed in the order added.</li><li>Each point includes X, Y and Size (or Z) values, a Trigger value and &quot;N&quot; value. </li><li>The X and Y values are percentages with one decimal.&nbsp; X and Y values can be positive, negative, zero, or greater than 100. </li><li>Size value is a percentage from 1% to 500%.</li><li>The Trigger value depends on which Core-script is being used. For the Basic Core-script, the Trigger values are &quot;a&quot;, &quot;p&quot;, &quot;f&quot;, &quot;h&quot; and &quot;r&quot;. See the Help Page of the Core-script window for more information on the available triggers. Triggers can be combined. The maximum trigger length is 10 characters.</li><li>The &quot;N&quot; value defines the transparency of the layer and accepts values from 1 to 100 when using the Lucidity for IE Core-script.</li></ul></body></html>\'); return false;">Trajectory Array</a><br><a href="ProjectStatus.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Status</h2><ul><li><font size=4>The Status screen indicates which layers are ready for compiling, as well as the project overall. </li><li>If the text in the status window is green, the layer can be previewed. </li><li>If the text in the status window is green for every layer, the project is ready for building. </li><li>Go to the Project menu and select &quot;Build JavaScript&quot; to build the final script. </li><li><font color=#FF0000>If you open an existing project with more than one layer, you must click on each of the layer tabs to enable the &quot;Build JavaScript&quot; menu option.</li></ul></body></html>\'); return false;">Project Status</a><br><a href="SRCHTMLViewer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>SRC/HTML Viewer</h2><ul><li><font face=Arial size=4>The SRC / HTML Viewer window shows the image or html file you have selected for the current layer.&nbsp; </li><li>Select the page tab of a layer&nbsp; to update the SRC / HTML Viewer.</li><li>The Viewer shows you the image or html file with the Size set to 100 (%).</li><li>If any of the HTML source used in your layers has any event activity which calls functions (OnClick, OnMouseover, etc.) those events will error within the SRC/HTML Viewer. This is normal.</li></ul></body></html>\'); return false;">SRC/HTML Viewer</a><br><a href="CorescriptWindow.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Core-script Window</h2><p><font face=Arial size=4>The Core-Script window shows the Core-script that has been selected for the project. Use the Project Properties option on the Project menu to set the Core-script for the project.</p><p><font face=Arial size=4>Each Core-script includes a Source page and a Help page.</p></body></html>\'); return false;">Core-script Information Window and Help Page</a><br></td></tr></table></body></html></DIV>');
}
}else{
document.write('<DIV id="UserInterface" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="UserInterface">User Interface</a></h3><a href="FMSaveProject.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>File Menu: Save Project</h2><font face=Arial size=4>Saves the current Project.</body></html>\'); return false;">File Menu: Save Project</a><br><a href="FMExit.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>File Menu: Exit</h2><font face=Arial size=4>Closes the js Layer Utility program.</body></html>\'); return false;">File Menu: Exit</a><br><a href="PMNewLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: New Layer</font></h2><ul><li><font face=Arial size=4>Creates a new layer in the project. </font></li><li><font face=Arial size=4>Each project must have at least one layer.&nbsp; The maximum number of layers in a project is 10.</font></li><li><font face=Arial size=4>The last layer added will always be on top and remain in this order. To rearrange the order of the layers in a project, you would Remove them from the project and Import them in the right order.</font></li><li><font face=Arial size=4>Each layer is represented by a tab on the main window, which can be renamed, removed, or imported by another project. </font></li></ul></body></html>\'); return false;">Project Menu: New Layer</a><br><a href="PMImportLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Import Layer</h2><font face=Arial size=4>Imports an existing layer from the database.</body></html>\'); return false;">Project Menu: Import Layer</a><br><a href="PMRemoveLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Remove Layer</h2><font face=Arial size=4>Removes the currently selected layer. Once removed, the layer still exists in the database and can be Imported again later.</body></html>\'); return false;">Project Menu: Remove Layer</a><br><a href="PMRenameLayer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Rename Layer</h2><font face=Arial size=4>Renames the currently selected layer.</body></html>\'); return false;">Project Menu: Rename Layer</a><br><a href="PMProjectProperties.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Project Properties</h2><ul><li><font face=Arial size=4>Enter the Project name.<li>Set the Project Core-script.<ul><li>Every project has a Core-script.</li><li>The Basic Core-script is the first script on the Private Core-script Library page (enginesTOC.htm) included with the js Layer Utility.</li><li>This Basic Core-script is the basis for all other core-scripts.</li><li>Each Core-script has its own help page included.</li></ul><li>Add any additional lines of JavaScript code to be included at the end of the final JavaScript file.</li><li>Select the work directory for your project. The html files from that directory will be listed below.</li><li>Select an HTML document to be used as the Preview Page from the list of html files.</li><li>Click Accept to save the Project Properties settings and load/reload the Core-script.</li></ul></body></html>\'); return false;">Project Menu: Project Properties</a><br><a href="PMBuildJavaScript.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Menu: Build JavaScript</h2><ul><li><font face=Arial size=4>Builds the final JavaScript to be included in the specified HTML file, or copied to the clipboard for use in other files.<li><font face=Arial size=4>To Add the final JavaScript to a web document:<font face=Arial size=4><ul><li>Locate and select the directory that contains the HTML file to be used to hold the final JavaScript.</li><li>Select the appropriate HTML file from the list that appears to the right. </li><font face=Arial size=4><li>Click the Make script button to build the JavaScript.</li></ul></ul></body></html>\'); return false;">Project Menu: Build JavaScript</a><br><a href="LMRemoveLastPoint.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Remove Last Point</h2><font face=Arial size=4>Removes the last point in the Trajectory Array, which is the point having the highest index number,&nbsp; for the current layer.</body></html>\'); return false;">Layer Menu: Remove Last Point</a><br><a href="LMClearAllPoints.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Clear All Points</h2><font face=Arial size=4>Removes ALL of the points from the Trajectory Array for the current layer. If the layer is used in other projects, those projects will also be affected.</body></html>\'); return false;">Layer Menu: Clear All Points</a><br><a href="LMEqualSpacePlotting.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Menu: Equal Space Plotting</h2><font face=Arial size=4>Allows for equal spacing of plotted points. Click and drag the mouse to define a continuous string of equally spaced points.</body></html>\'); return false;">Layer Menu: Equal Space Plotting</a><br><a href="PreviewButton.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Preview Layers Button</h2><font face=Arial size=4>Allows you to preview the final JavaScript. You can select which layers to include in the preview. The html page which holds the preview is selected in Project Properties on the Project menu.</body></html>\'); return false;">Preview Layers Button</a><br><a href="PlotPointsButton.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Plot Points Button</h2><font face=Arial size=4>Sets the focus to the Trajectory Plotter.</body></html>\'); return false;">Plot Points Button</a><br><a href="LayerTab.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Layer Tab</h2><font face=Arial size=4>The named Layer Tabs allow you to access each of the layers that you have added to your project. Click on the Layer name at the top of the main window to access that layer.</body></html>\'); return false;">Layer Tab</a><br><a href="ImageHtmlSelection.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Image/HTML Selection</h2><ul><li><font face=Arial size=4>Select the &quot;Image&quot; radio button to use an image file in the current layer.</li><li>Select the &quot;HTML&quot; radio button to use HTML source in the current layer.</li><li>If you are using the &quot;Image&quot; option, you will select an image file (.JPG or .GIF) from the drop down list that appears to the right of the &quot;Image&quot; button. </li><li>If you are using the HTML option, you will paste the HTML source into the box to the right of the HTML button.</li><li>For Image files, you can include a call to the DIVaction() function, or other JavaScript functions in the mouse events listed below the image file name. The DIVaction() function, found in the Basic Core-Script, is used to invoke the triggers for a specified layer. Available Triggers in the Basic Core-Script are Activate, Finish, Restart, Pause and Hold. Other Core-scripts may have other triggers.</li><li>The DIVaction() function can be called from any object of an HTML page.</li><li>See the Help Page of the Basic Core-Script window for more information on the DIVaction() function and the triggers.</li></ul></body></html>\'); return false;">Image/Html Selection</a><br><a href="PlottingScreen.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Plotter</h2><ul><li><font face=Arial size=4>The Trajectory Plotter window is used to add points to the trajectory which defines the motion of the current layer.</li><li>Click with the mouse anywhere on the Trajectory Plotter to add a point.</li><li>You can click outside the blue rectangle to add a point off screen.</li><li>You can click and drag the mouse to add a series of points.</li><li>Select the &quot;Equal Space Plotting&quot; option on the Layer menu to create a series of equally spaced points.</li><li>Add points to the left or above of the blue rectangle to move objects out of view. Moving points to the right, or below the blue rectangle, the red hash marks area, will affect the scroll bars when viewing the final script in a browser window.</li><li>You can change the background image of the Trajectory Plotter by clicking the button on the bottom-middle of the window.</li><li>This window can be resized and moved.</li><li>The pointer location is shown at the bottom left of the window. These X and Y values are percentages, so that the boundary of the blue area is defined by 0% and 100% of the view of the finished product in a browser window.</li></ul></body></html>\'); return false;">Trajectory Plotter</a><br><a href="ViewToolbox.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Toolbox Button</h2><ul><li><font face=Arial size=4>Use the Toolbox button to access a library of JavaScript tools. These tools are used to manipulate the values in the Trajectory Array.</li><li>With the &quot;Import Comma-Delimited Content&quot; tool, you can import an array of points from comma delimited text files, such as CSV files. There is also an array export tool and other tools for manipulating the Trajectory Array which are included in the library. </li><li>You can create your own tools and include them in the library.</li></ul></body></html>\'); return false;">Toolbox Button</a><br><a href="PointsArray.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Array</h2><ul><li><font face=Arial size=4>All of the points added to the trajectory are shown in the Trajectory Array on the right side of the JS Layer Utility window.</li><li>Points are shown and indexed in the order added.</li><li>Each point includes X, Y and Size (or Z) values, a Trigger value and &quot;N&quot; value. </li><li>The X and Y values are percentages with one decimal.&nbsp; X and Y values can be positive, negative, zero, or greater than 100. </li><li>Size value is a percentage from 1% to 500%.</li><li>The Trigger value depends on which Core-script is being used. For the Basic Core-script, the Trigger values are &quot;a&quot;, &quot;p&quot;, &quot;f&quot;, &quot;h&quot; and &quot;r&quot;. See the Help Page of the Core-script window for more information on the available triggers. Triggers can be combined. The maximum trigger length is 10 characters.</li><li>The &quot;N&quot; value defines the transparency of the layer and accepts values from 1 to 100 when using the Lucidity for IE Core-script.</li></ul></body></html>\'); return false;">Trajectory Array</a><br><a href="ProjectStatus.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Project Status</h2><ul><li><font size=4>The Status screen indicates which layers are ready for compiling, as well as the project overall. </li><li>If the text in the status window is green, the layer can be previewed. </li><li>If the text in the status window is green for every layer, the project is ready for building. </li><li>Go to the Project menu and select &quot;Build JavaScript&quot; to build the final script. </li><li><font color=#FF0000>If you open an existing project with more than one layer, you must click on each of the layer tabs to enable the &quot;Build JavaScript&quot; menu option.</li></ul></body></html>\'); return false;">Project Status</a><br><a href="SRCHTMLViewer.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>SRC/HTML Viewer</h2><ul><li><font face=Arial size=4>The SRC / HTML Viewer window shows the image or html file you have selected for the current layer.&nbsp; </li><li>Select the page tab of a layer&nbsp; to update the SRC / HTML Viewer.</li><li>The Viewer shows you the image or html file with the Size set to 100 (%).</li><li>If any of the HTML source used in your layers has any event activity which calls functions (OnClick, OnMouseover, etc.) those events will error within the SRC/HTML Viewer. This is normal.</li></ul></body></html>\'); return false;">SRC/HTML Viewer</a><br><a href="CorescriptWindow.htm" onclick="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Core-script Window</h2><p><font face=Arial size=4>The Core-Script window shows the Core-script that has been selected for the project. Use the Project Properties option on the Project menu to set the Core-script for the project.</p><p><font face=Arial size=4>Each Core-script includes a Source page and a Help page.</p></body></html>\'); return false;">Core-script Information Window and Help Page</a><br></td></tr></table></body></html> </DIV>');
}

vp[1] = 30; hp[1]= -200; ka[1]= "p"; 
vp[2] = 30; hp[2]= -200; ka[2]= ""; 
vp[3] = 30; hp[3]= -28; ka[3]= ""; 
vp[4] = 30; hp[4]= -5; ka[4]= ""; 
vp[5] = 30; hp[5]= 0; ka[5]= ""; 
vp[6] = 30; hp[6]= 5; ka[6]= "ph"; 
vp[7] = 30; hp[7]= 0; ka[7]= ""; 
vp[8] = 30; hp[8]= -28; ka[8]= ""; 
vp[9] = 30; hp[9]= -200; ka[9]= ""; 
DIV_name[2] = "GetStarted";
DIV_type[2] = "h";
DIVlength[2] = 9;
DIV_Absolute[2] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="GetStarted" >','<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="GettingStarted">Getting Started</a></h3><a href="SelectNewProject.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 1: Starting a New Project </h2><ul><li><font size=4>To Start a new project, start or restart the js Layer Utility. The Open Project window will appear.</li><li>Select the &quot;New&quot; tab. Then click &quot;Continue&quot;. The Project Properties window will appear.</li></ul><p><img border=0 src=13_NewProject.jpg width=445 height=220></p></body></html>\'); return false;">Step 1: Select New Project</a><br><a href="EnterProjectName.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 2: Enter the Project Name</h2><ul><li><font face=Arial size=4>Enter the name of your project in the Project Name field of the Project Properties window shown here.</li><li> This name will also be the name of the javascript that is generated by the wizard.</li></ul><img border=0 src=13_projectname.jpg width=483 height=234></body></html>\'); return false;">Step 2: Enter Project Name</a><br><a href="SetCoreScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 3: Select a Core-script for your project.</h2><font face=Arial><font face=Arial size=4><ul><li>Click the &quot;Set core-script&quot; button on the Project Properties window. This will bring up the Select Library window.</li><li>Every project will have a Core-script. The Core-script provides the basis for moving the layers of the project through their trajectories, as well as starting and stopping the motion.</li></ul><p><img border=0 src=13_SetCoreScript.jpg width=499 height=159></p></body></html>\'); return false;">Step 3: Set Core-Script</a><br><a href="SelectLibrary.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 4: Select and View the Core-script Library.</h2><font face=Arial><font face=Arial size=4><ul><li>Enter the location of the Core-script library you wish to use. The Core-scripts that are included with the js Layer Utility are found in the file &quot;EnginesTOC.htm&quot;.</li><li>With a valid Core-script URL entered, click the &quot;View&quot; button. A Core-script Library window will appear. </li></ul><font face=Arial></h2><p><img border=0 src=13_selectlibrary.jpg width=465 height=210><p>Note: A valid Core-script Library page will have a unique tag within its html to notify the js Layer Utility that it is indeed a valid list of published Core-scripts.</p></p></body></html>\'); return false;">Step 4: Select Library Window</a><br><a href="BasicCoreScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 5: Select the Core-script.</h2><font face=Arial><font face=Arial size=4><ul><li>The Basic Core-script is the first Core-script in the library. </li><li>Select the Basic Core-script for your first project by clicking the button that says &quot;Use this core-script.&quot;</li><li>The Basic Core-script provides the JavaScript code that moves each layer through a trajectory of points and triggers to activate, pause and restart the layer motion. </li><li>All other core-scripts are derived from the Basic Core-script. </li><li>Each core-script includes its own Help page which specifies the usage of that core-script, including available triggers and which of the trajectory values are used.</li></ul><p><img border=0 src=13_corescript.jpg width=297 height=134></p></body></html>\'); return false;">Step 5: Select the Core-Script</a><br><a href="SelectWorkDir.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 6: Select the Work Directory</h2><font face=Arial size=4><ul><li>Back on the Project Properties window, select the Work Directory for your project. </li><li>The Work Directory will contain:<ul><li>your preview page and</li><li>the image files that are available for your project.</li></ul></li></ul><p><img border=0 src=13_WorkDir.jpg width=494 height=346></p></body></html>\'); return false;">Step 6: Select Work Directory</a><br><a href="SelectPreview.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 7: Select the Preview Page</h2><font face=Arial size=4><ul><li>Select the HTML document that you wish to use as the Preview Page. </li><li>All the layers of your project can be previewed within the selected page.</li></ul><p><img border=0 src=13_PreviewPage.jpg width=494 height=217></p></body></html>\'); return false;">Step 7: Select Preview Page</a><br><a href="AddScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 8: Add Additional Script</h2><font face=Arial size=4><ul><li>You can insert additional lines of JavaScript, which will be inserted at the end of the final JavaScript file, compiled by the wizard.</li></ul><p><img border=0 src=13_AddScript.jpg width=334 height=384></p></body></html>\'); return false;">Step 8: Add Additional JavaScript</a><br><a href="Accept.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 9: Accept the Project Properties Settings</h2><font face=Arial size=4><ul><li>Click the &quot;Accept&quot; button to save your settings and load the Core-script into your project.</li></ul><p><img border=0 src=13_Accept.jpg width=331 height=254></p></body></html>\'); return false;">Step 9: Accept Properties Settings</a><br><a href="AddNewLayer.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 10: Add a New Layer</h2><font face=Arial size=4><ul><li>Once you have loaded a Core-script and clicked the &quot;Accept&quot; button to close the Project Properties window, the next step is to add the first layer to the project. Go to the Project menu and select &quot;New Layer&quot;. </li><li>Each layer you add will appear as a tab on the main window. </li><li>Newer layers always appear in front of older layers. </li><li>You can add up to 32 layers. </li><li>You can switch between layers by clicking each of the labeled tabs. </li><li>You can rename the current layer by going to the Project menu and selecting &quot;Rename Layer&quot;.</li></ul><p><img border=0 src=13_addnewlayer.jpg width=363 height=152></p></body></html>\'); return false;">Step 10: Add a New Layer</a><br><a href="SelectImageHtml.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 11: Select Image or HTML</h2><font face=Arial size=4><ul><li>Each layer will contain an image file (.GIF or .JPG format), or HTML. </li><li>Select which type of file you will use for this layer by clicking the button next to &quot;Image&quot; or &quot;HTML&quot;.<ul><li>If you are using the &quot;Image&quot; option, you will select an image file from the &quot;Image SRC&quot; drop down list that appears to the right of the &quot;Image&quot; button. This list shows all the image files in your work directory.</li><li>If you are using the &quot;HTML&quot; option, you will paste the HTML source into the box which appears when you select this option.</li></ul></li><li>For Image files, you can include a call to a JavaScript function for the OnClick event and the OnMouseOver event of the image.</li><li>Now you are ready to begin plotting points. </li></ul><p><img border=0 src=13_ImageHtml.jpg width=423 height=201></p></body></html>\'); return false;">Step 11: Select Image or HTML</a><br></td></tr></table></body></html></layer>');


}else{
document.write('<DIV id="GetStarted" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="GettingStarted">Getting Started</a></h3><a href="SelectNewProject.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 1: Starting a New Project </h2><ul><li><font size=4>To Start a new project, start or restart the js Layer Utility. The Open Project window will appear.</li><li>Select the &quot;New&quot; tab. Then click &quot;Continue&quot;. The Project Properties window will appear.</li></ul><p><img border=0 src=13_NewProject.jpg width=445 height=220></p></body></html>\'); return false;">Step 1: Select New Project</a><br><a href="EnterProjectName.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 2: Enter the Project Name</h2><ul><li><font face=Arial size=4>Enter the name of your project in the Project Name field of the Project Properties window shown here.</li><li> This name will also be the name of the javascript that is generated by the wizard.</li></ul><img border=0 src=13_projectname.jpg width=483 height=234></body></html>\'); return false;">Step 2: Enter Project Name</a><br><a href="SetCoreScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 3: Select a Core-script for your project.</h2><font face=Arial><font face=Arial size=4><ul><li>Click the &quot;Set core-script&quot; button on the Project Properties window. This will bring up the Select Library window.</li><li>Every project will have a Core-script. The Core-script provides the basis for moving the layers of the project through their trajectories, as well as starting and stopping the motion.</li></ul><p><img border=0 src=13_SetCoreScript.jpg width=499 height=159></p></body></html>\'); return false;">Step 3: Set Core-Script</a><br><a href="SelectLibrary.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 4: Select and View the Core-script Library.</h2><font face=Arial><font face=Arial size=4><ul><li>Enter the location of the Core-script library you wish to use. The Core-scripts that are included with the js Layer Utility are found in the file &quot;EnginesTOC.htm&quot;.</li><li>With a valid Core-script URL entered, click the &quot;View&quot; button. A Core-script Library window will appear. </li></ul><font face=Arial></h2><p><img border=0 src=13_selectlibrary.jpg width=465 height=210><p>Note: A valid Core-script Library page will have a unique tag within its html to notify the js Layer Utility that it is indeed a valid list of published Core-scripts.</p></p></body></html>\'); return false;">Step 4: Select Library Window</a><br><a href="BasicCoreScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 5: Select the Core-script.</h2><font face=Arial><font face=Arial size=4><ul><li>The Basic Core-script is the first Core-script in the library. </li><li>Select the Basic Core-script for your first project by clicking the button that says &quot;Use this core-script.&quot;</li><li>The Basic Core-script provides the JavaScript code that moves each layer through a trajectory of points and triggers to activate, pause and restart the layer motion. </li><li>All other core-scripts are derived from the Basic Core-script. </li><li>Each core-script includes its own Help page which specifies the usage of that core-script, including available triggers and which of the trajectory values are used.</li></ul><p><img border=0 src=13_corescript.jpg width=297 height=134></p></body></html>\'); return false;">Step 5: Select the Core-Script</a><br><a href="SelectWorkDir.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 6: Select the Work Directory</h2><font face=Arial size=4><ul><li>Back on the Project Properties window, select the Work Directory for your project. </li><li>The Work Directory will contain:<ul><li>your preview page and</li><li>the image files that are available for your project.</li></ul></li></ul><p><img border=0 src=13_WorkDir.jpg width=494 height=346></p></body></html>\'); return false;">Step 6: Select Work Directory</a><br><a href="SelectPreview.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 7: Select the Preview Page</h2><font face=Arial size=4><ul><li>Select the HTML document that you wish to use as the Preview Page. </li><li>All the layers of your project can be previewed within the selected page.</li></ul><p><img border=0 src=13_PreviewPage.jpg width=494 height=217></p></body></html>\'); return false;">Step 7: Select Preview Page</a><br><a href="AddScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 8: Add Additional Script</h2><font face=Arial size=4><ul><li>You can insert additional lines of JavaScript, which will be inserted at the end of the final JavaScript file, compiled by the wizard.</li></ul><p><img border=0 src=13_AddScript.jpg width=334 height=384></p></body></html>\'); return false;">Step 8: Add Additional JavaScript</a><br><a href="Accept.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 9: Accept the Project Properties Settings</h2><font face=Arial size=4><ul><li>Click the &quot;Accept&quot; button to save your settings and load the Core-script into your project.</li></ul><p><img border=0 src=13_Accept.jpg width=331 height=254></p></body></html>\'); return false;">Step 9: Accept Properties Settings</a><br><a href="AddNewLayer.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 10: Add a New Layer</h2><font face=Arial size=4><ul><li>Once you have loaded a Core-script and clicked the &quot;Accept&quot; button to close the Project Properties window, the next step is to add the first layer to the project. Go to the Project menu and select &quot;New Layer&quot;. </li><li>Each layer you add will appear as a tab on the main window. </li><li>Newer layers always appear in front of older layers. </li><li>You can add up to 32 layers. </li><li>You can switch between layers by clicking each of the labeled tabs. </li><li>You can rename the current layer by going to the Project menu and selecting &quot;Rename Layer&quot;.</li></ul><p><img border=0 src=13_addnewlayer.jpg width=363 height=152></p></body></html>\'); return false;">Step 10: Add a New Layer</a><br><a href="SelectImageHtml.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 11: Select Image or HTML</h2><font face=Arial size=4><ul><li>Each layer will contain an image file (.GIF or .JPG format), or HTML. </li><li>Select which type of file you will use for this layer by clicking the button next to &quot;Image&quot; or &quot;HTML&quot;.<ul><li>If you are using the &quot;Image&quot; option, you will select an image file from the &quot;Image SRC&quot; drop down list that appears to the right of the &quot;Image&quot; button. This list shows all the image files in your work directory.</li><li>If you are using the &quot;HTML&quot; option, you will paste the HTML source into the box which appears when you select this option.</li></ul></li><li>For Image files, you can include a call to a JavaScript function for the OnClick event and the OnMouseOver event of the image.</li><li>Now you are ready to begin plotting points. </li></ul><p><img border=0 src=13_ImageHtml.jpg width=423 height=201></p></body></html>\'); return false;">Step 11: Select Image or HTML</a><br></td></tr></table></body></html></DIV>');
}
}else{
document.write('<DIV id="GetStarted" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="GettingStarted">Getting Started</a></h3><a href="SelectNewProject.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 1: Starting a New Project </h2><ul><li><font size=4>To Start a new project, start or restart the js Layer Utility. The Open Project window will appear.</li><li>Select the &quot;New&quot; tab. Then click &quot;Continue&quot;. The Project Properties window will appear.</li></ul><p><img border=0 src=13_NewProject.jpg width=445 height=220></p></body></html>\'); return false;">Step 1: Select New Project</a><br><a href="EnterProjectName.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 2: Enter the Project Name</h2><ul><li><font face=Arial size=4>Enter the name of your project in the Project Name field of the Project Properties window shown here.</li><li> This name will also be the name of the javascript that is generated by the wizard.</li></ul><img border=0 src=13_projectname.jpg width=483 height=234></body></html>\'); return false;">Step 2: Enter Project Name</a><br><a href="SetCoreScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 3: Select a Core-script for your project.</h2><font face=Arial><font face=Arial size=4><ul><li>Click the &quot;Set core-script&quot; button on the Project Properties window. This will bring up the Select Library window.</li><li>Every project will have a Core-script. The Core-script provides the basis for moving the layers of the project through their trajectories, as well as starting and stopping the motion.</li></ul><p><img border=0 src=13_SetCoreScript.jpg width=499 height=159></p></body></html>\'); return false;">Step 3: Set Core-Script</a><br><a href="SelectLibrary.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 4: Select and View the Core-script Library.</h2><font face=Arial><font face=Arial size=4><ul><li>Enter the location of the Core-script library you wish to use. The Core-scripts that are included with the js Layer Utility are found in the file &quot;EnginesTOC.htm&quot;.</li><li>With a valid Core-script URL entered, click the &quot;View&quot; button. A Core-script Library window will appear. </li></ul><font face=Arial></h2><p><img border=0 src=13_selectlibrary.jpg width=465 height=210><p>Note: A valid Core-script Library page will have a unique tag within its html to notify the js Layer Utility that it is indeed a valid list of published Core-scripts.</p></p></body></html>\'); return false;">Step 4: Select Library Window</a><br><a href="BasicCoreScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 5: Select the Core-script.</h2><font face=Arial><font face=Arial size=4><ul><li>The Basic Core-script is the first Core-script in the library. </li><li>Select the Basic Core-script for your first project by clicking the button that says &quot;Use this core-script.&quot;</li><li>The Basic Core-script provides the JavaScript code that moves each layer through a trajectory of points and triggers to activate, pause and restart the layer motion. </li><li>All other core-scripts are derived from the Basic Core-script. </li><li>Each core-script includes its own Help page which specifies the usage of that core-script, including available triggers and which of the trajectory values are used.</li></ul><p><img border=0 src=13_corescript.jpg width=297 height=134></p></body></html>\'); return false;">Step 5: Select the Core-Script</a><br><a href="SelectWorkDir.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 6: Select the Work Directory</h2><font face=Arial size=4><ul><li>Back on the Project Properties window, select the Work Directory for your project. </li><li>The Work Directory will contain:<ul><li>your preview page and</li><li>the image files that are available for your project.</li></ul></li></ul><p><img border=0 src=13_WorkDir.jpg width=494 height=346></p></body></html>\'); return false;">Step 6: Select Work Directory</a><br><a href="SelectPreview.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 7: Select the Preview Page</h2><font face=Arial size=4><ul><li>Select the HTML document that you wish to use as the Preview Page. </li><li>All the layers of your project can be previewed within the selected page.</li></ul><p><img border=0 src=13_PreviewPage.jpg width=494 height=217></p></body></html>\'); return false;">Step 7: Select Preview Page</a><br><a href="AddScript.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 8: Add Additional Script</h2><font face=Arial size=4><ul><li>You can insert additional lines of JavaScript, which will be inserted at the end of the final JavaScript file, compiled by the wizard.</li></ul><p><img border=0 src=13_AddScript.jpg width=334 height=384></p></body></html>\'); return false;">Step 8: Add Additional JavaScript</a><br><a href="Accept.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 9: Accept the Project Properties Settings</h2><font face=Arial size=4><ul><li>Click the &quot;Accept&quot; button to save your settings and load the Core-script into your project.</li></ul><p><img border=0 src=13_Accept.jpg width=331 height=254></p></body></html>\'); return false;">Step 9: Accept Properties Settings</a><br><a href="AddNewLayer.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 10: Add a New Layer</h2><font face=Arial size=4><ul><li>Once you have loaded a Core-script and clicked the &quot;Accept&quot; button to close the Project Properties window, the next step is to add the first layer to the project. Go to the Project menu and select &quot;New Layer&quot;. </li><li>Each layer you add will appear as a tab on the main window. </li><li>Newer layers always appear in front of older layers. </li><li>You can add up to 32 layers. </li><li>You can switch between layers by clicking each of the labeled tabs. </li><li>You can rename the current layer by going to the Project menu and selecting &quot;Rename Layer&quot;.</li></ul><p><img border=0 src=13_addnewlayer.jpg width=363 height=152></p></body></html>\'); return false;">Step 10: Add a New Layer</a><br><a href="SelectImageHtml.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Step 11: Select Image or HTML</h2><font face=Arial size=4><ul><li>Each layer will contain an image file (.GIF or .JPG format), or HTML. </li><li>Select which type of file you will use for this layer by clicking the button next to &quot;Image&quot; or &quot;HTML&quot;.<ul><li>If you are using the &quot;Image&quot; option, you will select an image file from the &quot;Image SRC&quot; drop down list that appears to the right of the &quot;Image&quot; button. This list shows all the image files in your work directory.</li><li>If you are using the &quot;HTML&quot; option, you will paste the HTML source into the box which appears when you select this option.</li></ul></li><li>For Image files, you can include a call to a JavaScript function for the OnClick event and the OnMouseOver event of the image.</li><li>Now you are ready to begin plotting points. </li></ul><p><img border=0 src=13_ImageHtml.jpg width=423 height=201></p></body></html>\'); return false;">Step 11: Select Image or HTML</a><br></td></tr></table></body></html> </DIV>');
}

vp[1002] = 30; hp[1002]= -200; ka[1002]= "p"; 
vp[1003] = 30; hp[1003]= -200; ka[1003]= ""; 
vp[1004] = 30; hp[1004]= -28; ka[1004]= ""; 
vp[1005] = 30; hp[1005]= -5; ka[1005]= ""; 
vp[1006] = 30; hp[1006]= 0; ka[1006]= ""; 
vp[1007] = 30; hp[1007]= 5; ka[1007]= "ph"; 
vp[1008] = 30; hp[1008]= 0; ka[1008]= ""; 
vp[1009] = 30; hp[1009]= -28; ka[1009]= ""; 
vp[1010] = 30; hp[1010]= -200; ka[1010]= ""; 
DIV_name[3] = "PlottingPoints";
DIV_type[3] = "h";
DIVlength[3] = 9;
DIV_Absolute[3] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="PlottingPoints" >','<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="PlottingPoints" >Plotting Points</a></h3><a href="PlottingThePoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Using the Mouse</h2><font face=Arial size=4><ul><li>The Trajectory Plotter window is used to add points to a trajectory which defines the motion of the current layer. </li><li>For this example, select an Image file for your first layer. If your work directory is set to &quot;js Layer Utility&quot;, you can use the image file &quot;sun.gif&quot;. Click on the Drop-down list labeled &quot;Image SRC&quot; to select an image from your work directory.</li><li>On the Layer menu, you can turn off Equal Space Plotting for this example.</li><li>Click with the mouse just above the blue rectangle of the Trajectory Plotter screen. This point will be outside of the viewable area, which is defined by the blue rectangle of the Trajectory Plotter.</li><li>Click again inside the rectangle.</li><li>Move the mouse down to the bottom of the rectangle and click again.</li><li>Now, move back up and try to simulate a bouncing ball by clicking the mouse at various points as you move along the curve of the bounce.</li><li>Finally, move outside the rectangle and click again, taking the ball off screen again.</li><li>Click the preview button and watch the ball move through the path you drew.</li><li>Click on the File menu and select &quot;Save Project&quot; to save the project.<br>&nbsp;</li></ul></body></html>\'); return false;">Using the Mouse</a><br><a href="TypingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Typing the Points</h2><font face=Arial size=4><ul><li>As you add points on the Trajectory Plotter, the X, Y and Size values for these points are added to the Trajectory Array on the right side of the main window. </li><li>Once these points have been created using the Trajectory Plotter, their values can be changed by typing directly into the Trajectory Array.</li><li>You can change the Size of the image to be displayed for any point in the Trajectory.</li><li>You can add triggers to any of the points by typing the appropriate codes in the Trigger column of the Trajectory Array<br>&nbsp;</li></ul></font></body></html>\'); return false;">Typing the Points</a><br><a href="ExportingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Exporting the Points</h2><font face=Arial size=4><ul><li>You can Export the array of trajectory points to comma-delimited text.</li><li>Click on the &quot;Toolbox&quot; button above the Trajectory Array.</li><li>Click &quot;View&quot; to open the toolbox library (&quot;functions.htm&quot;).</li><li>Click the &quot;Comma Separated Value&quot; link to export the points Trajectory to comma delimited format.&nbsp; The file &quot;Comma_d.htm&quot; is opened. This tool will give you the correct format of the comma-delimited data.<ul><li>Click the &quot;Select All&quot; button to include the points to be exported.</li><li>Click the &quot;Run tool&quot; button on this screen. The results will appear in the box above &quot;Run tool&quot;</li><li>Right-click the results to Select All and Copy.</li><li>You can copy this array to any text editor, to add points, or modify the values.</li><li>When you have finished modifying the array, you are ready to import these values (see Importing the Points).</li></ul></li><li>Click the Back button on Comma_d.htm to return to the Tools library, or close it.</li></ul></font></body></html>\'); return false;">Exporting the Points</a><br><a href="ImportingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Importing the Points</h2><font face=Arial size=4><ul><li>You can Import an array of trajectory points from comma-delimited text, such as CSV files.</li><li>Click on the &quot;Toolbox&quot; button above the Trajectory Array.</li><li>Click &quot;View&quot; to open the toolbox library (&quot;functions.htm&quot;).</li><li>Click the &quot;Import comma delimited content&quot; link on the Tools library page. The file &quot;Import_from_comma.htm&quot; is opened.<ul><li>Copy the comma-delimited text you want to import from any text editor.</li><li>Paste your text into the box at the top of the Import_from_comma.htm page.</li><li>Click one of the buttons under &quot;Insert&quot; at the point where you want to Insert the new data. (If you want to remove all of the old points of the trajectory, go back to the main window and select &quot;Remove All Points&quot; from the Layer menu.)</li><li>Click the &quot;Run tool&quot; button.</li><li>Click the &quot;Accept All Values&quot; button.</li><li>The values will be imported and the library window will close itself.</li></ul></li></ul></body></html>\'); return false;">Importing the Points</a><br></td></tr></table></body></html></layer>');


}else{
document.write('<DIV id="PlottingPoints" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="PlottingPoints" >Plotting Points</a></h3><a href="PlottingThePoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Using the Mouse</h2><font face=Arial size=4><ul><li>The Trajectory Plotter window is used to add points to a trajectory which defines the motion of the current layer. </li><li>For this example, select an Image file for your first layer. If your work directory is set to &quot;js Layer Utility&quot;, you can use the image file &quot;sun.gif&quot;. Click on the Drop-down list labeled &quot;Image SRC&quot; to select an image from your work directory.</li><li>On the Layer menu, you can turn off Equal Space Plotting for this example.</li><li>Click with the mouse just above the blue rectangle of the Trajectory Plotter screen. This point will be outside of the viewable area, which is defined by the blue rectangle of the Trajectory Plotter.</li><li>Click again inside the rectangle.</li><li>Move the mouse down to the bottom of the rectangle and click again.</li><li>Now, move back up and try to simulate a bouncing ball by clicking the mouse at various points as you move along the curve of the bounce.</li><li>Finally, move outside the rectangle and click again, taking the ball off screen again.</li><li>Click the preview button and watch the ball move through the path you drew.</li><li>Click on the File menu and select &quot;Save Project&quot; to save the project.<br>&nbsp;</li></ul></body></html>\'); return false;">Using the Mouse</a><br><a href="TypingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Typing the Points</h2><font face=Arial size=4><ul><li>As you add points on the Trajectory Plotter, the X, Y and Size values for these points are added to the Trajectory Array on the right side of the main window. </li><li>Once these points have been created using the Trajectory Plotter, their values can be changed by typing directly into the Trajectory Array.</li><li>You can change the Size of the image to be displayed for any point in the Trajectory.</li><li>You can add triggers to any of the points by typing the appropriate codes in the Trigger column of the Trajectory Array<br>&nbsp;</li></ul></font></body></html>\'); return false;">Typing the Points</a><br><a href="ExportingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Exporting the Points</h2><font face=Arial size=4><ul><li>You can Export the array of trajectory points to comma-delimited text.</li><li>Click on the &quot;Toolbox&quot; button above the Trajectory Array.</li><li>Click &quot;View&quot; to open the toolbox library (&quot;functions.htm&quot;).</li><li>Click the &quot;Comma Separated Value&quot; link to export the points Trajectory to comma delimited format.&nbsp; The file &quot;Comma_d.htm&quot; is opened. This tool will give you the correct format of the comma-delimited data.<ul><li>Click the &quot;Select All&quot; button to include the points to be exported.</li><li>Click the &quot;Run tool&quot; button on this screen. The results will appear in the box above &quot;Run tool&quot;</li><li>Right-click the results to Select All and Copy.</li><li>You can copy this array to any text editor, to add points, or modify the values.</li><li>When you have finished modifying the array, you are ready to import these values (see Importing the Points).</li></ul></li><li>Click the Back button on Comma_d.htm to return to the Tools library, or close it.</li></ul></font></body></html>\'); return false;">Exporting the Points</a><br><a href="ImportingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Importing the Points</h2><font face=Arial size=4><ul><li>You can Import an array of trajectory points from comma-delimited text, such as CSV files.</li><li>Click on the &quot;Toolbox&quot; button above the Trajectory Array.</li><li>Click &quot;View&quot; to open the toolbox library (&quot;functions.htm&quot;).</li><li>Click the &quot;Import comma delimited content&quot; link on the Tools library page. The file &quot;Import_from_comma.htm&quot; is opened.<ul><li>Copy the comma-delimited text you want to import from any text editor.</li><li>Paste your text into the box at the top of the Import_from_comma.htm page.</li><li>Click one of the buttons under &quot;Insert&quot; at the point where you want to Insert the new data. (If you want to remove all of the old points of the trajectory, go back to the main window and select &quot;Remove All Points&quot; from the Layer menu.)</li><li>Click the &quot;Run tool&quot; button.</li><li>Click the &quot;Accept All Values&quot; button.</li><li>The values will be imported and the library window will close itself.</li></ul></li></ul></body></html>\'); return false;">Importing the Points</a><br></td></tr></table></body></html></DIV>');
}
}else{
document.write('<DIV id="PlottingPoints" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="PlottingPoints" >Plotting Points</a></h3><a href="PlottingThePoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Using the Mouse</h2><font face=Arial size=4><ul><li>The Trajectory Plotter window is used to add points to a trajectory which defines the motion of the current layer. </li><li>For this example, select an Image file for your first layer. If your work directory is set to &quot;js Layer Utility&quot;, you can use the image file &quot;sun.gif&quot;. Click on the Drop-down list labeled &quot;Image SRC&quot; to select an image from your work directory.</li><li>On the Layer menu, you can turn off Equal Space Plotting for this example.</li><li>Click with the mouse just above the blue rectangle of the Trajectory Plotter screen. This point will be outside of the viewable area, which is defined by the blue rectangle of the Trajectory Plotter.</li><li>Click again inside the rectangle.</li><li>Move the mouse down to the bottom of the rectangle and click again.</li><li>Now, move back up and try to simulate a bouncing ball by clicking the mouse at various points as you move along the curve of the bounce.</li><li>Finally, move outside the rectangle and click again, taking the ball off screen again.</li><li>Click the preview button and watch the ball move through the path you drew.</li><li>Click on the File menu and select &quot;Save Project&quot; to save the project.<br>&nbsp;</li></ul></body></html>\'); return false;">Using the Mouse</a><br><a href="TypingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Typing the Points</h2><font face=Arial size=4><ul><li>As you add points on the Trajectory Plotter, the X, Y and Size values for these points are added to the Trajectory Array on the right side of the main window. </li><li>Once these points have been created using the Trajectory Plotter, their values can be changed by typing directly into the Trajectory Array.</li><li>You can change the Size of the image to be displayed for any point in the Trajectory.</li><li>You can add triggers to any of the points by typing the appropriate codes in the Trigger column of the Trajectory Array<br>&nbsp;</li></ul></font></body></html>\'); return false;">Typing the Points</a><br><a href="ExportingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Exporting the Points</h2><font face=Arial size=4><ul><li>You can Export the array of trajectory points to comma-delimited text.</li><li>Click on the &quot;Toolbox&quot; button above the Trajectory Array.</li><li>Click &quot;View&quot; to open the toolbox library (&quot;functions.htm&quot;).</li><li>Click the &quot;Comma Separated Value&quot; link to export the points Trajectory to comma delimited format.&nbsp; The file &quot;Comma_d.htm&quot; is opened. This tool will give you the correct format of the comma-delimited data.<ul><li>Click the &quot;Select All&quot; button to include the points to be exported.</li><li>Click the &quot;Run tool&quot; button on this screen. The results will appear in the box above &quot;Run tool&quot;</li><li>Right-click the results to Select All and Copy.</li><li>You can copy this array to any text editor, to add points, or modify the values.</li><li>When you have finished modifying the array, you are ready to import these values (see Importing the Points).</li></ul></li><li>Click the Back button on Comma_d.htm to return to the Tools library, or close it.</li></ul></font></body></html>\'); return false;">Exporting the Points</a><br><a href="ImportingPoints.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Importing the Points</h2><font face=Arial size=4><ul><li>You can Import an array of trajectory points from comma-delimited text, such as CSV files.</li><li>Click on the &quot;Toolbox&quot; button above the Trajectory Array.</li><li>Click &quot;View&quot; to open the toolbox library (&quot;functions.htm&quot;).</li><li>Click the &quot;Import comma delimited content&quot; link on the Tools library page. The file &quot;Import_from_comma.htm&quot; is opened.<ul><li>Copy the comma-delimited text you want to import from any text editor.</li><li>Paste your text into the box at the top of the Import_from_comma.htm page.</li><li>Click one of the buttons under &quot;Insert&quot; at the point where you want to Insert the new data. (If you want to remove all of the old points of the trajectory, go back to the main window and select &quot;Remove All Points&quot; from the Layer menu.)</li><li>Click the &quot;Run tool&quot; button.</li><li>Click the &quot;Accept All Values&quot; button.</li><li>The values will be imported and the library window will close itself.</li></ul></li></ul></body></html>\'); return false;">Importing the Points</a><br></td></tr></table></body></html> </DIV>');
}

vp[2003] = 30; hp[2003]= -200; ka[2003]= "p"; 
vp[2004] = 30; hp[2004]= -200; ka[2004]= ""; 
vp[2005] = 30; hp[2005]= -28; ka[2005]= ""; 
vp[2006] = 30; hp[2006]= -5; ka[2006]= ""; 
vp[2007] = 30; hp[2007]= 0; ka[2007]= ""; 
vp[2008] = 30; hp[2008]= 5; ka[2008]= "ph"; 
vp[2009] = 30; hp[2009]= 0; ka[2009]= ""; 
vp[2010] = 30; hp[2010]= -28; ka[2010]= ""; 
vp[2011] = 30; hp[2011]= -200; ka[2011]= ""; 
DIV_name[4] = "RunningFunctions";
DIV_type[4] = "h";
DIVlength[4] = 9;
DIV_Absolute[4] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="RunningFunctions" >','<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="RunFunctions">The Toolbox</a></h3><a href="FunctionsLibrary.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Your Private Tool Library</h2><font face=Arial size=4><p>The Toolbox Library that is included with js Layer Utility (&quot;functions.htm&quot;) includes several JavaScript routines for manipulating the data in the Trajectory Array:</p><ul><li>shift.htm: shifts the points by x and y.</li><li>remove_points.htm: allows you to select points to be deleted from the array.</li><li>Insert_points.htm: allows you to select an insertion point and the number of points to be inserted. The tool automatically steps the values for X, Y, Size and N.</li><li>Step_Size.htm: steps the Size given a beginning and ending point and a beginning and ending size value.</li><li>StepN.htm: steps the N value as in the Step_Size tool.</li><li>comma_d.htm: exports the selected points to comma-delimited format, which can then be copied to another program.</li><li>import_from_comma.htm: allows you to import an array of points from comma delimited text files, such as CSV files.</li></ul><p>You can create your own tools and attach them to the Private Tool Library. The library page shows you how to publish your own tool libraries and connect your tools to the js Layer Utility.</p></body></html>\'); return false;">Your Private Tool Library</a><br><a href="RunningFunctions.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Running Tools</h2><ul><li><font face=Arial size=4>Use the Toolbox button on the main window to access the library of tools which are used to manipulate the values in the Trajectory Array. </li><li>You should have a valid tool library URL entered in the location field of the Select Library window. The default URL points to the file &quot;functions.htm&quot;, which is included with the js Layer Utility.</li><li>From the Select Library window, click the &quot;View&quot; button. The tool library page will appear.</li><li>To open a tool in the library, click on the link in the rightmost column of the table of tools shown at the top of the library page.</li><li>Each of these tools has one or more of the following:<ul><li>a &quot;Run tool&quot; button to run the routine,</li><li>an &quot;Accept Values&quot; button to load the new values into your Trajectory Array,</li><li>a list of the values in the array before and after the &quot;Run tool&quot; routine,</li><li>a &quot;Back&quot; button to return to the library page.</li><li>Some tools will have a selection box for each point.</li></ul></li></ul></body></html>\'); return false;">Running Tools</a><br><a href="CreatingFunctions.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Creating Tools</h2><font face=Arial size=4><p>The tools library page (&quot;functions.htm&quot;) included with the js Layer Utility shows you how to publish your own tool libraries and connect your tools to the js Layer Utility.</p><p>The tool can be written in any language capable of modifying form fields of a web-form dynamically.</p><p>Tool libraries can be published and shared over the internet.</p></body></html>\'); return false;">Creating Tools</a><br></td></tr></table></body></html></layer>');


}else{
document.write('<DIV id="RunningFunctions" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="RunFunctions">The Toolbox</a></h3><a href="FunctionsLibrary.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Your Private Tool Library</h2><font face=Arial size=4><p>The Toolbox Library that is included with js Layer Utility (&quot;functions.htm&quot;) includes several JavaScript routines for manipulating the data in the Trajectory Array:</p><ul><li>shift.htm: shifts the points by x and y.</li><li>remove_points.htm: allows you to select points to be deleted from the array.</li><li>Insert_points.htm: allows you to select an insertion point and the number of points to be inserted. The tool automatically steps the values for X, Y, Size and N.</li><li>Step_Size.htm: steps the Size given a beginning and ending point and a beginning and ending size value.</li><li>StepN.htm: steps the N value as in the Step_Size tool.</li><li>comma_d.htm: exports the selected points to comma-delimited format, which can then be copied to another program.</li><li>import_from_comma.htm: allows you to import an array of points from comma delimited text files, such as CSV files.</li></ul><p>You can create your own tools and attach them to the Private Tool Library. The library page shows you how to publish your own tool libraries and connect your tools to the js Layer Utility.</p></body></html>\'); return false;">Your Private Tool Library</a><br><a href="RunningFunctions.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Running Tools</h2><ul><li><font face=Arial size=4>Use the Toolbox button on the main window to access the library of tools which are used to manipulate the values in the Trajectory Array. </li><li>You should have a valid tool library URL entered in the location field of the Select Library window. The default URL points to the file &quot;functions.htm&quot;, which is included with the js Layer Utility.</li><li>From the Select Library window, click the &quot;View&quot; button. The tool library page will appear.</li><li>To open a tool in the library, click on the link in the rightmost column of the table of tools shown at the top of the library page.</li><li>Each of these tools has one or more of the following:<ul><li>a &quot;Run tool&quot; button to run the routine,</li><li>an &quot;Accept Values&quot; button to load the new values into your Trajectory Array,</li><li>a list of the values in the array before and after the &quot;Run tool&quot; routine,</li><li>a &quot;Back&quot; button to return to the library page.</li><li>Some tools will have a selection box for each point.</li></ul></li></ul></body></html>\'); return false;">Running Tools</a><br><a href="CreatingFunctions.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Creating Tools</h2><font face=Arial size=4><p>The tools library page (&quot;functions.htm&quot;) included with the js Layer Utility shows you how to publish your own tool libraries and connect your tools to the js Layer Utility.</p><p>The tool can be written in any language capable of modifying form fields of a web-form dynamically.</p><p>Tool libraries can be published and shared over the internet.</p></body></html>\'); return false;">Creating Tools</a><br></td></tr></table></body></html></DIV>');
}
}else{
document.write('<DIV id="RunningFunctions" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="RunFunctions">The Toolbox</a></h3><a href="FunctionsLibrary.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Your Private Tool Library</h2><font face=Arial size=4><p>The Toolbox Library that is included with js Layer Utility (&quot;functions.htm&quot;) includes several JavaScript routines for manipulating the data in the Trajectory Array:</p><ul><li>shift.htm: shifts the points by x and y.</li><li>remove_points.htm: allows you to select points to be deleted from the array.</li><li>Insert_points.htm: allows you to select an insertion point and the number of points to be inserted. The tool automatically steps the values for X, Y, Size and N.</li><li>Step_Size.htm: steps the Size given a beginning and ending point and a beginning and ending size value.</li><li>StepN.htm: steps the N value as in the Step_Size tool.</li><li>comma_d.htm: exports the selected points to comma-delimited format, which can then be copied to another program.</li><li>import_from_comma.htm: allows you to import an array of points from comma delimited text files, such as CSV files.</li></ul><p>You can create your own tools and attach them to the Private Tool Library. The library page shows you how to publish your own tool libraries and connect your tools to the js Layer Utility.</p></body></html>\'); return false;">Your Private Tool Library</a><br><a href="RunningFunctions.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Running Tools</h2><ul><li><font face=Arial size=4>Use the Toolbox button on the main window to access the library of tools which are used to manipulate the values in the Trajectory Array. </li><li>You should have a valid tool library URL entered in the location field of the Select Library window. The default URL points to the file &quot;functions.htm&quot;, which is included with the js Layer Utility.</li><li>From the Select Library window, click the &quot;View&quot; button. The tool library page will appear.</li><li>To open a tool in the library, click on the link in the rightmost column of the table of tools shown at the top of the library page.</li><li>Each of these tools has one or more of the following:<ul><li>a &quot;Run tool&quot; button to run the routine,</li><li>an &quot;Accept Values&quot; button to load the new values into your Trajectory Array,</li><li>a list of the values in the array before and after the &quot;Run tool&quot; routine,</li><li>a &quot;Back&quot; button to return to the library page.</li><li>Some tools will have a selection box for each point.</li></ul></li></ul></body></html>\'); return false;">Running Tools</a><br><a href="CreatingFunctions.htm" ONCLICK="DIVaction(\'HelpContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'TutorialContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Creating Tools</h2><font face=Arial size=4><p>The tools library page (&quot;functions.htm&quot;) included with the js Layer Utility shows you how to publish your own tool libraries and connect your tools to the js Layer Utility.</p><p>The tool can be written in any language capable of modifying form fields of a web-form dynamically.</p><p>Tool libraries can be published and shared over the internet.</p></body></html>\'); return false;">Creating Tools</a><br></td></tr></table></body></html> </DIV>');
}

vp[3004] = 30; hp[3004]= -200; ka[3004]= "p"; 
vp[3005] = 30; hp[3005]= -200; ka[3005]= ""; 
vp[3006] = 30; hp[3006]= -28; ka[3006]= ""; 
vp[3007] = 30; hp[3007]= -5; ka[3007]= ""; 
vp[3008] = 30; hp[3008]= 0; ka[3008]= ""; 
vp[3009] = 30; hp[3009]= 5; ka[3009]= "ph"; 
vp[3010] = 30; hp[3010]= 0; ka[3010]= ""; 
vp[3011] = 30; hp[3011]= -28; ka[3011]= ""; 
vp[3012] = 30; hp[3012]= -200; ka[3012]= ""; 
DIV_name[5] = "CoreScripts";
DIV_type[5] = "h";
DIVlength[5] = 9;
DIV_Absolute[5] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="CoreScripts" >','<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="CoreScripts">Core-Scripts</a></h3><a href="UsingCoreScripts.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Using Core-scripts</h2><font face=Arial size=4><ul><li>To provide the best performance for your project, do not use a core-script unless you are planning to use all of its special features. Special features can slow your project down.</li><li>Each time you open a project, js Layer Utility retrieves the most recent version of the core-script for that project. Then, when you build your project, js Layer Utility places a copy of that code into your final script. It is important to note that your final build will only have a static copy of the most recent version of that core-script at time of build.</li><li>A project can be rebuilt at any time to refresh the core-script for that project.</li></ul></body></html>\'); return false;">Using Core-Scripts</a><br><a href="CreatingCoreScripts.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Creating Core-scripts</h2><font face=Arial size=4><ul><li>The Basic Core-script (&quot;basic.txt&quot;) included with the js Layer Utility provides all of the basic layer functionality. </li><li>See the Help page of the Basic Core-script (&quot;BasicEngine.htm&quot;) for information about available Triggers and the DIVaction() function.</li><li>You can create your own core-scripts by modifying the Basic Core-script.</li><li>Each core-script will have its own Help page, in the form of an HTML document.</li></ul><p><b>Be sure to preserve compatibility</b></p><p>As a rule, to preserve compatibility, a core-script cannot inherit new triggers or functions after it has been released. If additional functionality is necessary after the original release, you <u>must</u> release an entirely new core-script and should not add the new functionality to the already released core-script. This is to assure that anyone who had already used your core-script on a project would not need to rework their project to compensate for your new additions.</p><p>Only performance increases can be made to an existing (already published) core-script.</p></body></html>\'); return false;">Creating Core-Scripts</a><br></td></tr></table></body></html></layer>');


}else{
document.write('<DIV id="CoreScripts" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="CoreScripts">Core-Scripts</a></h3><a href="UsingCoreScripts.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Using Core-scripts</h2><font face=Arial size=4><ul><li>To provide the best performance for your project, do not use a core-script unless you are planning to use all of its special features. Special features can slow your project down.</li><li>Each time you open a project, js Layer Utility retrieves the most recent version of the core-script for that project. Then, when you build your project, js Layer Utility places a copy of that code into your final script. It is important to note that your final build will only have a static copy of the most recent version of that core-script at time of build.</li><li>A project can be rebuilt at any time to refresh the core-script for that project.</li></ul></body></html>\'); return false;">Using Core-Scripts</a><br><a href="CreatingCoreScripts.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Creating Core-scripts</h2><font face=Arial size=4><ul><li>The Basic Core-script (&quot;basic.txt&quot;) included with the js Layer Utility provides all of the basic layer functionality. </li><li>See the Help page of the Basic Core-script (&quot;BasicEngine.htm&quot;) for information about available Triggers and the DIVaction() function.</li><li>You can create your own core-scripts by modifying the Basic Core-script.</li><li>Each core-script will have its own Help page, in the form of an HTML document.</li></ul><p><b>Be sure to preserve compatibility</b></p><p>As a rule, to preserve compatibility, a core-script cannot inherit new triggers or functions after it has been released. If additional functionality is necessary after the original release, you <u>must</u> release an entirely new core-script and should not add the new functionality to the already released core-script. This is to assure that anyone who had already used your core-script on a project would not need to rework their project to compensate for your new additions.</p><p>Only performance increases can be made to an existing (already published) core-script.</p></body></html>\'); return false;">Creating Core-Scripts</a><br></td></tr></table></body></html></DIV>');
}
}else{
document.write('<DIV id="CoreScripts" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="CoreScripts">Core-Scripts</a></h3><a href="UsingCoreScripts.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Using Core-scripts</h2><font face=Arial size=4><ul><li>To provide the best performance for your project, do not use a core-script unless you are planning to use all of its special features. Special features can slow your project down.</li><li>Each time you open a project, js Layer Utility retrieves the most recent version of the core-script for that project. Then, when you build your project, js Layer Utility places a copy of that code into your final script. It is important to note that your final build will only have a static copy of the most recent version of that core-script at time of build.</li><li>A project can be rebuilt at any time to refresh the core-script for that project.</li></ul></body></html>\'); return false;">Using Core-Scripts</a><br><a href="CreatingCoreScripts.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Creating Core-scripts</h2><font face=Arial size=4><ul><li>The Basic Core-script (&quot;basic.txt&quot;) included with the js Layer Utility provides all of the basic layer functionality. </li><li>See the Help page of the Basic Core-script (&quot;BasicEngine.htm&quot;) for information about available Triggers and the DIVaction() function.</li><li>You can create your own core-scripts by modifying the Basic Core-script.</li><li>Each core-script will have its own Help page, in the form of an HTML document.</li></ul><p><b>Be sure to preserve compatibility</b></p><p>As a rule, to preserve compatibility, a core-script cannot inherit new triggers or functions after it has been released. If additional functionality is necessary after the original release, you <u>must</u> release an entirely new core-script and should not add the new functionality to the already released core-script. This is to assure that anyone who had already used your core-script on a project would not need to rework their project to compensate for your new additions.</p><p>Only performance increases can be made to an existing (already published) core-script.</p></body></html>\'); return false;">Creating Core-Scripts</a><br></td></tr></table></body></html> </DIV>');
}

vp[4005] = 30; hp[4005]= -200; ka[4005]= "p"; 
vp[4006] = 30; hp[4006]= -200; ka[4006]= ""; 
vp[4007] = 30; hp[4007]= -28; ka[4007]= ""; 
vp[4008] = 30; hp[4008]= -5; ka[4008]= ""; 
vp[4009] = 30; hp[4009]= 0; ka[4009]= ""; 
vp[4010] = 30; hp[4010]= 5; ka[4010]= "ph"; 
vp[4011] = 30; hp[4011]= 0; ka[4011]= ""; 
vp[4012] = 30; hp[4012]= -28; ka[4012]= ""; 
vp[4013] = 30; hp[4013]= -200; ka[4013]= ""; 
DIV_name[6] = "Glossary";
DIV_type[6] = "h";
DIVlength[6] = 9;
DIV_Absolute[6] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="Glossary" >','<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="Glossary">Glossary</a></h3><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Append</h2><font face=Arial size=4><ul><li>As per the the definition of <b>script-builder</b> below, the end-to-end joining together of script fragments to create a fully operational script.</ul></body></html>\'); return false;">Append</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Core-script</h2><font face=Arial size=4><ul><li>This is the script fragment which, while being executed by the end user, iterates over the trajectory array data.&nbsp; This generically written script is appended to the trajectory array data (developed within the js Layer Utility) by the script builder when requested by the js Layer Utility Script implementation Wizard.</ul></body></html>\'); return false;">Core-script</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Point</h2><font face=Arial size=4><ul><li>Contains five parallel arrays (a spreadsheet with five columns) - The 3D coordinates variables, <strong>X</strong>, <strong>Y</strong> and<strong> Z </strong>(Size) along with the <em><strong>T</strong></em><strong><em>rigger</em></strong> and <strong><em>N</em></strong> value for each coordinate along the path of each layer within a given project.</ul></body></html>\'); return false;">Point</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Script-builder</h2><font face=Arial size=4><ul><li><p>This is the <strong>service</strong> which<strong> appends</strong> the final script, made up of all the trajectory data, core-script and any other script fragments which are required to make the script complete and operational.&nbsp; </p><p>During normal operation, this program is launched, then automated by the js Layer Utilities <em><b>Script Implementation Wizard</b>,</em> then automatically closed after completing its operation.&nbsp;Before the <b>Script-builder</b> is launched, the js Layer Utility saves the trajectory array and the core-script into files. When the Script-builder executes, it opens those files and uses the data within them to build the final script.</p><p>The <b>Script-builder</b> also performs the script-building for the preview screen.</p>&nbsp;</ul></body></html>\'); return false;">Script-builder</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Script Implementation Wizard</h2><font face=Arial size=4><ul><li>The screen within the js Layer utility which offers the final script implementation methods. It submits the data to the <b>Script-builder,</b> which returns back a completed script.&nbsp; The wizard then implements the script according to the users wishes.</ul></body></html>\'); return false;">Script Implementation Wizard</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Service</h2><font face=Arial size=4><ul><li>As per the the above definition of <strong>script-builder</strong>, service refers to a third-party program or open source program which is intended to execute through a standard automation method and perform a specific task.</ul></body></html>\'); return false;">Service</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Array</h2><font face=Arial size=4><ul><li>The set of variables which holds every <b>point</b> of the path of each layer.&nbsp;While making a project within the js Layer Utility, this array of information is displayed in the spreadsheet on the right side of the main plotter window.&nbsp;The <b>Script-builder </b>converts the data (stored temporarily as a binary file by the wizard) to an array written in JavaScript which is then interpreted by the core-script.</ul></body></html>\'); return false;">Trajectory Array</a><br></td></tr></table></body></html></layer>');


}else{
document.write('<DIV id="Glossary" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="Glossary">Glossary</a></h3><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Append</h2><font face=Arial size=4><ul><li>As per the the definition of <b>script-builder</b> below, the end-to-end joining together of script fragments to create a fully operational script.</ul></body></html>\'); return false;">Append</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Core-script</h2><font face=Arial size=4><ul><li>This is the script fragment which, while being executed by the end user, iterates over the trajectory array data.&nbsp; This generically written script is appended to the trajectory array data (developed within the js Layer Utility) by the script builder when requested by the js Layer Utility Script implementation Wizard.</ul></body></html>\'); return false;">Core-script</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Point</h2><font face=Arial size=4><ul><li>Contains five parallel arrays (a spreadsheet with five columns) - The 3D coordinates variables, <strong>X</strong>, <strong>Y</strong> and<strong> Z </strong>(Size) along with the <em><strong>T</strong></em><strong><em>rigger</em></strong> and <strong><em>N</em></strong> value for each coordinate along the path of each layer within a given project.</ul></body></html>\'); return false;">Point</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Script-builder</h2><font face=Arial size=4><ul><li><p>This is the <strong>service</strong> which<strong> appends</strong> the final script, made up of all the trajectory data, core-script and any other script fragments which are required to make the script complete and operational.&nbsp; </p><p>During normal operation, this program is launched, then automated by the js Layer Utilities <em><b>Script Implementation Wizard</b>,</em> then automatically closed after completing its operation.&nbsp;Before the <b>Script-builder</b> is launched, the js Layer Utility saves the trajectory array and the core-script into files. When the Script-builder executes, it opens those files and uses the data within them to build the final script.</p><p>The <b>Script-builder</b> also performs the script-building for the preview screen.</p>&nbsp;</ul></body></html>\'); return false;">Script-builder</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Script Implementation Wizard</h2><font face=Arial size=4><ul><li>The screen within the js Layer utility which offers the final script implementation methods. It submits the data to the <b>Script-builder,</b> which returns back a completed script.&nbsp; The wizard then implements the script according to the users wishes.</ul></body></html>\'); return false;">Script Implementation Wizard</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Service</h2><font face=Arial size=4><ul><li>As per the the above definition of <strong>script-builder</strong>, service refers to a third-party program or open source program which is intended to execute through a standard automation method and perform a specific task.</ul></body></html>\'); return false;">Service</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Array</h2><font face=Arial size=4><ul><li>The set of variables which holds every <b>point</b> of the path of each layer.&nbsp;While making a project within the js Layer Utility, this array of information is displayed in the spreadsheet on the right side of the main plotter window.&nbsp;The <b>Script-builder </b>converts the data (stored temporarily as a binary file by the wizard) to an array written in JavaScript which is then interpreted by the core-script.</ul></body></html>\'); return false;">Trajectory Array</a><br></td></tr></table></body></html></DIV>');
}
}else{
document.write('<DIV id="Glossary" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body><table border="0" width="500" height="500"><tr><td valign=top><font face="Bookman Old Style"><h3><a name="Glossary">Glossary</a></h3><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Append</h2><font face=Arial size=4><ul><li>As per the the definition of <b>script-builder</b> below, the end-to-end joining together of script fragments to create a fully operational script.</ul></body></html>\'); return false;">Append</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Core-script</h2><font face=Arial size=4><ul><li>This is the script fragment which, while being executed by the end user, iterates over the trajectory array data.&nbsp; This generically written script is appended to the trajectory array data (developed within the js Layer Utility) by the script builder when requested by the js Layer Utility Script implementation Wizard.</ul></body></html>\'); return false;">Core-script</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Point</h2><font face=Arial size=4><ul><li>Contains five parallel arrays (a spreadsheet with five columns) - The 3D coordinates variables, <strong>X</strong>, <strong>Y</strong> and<strong> Z </strong>(Size) along with the <em><strong>T</strong></em><strong><em>rigger</em></strong> and <strong><em>N</em></strong> value for each coordinate along the path of each layer within a given project.</ul></body></html>\'); return false;">Point</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Script-builder</h2><font face=Arial size=4><ul><li><p>This is the <strong>service</strong> which<strong> appends</strong> the final script, made up of all the trajectory data, core-script and any other script fragments which are required to make the script complete and operational.&nbsp; </p><p>During normal operation, this program is launched, then automated by the js Layer Utilities <em><b>Script Implementation Wizard</b>,</em> then automatically closed after completing its operation.&nbsp;Before the <b>Script-builder</b> is launched, the js Layer Utility saves the trajectory array and the core-script into files. When the Script-builder executes, it opens those files and uses the data within them to build the final script.</p><p>The <b>Script-builder</b> also performs the script-building for the preview screen.</p>&nbsp;</ul></body></html>\'); return false;">Script-builder</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Script Implementation Wizard</h2><font face=Arial size=4><ul><li>The screen within the js Layer utility which offers the final script implementation methods. It submits the data to the <b>Script-builder,</b> which returns back a completed script.&nbsp; The wizard then implements the script according to the users wishes.</ul></body></html>\'); return false;">Script Implementation Wizard</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Service</h2><font face=Arial size=4><ul><li>As per the the above definition of <strong>script-builder</strong>, service refers to a third-party program or open source program which is intended to execute through a standard automation method and perform a specific task.</ul></body></html>\'); return false;">Service</a><br><a href="Glossary.htm" ONCLICK="DIVaction(\'TutorialContent\',\'f\',\'<html><head></head><body> </body></html>\');DIVaction(\'HelpContent\',\'r\',\'<html><head></head><body><h2><font face=Arial>Trajectory Array</h2><font face=Arial size=4><ul><li>The set of variables which holds every <b>point</b> of the path of each layer.&nbsp;While making a project within the js Layer Utility, this array of information is displayed in the spreadsheet on the right side of the main plotter window.&nbsp;The <b>Script-builder </b>converts the data (stored temporarily as a binary file by the wizard) to an array written in JavaScript which is then interpreted by the core-script.</ul></body></html>\'); return false;">Trajectory Array</a><br></td></tr></table></body></html> </DIV>');
}

vp[5006] = 30; hp[5006]= -200; ka[5006]= "p"; 
vp[5007] = 30; hp[5007]= -200; ka[5007]= ""; 
vp[5008] = 30; hp[5008]= -28; ka[5008]= ""; 
vp[5009] = 30; hp[5009]= -5; ka[5009]= ""; 
vp[5010] = 30; hp[5010]= 0; ka[5010]= ""; 
vp[5011] = 30; hp[5011]= 5; ka[5011]= "ph"; 
vp[5012] = 30; hp[5012]= 0; ka[5012]= ""; 
vp[5013] = 30; hp[5013]= -28; ka[5013]= ""; 
vp[5014] = 30; hp[5014]= -200; ka[5014]= ""; 
DIV_name[7] = "HelpContent";
DIV_type[7] = "h";
DIVlength[7] = 8;
DIV_Absolute[7] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="HelpContent" >','<html><head></head><body></body></html></layer>');


}else{
document.write('<DIV id="HelpContent" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body></body></html></DIV>');
}
}else{
document.write('<DIV id="HelpContent" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body></body></html> </DIV>');
}

vp[6007] = 30; hp[6007]= 105; ka[6007]= "c"; 
vp[6008] = 30; hp[6008]= 80; ka[6008]= ""; 
vp[6009] = 30; hp[6009]= 60; ka[6009]= ""; 
vp[6010] = 30; hp[6010]= 50; ka[6010]= ""; 
vp[6011] = 30; hp[6011]= 40; ka[6011]= "ph"; 
vp[6012] = 30; hp[6012]= 60; ka[6012]= ""; 
vp[6013] = 30; hp[6013]= 80; ka[6013]= ""; 
vp[6014] = 30; hp[6014]= 105; ka[6014]= ""; 
DIV_name[8] = "TutorialContent";
DIV_type[8] = "h";
DIVlength[8] = 8;
DIV_Absolute[8] = 0;
if (name=="NS4" || name=="Opera" || name=="NS6"){
if (name=="NS4"){
document.write('<layer name="TutorialContent" >','<html><head></head><body></body></html></layer>');


}else{
document.write('<DIV id="TutorialContent" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;">', '<html><head></head><body></body></html></DIV>');
}
}else{
document.write('<DIV id="TutorialContent" STYLE="position:absolute;visibility:visible;top:-1000;left:-1000;"><html><head></head><body></body></html> </DIV>');
}

vp[7008] = 30; hp[7008]= 105; ka[7008]= "c"; 
vp[7009] = 30; hp[7009]= 80; ka[7009]= ""; 
vp[7010] = 30; hp[7010]= 60; ka[7010]= ""; 
vp[7011] = 30; hp[7011]= 50; ka[7011]= ""; 
vp[7012] = 30; hp[7012]= 40; ka[7012]= "ph"; 
vp[7013] = 30; hp[7013]= 60; ka[7013]= ""; 
vp[7014] = 30; hp[7014]= 80; ka[7014]= ""; 
vp[7015] = 30; hp[7015]= 105; ka[7015]= ""; 
<!-- core-script Name: Basic -->
<!-- core-script: Scott Phillips - abqconnect (for more information visit abqconnect.com, jslayerutility.com, layerutility.com) -->
<!-- Last updated: 1:49 pm May 25, 2009 -->

currentDIVpoint = new Array(DIVcount); 	<!--  As each layer cycles through it's array, this value records each layers current point. (0-1001) -->
DIVstatus = new Array(DIVcount); 	<!--  This holds each layers status.  -->
DIVNewContent = new Array(DIVcount);	<!--  This temporarily holds each layers new content data until it can be switch out at the opportune moment; which, is at the next location of a'c' trigger.  -->
move = new Array(DIVcount);		<!--  This value is not used for this core-script -->
var xPos = 0;			<!--  Set just prior to repositioning a layer and is used for repositioning a layer horizontally -->
var delay = 50;			<!--  This is used by the 'PerpetuatingFunction' function below to set the cycle speed for your layers.  It is set at this line but you can be overwrite this value by adding additional JavaScript to your project (see projects property window in js Layer Utility)   -->
var yPos = 0;			<!--  Set just prior to repositioning a layer and is used for repositioning a layer vertically -->
var current;				<!--  this is set and used by the PositionDIV function.   It is calculated using the currentDIVpoint to identify to actual location of data within the whole array -->
var window_height = 0;			<!--  Evaluated each time the PositionDIV function runs.  This assures the layers are adjusted when the user changes the window size. -->
var window_width = 0;

<!-- get window size info -->
if(name == "Microsoft Internet Explorer"){
	window_height = document.body.clientHeight;
	window_width = document.body.clientWidth;
}else{
	window_height = window.innerHeight;
	window_width = window.innerWidth;
}
<!-- Set up each layers starting values -->
for (var j = 1; j <= DIVcount; j++) {
	current = j * 1001 - 1000;
	DIVNewContent[j] = "";
	move[j] = 1;
	currentDIVpoint[j]=1;
	
	<!-- Sets the starting DIV status -->
	DIVstatus[j]="";
	if (ka[current].indexOf("p")>-1){DIVstatus[j]="p"}
	if (ka[current].indexOf("s")>-1){DIVstatus[j]="s"}
	if (ka[current].indexOf("h")>-1){DIVstatus[j]="h"}
	if (ka[current].indexOf("w")>-1){DIVstatus[j]="w"}

	if (DIVstatus[j]==""){DIVstatus[j]="a"}
}


<!-- This is first called from the window.onload function below.  At each delay interval it calls the PositionDIV function.  This continues in a perpetuating manner for the life of the page. -->
function PerpetuatingFunction(){
PositionDIV();
setTimeout('PerpetuatingFunction()',delay);
}


<!-- Call this function for on-the-fly status changing.  You call this function to activate, pause, hold, finish or restart a layer sequence -->
<!-- Available layer statuses 'p'= pause, 'a'= activate, 'f'= finish, 'r'=restart 'h'=hold-->
function DIVaction(DIVname, Status, NewContent){
	if (Status=="p" || Status=="a" || Status=="f" || Status=="r" || Status=="h"){
		var pos;
		var StringToFind;
		var ListOfDIVsToActivate=DIVname;
		for (var j = 1; j <= DIVcount; j++) {
			StringToFind=DIV_name[j];
				if (ListOfDIVsToActivate.indexOf(StringToFind) > -1){

					<!-- Held and stopped layers can not be activated. -->
					<!-- Paused and wait layers can be activated. -->

					var NotAllowActivation='false';
					if (Status=='a' && DIVstatus[j]=='h'){NotAllowActivation='true'}
					if (Status=='a' && DIVstatus[j]=='s'){NotAllowActivation='true'}

						<!-- r and f can't happen when the current point is  -->
						<!-- p, s, w or h at the first location. -->

						var StatusToNotHold='false';
						if (DIVstatus[j]=='p' || DIVstatus[j]=='h' || DIVstatus[j]=='s' || DIVstatus[j]=='w'){StatusToNotHold='true'};

						var statinvalid='false';
						if (Status=='f' || Status=='r'){statinvalid='true'};

					var prevst='false';
					if (currentDIVpoint[j]==1 && statinvalid=='true' && StatusToNotHold=='true'){prevst='true'};

					if (prevst=='true' || NotAllowActivation=='true'){
					}else{
							DIVstatus[j]=Status;
							DIVNewContent[j]=NewContent;
					}

				}
		}
	}else{
	alert ("Invalid status")
	}
}

<!-- The "PerpetuatingFunction" function handles nothing more than constantly calling this function at a timed interval. -->
<!-- This function handles positioning, sizing and rewriting DIV's based on their DIVstatus valuses -->
function PositionDIV() {
	if (name == "Microsoft Internet Explorer") {
		window_height = document.body.clientHeight;
		window_width = document.body.clientWidth;
	}else {
		window_height = window.innerHeight;
		window_width = window.innerWidth;
	}
	<!-- Cycles through all the DIVs in the project.  -->
	var blnHorW;
	for (var j = 1; j <= DIVcount; j++) {
			var current;
			current = currentDIVpoint[j] + (j * 1001 - 1001);

			blnHorW=false;
			if (DIVstatus[j] == 'h' || DIVstatus[j] == 'w') {blnHorW = true} 

			if (blnHorW == true && currentDIVpoint[j] > 1) {
			<!-- keep current position while this DIVs status is 'h' (content may be changed below though) -->
			}else{
				if (DIVstatus[j] != 'p' && DIVstatus[j] != 's'){
						<!-- Otherwise increment to next position and adjust status from the new ka-->
						currentDIVpoint[j] = currentDIVpoint[j] + move[j];
						if(currentDIVpoint[j] < 0){
						currentDIVpoint[j] = DIVlength[j];
							if (DIVstatus[j] == 'f'){
							DIVstatus[j] = 'a';
							}
						}
			
						current = currentDIVpoint[j] + (j * 1001- 1001);
						if(currentDIVpoint[j] > DIVlength[j]){
							currentDIVpoint[j] = 1;
							current = j * 1001 - 1000;
							if (DIVstatus[j] == 'r'){
								DIVstatus[j] = 'a';
							}else{	
								<!-- Sets the starting DIV status -->
								DIVstatus[j]="";
								if (ka[current].indexOf("p")>-1){DIVstatus[j]="p"}
								if (ka[current].indexOf("h")>-1){DIVstatus[j]="h"}
								if (ka[current].indexOf("s")>-1){DIVstatus[j]="s"}
								if (ka[current].indexOf("w")>-1){DIVstatus[j]="w"}
								if (DIVstatus[j]==""){DIVstatus[j]="a"}
							}					
						}else{
							if (DIVstatus[j] == 'a'){
								if (ka[current].indexOf("p")>-1){DIVstatus[j] = 'p'}
								if (ka[current].indexOf("h")>-1){DIVstatus[j] = 'h'}
								if (ka[current].indexOf("s")>-1){DIVstatus[j] = 's'}
								if (ka[current].indexOf("w")>-1){DIVstatus[j] = 'w'}
							}
						}

				}

				<!-- position DIV -->
				if(DIV_Absolute[j] == 1){
					xPos =  hp[current];
					yPos =  vp[current];	
				}else{
					xPos =  (hp[current] * .01) * window_width;
					yPos =  (vp[current] * .01) * window_height;
					if (name == "Microsoft Internet Explorer") {
						yPos = yPos + document.body.scrollTop;
					}else{
						yPos = yPos + window.pageYOffset;
						xPos = xPos + window.pageXOffset;
					}	
				}

<!-- ECMA (compatible for all browsers) code above -->
<!-- ################################################################################################## -->
<!-- start of browser specific coding --><!-- Resized image DIVs-->
				if (name == "Microsoft Internet Explorer") {
						if (DIV_type[j] == "i"){
						var changeImage = document.getElementById(DIV_name[j] + "_img"); 
						changeImage.style.width = imageInitialSize[j] * (is[current] * .01);
						}
						var DIVtoReposition = document.getElementById(DIV_name[j]);
							DIVtoReposition.style.left = xPos;						
							DIVtoReposition.style.top = yPos;

				}else if (name == "NS4"){
						if (DIV_type[j] == "i"){
							strdivname = DIV_name[j] + is[current];
							if(currentDIVpoint[j] == 1){
								if (DIVlength[j] + (j * 1001 - 1001) != is[current]){
								var lastIndex = DIVlength[j] + (j * 1001- 1001)
								var OLDstrdivname = DIV_name[j] + is[lastIndex]
								var NSOLDDIVtoReposition = document.layers[OLDstrdivname]
								NSOLDDIVtoReposition.left = -1000;
								NSOLDDIVtoReposition.top = -1000;
								}
							}else{
								if (is[current-1] != is[current]){
								OLDstrdivname=DIV_name[j] + is[current-1];
								var NSOLDDIVtoReposition = document.layers[OLDstrdivname]
								NSOLDDIVtoReposition.left = -1000;
								NSOLDDIVtoReposition.top = -1000;
								}
							}
						}else{
							strdivname = DIV_name[j];
						}
							var NSDIVtoReposition = document.layers[strdivname]
							NSDIVtoReposition.left = xPos;
							NSDIVtoReposition.top = yPos;


				}else if (name == "Opera" || name == "NS6" ){
				<!-- Why wasn't Opera and NS6 DIVs resized and repositioned the way IE DIVs were above? -->
				<!-- Because; even though you can resize an image and reposition the DIV containing it with these two browsers, -->
				<!-- they are unable to RELIABLY rapidly refresh appearance as required by the js Layer Utility program schema. --> 
				<!-- (During testing neither of them error out, but NS6 just displays a blank DIV and Opera simply kept the image size at 100% -->
				<!-- regardless of what it had been set to.  This almost makes these two browsers unusable for this sort of DHTML layer programming. -->
				<!-- As a work around I had to adapted the same method used for NS4; which involves writing a separate DIV for each -->
				<!-- possible image size presented by the array.  It really isn't any slower than the preferred method used above by IE. -->
				<!-- In fact, NS6 runs the work around faster than it ran the original IE method.) -->
						if (DIV_type[j] == "i"){
							strdivname = DIV_name[j] + is[current];
							if(currentDIVpoint[j] == 1){
								if (DIVlength[j] + (j * 1001- 1001) != is[current]){
								var lastIndex = DIVlength[j] + (j * 1001 - 1001)
								var OLDstrdivname = DIV_name[j] + is[lastIndex]
								var NSOLDDIVtoReposition = document.getElementById(OLDstrdivname)
									NSOLDDIVtoReposition.style.left = -1000;
									NSOLDDIVtoReposition.style.top = -1000;	
								}
							}else{
								if (is[current-1] != is[current]){
								OLDstrdivname=DIV_name[j] + is[current-1];
								var NSOLDDIVtoReposition = document.getElementById(OLDstrdivname)
									NSOLDDIVtoReposition.style.left = -1000;
									NSOLDDIVtoReposition.style.top = -1000;
								}
							}
						}else{
							strdivname = DIV_name[j];
						}
						var NSDIVtoReposition = document.getElementById(strdivname)
							NSDIVtoReposition.style.left = xPos;
							NSDIVtoReposition.style.top = yPos;
				}
			}	

			<!-- Content can be changed regardless of DIVstatus a,f,r,p or h but only where a 'c' key is-->			
			if (ka[current].indexOf("c")>-1){
				<!-- Sets new DIV content -->
				if (DIVNewContent[j] != "") {
					if (DIV_type[j] == "h") {
						<!-- HTML DIV changing protocol -->
						if (name == "Microsoft Internet Explorer" || name == "Opera" || name == "NS6") {						
							var strdivname = DIV_name[j];
							var DIVTomodify = document.getElementById(strdivname); 						
							DIVTomodify.innerHTML = DIVNewContent[j];
						}else{
							DIVTomodify = document.layers[strdivname];
							DIVTomodify.document.open();
							DIVTomodify.document.write(DIVNewContent[j]);
							DIVTomodify.document.close();
						}		
					}else{
						<!-- Image DIV changing protocol -->
						if (name == "Microsoft Internet Explorer") {						
							var imagetochange= document.getElementById(DIV_name[j]+'_img'); 
							imagetochange.src = DIVNewContent[j];
						}else if (name == "Opera" || name == "NS6" ){
							for (var h = 1; h <= DIVlength[j]; h++) {
							current = h + (j * 1001- 1001);
							strdivname = DIV_name[j] + is[current] + "_img";
							var DIVTomodify = document.getElementById(strdivname); 						
								if (DIVTomodify !=null){
								DIVTomodify.src = DIVNewContent[j];
								}
							}
						}else{
							for (var h = 1; h <= DIVlength[j]; h++) {
							current = h + (j * 1001- 1001);
							strdivname = DIV_name[j] + is[current] + "_img";
							DIVTomodify = document[strdivname];
								if (DIVTomodify !=null){
								DIVTomodify.src = DIVNewContent[j];
								}
							}
						}								
					}
					DIVNewContent[j] = "";
				}
			}	
<!-- End of browser specific coding -->
<!-- ################################################################################################## -->

	}
}

<!-- THIS INITIATES THE PERPETUATING FUNCTION (TIMER)  -->	
window.onload=function(){
bolDocumentLoaded=true;
setTimeout('PerpetuatingFunction()',delay);
}


<!--  Additional source added by webmaster -->


<!--  End of webmaster additions   -->


