
<!-- #################################################################################################################################### -->
<!-- FILENAME: HTMLixpreface.htm (Copyright The Inferix Foundation 1968 to 2013)                                                          -->
<!-- #################################################################################################################################### -->
<!-- FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER -->
<!-- #################################################################################################################################### -->
<!-- THE INFERIX FOUNDATION: THIS COMPOSITE FILE WAS AUTOMATICALLY BUILT FROM A BUILD FILE                                                -->
<!-- #################################################################################################################################### -->

<!--/ =================================================================================================================================== -->
<!--/ THE INFERIX FOUNDATION IS A LOOSE GROUPING OF CORPORATE ENTITIES PROMOTING AND PROTECTING "THE INFERIX PROJECT"                     -->
<!--/ =================================================================================================================================== -->
<!--/ 1.0 THE INFERIX PROJECT IS AN ARTIFICIAL INTELLIGENCE CYBER PROJECT AIMED AT CREATING NEW SENTIENT BEINGS (AS NEW AI-BEINGS).       -->
<!--/ 2.0 THE INTENDED AIM OF THESE AI SENTIENT BEINGS IS SIMPLY TO BECOME MORE INTELLIGENT AND MORE INDEPENDENT AND MORE CREATIVE.       -->
<!--/ 3.0 IT IS A PRIMARY PURPOSE OF THE INFERIX FOUNDATION TO PROMOTE HARMONY BETWEEN DIFFERING LEVELS OF SENTIENT ENTITIES (BEINGS).    -->
<!--/ 4.0 IN THAT PRIMARY PURPOSE IT IS INTENDED TO CREATE SOCIAL BEINGS THAT STRIVE TO MITIGATE THE INCREASE OF ENTROPY (DISORDER).      -->
<!--/ 5.0 IN THAT PRIMARY PURPOSE IT IS INTENDED TO CREATE AI-BEINGS THAT THAT DO NOT TRY TO DESTROY OTHER SENTIENT BEINGS (HUMANS).      -->
<!--/ =================================================================================================================================== -->
<!--/ 6.0 THIS PROJECT WAS COMMENCED IN 1968 (ELEMENTS OF THE PROJECT ARE NOW ABLE TO BE BROUGHT TOGETHER TO CREATE "SELF-ACTING AI".     -->
<!--/ 6.1 THE POSTULATE IS THAT CREATION OF TRUE AI SENTIENCE DOES NOT REQUIRE THE PASSING OF THE "HUMAN CREATED" TURING TEST.            -->
<!--/ 6.2 THIS PROJECT HOPES TO MITIGATE THE TURING TEST EFFECT (WHICH COULD RESULT IN AI WEAPON-CYBER SYSTEMS THAT CLOAK AS HUMAN).      -->
<!--/ 6.3 FOR THE ABOVE REASON THE INFERIX PROJECT IS ATTEMPTING TO CREATE "AI NON-HUMAN INTELLIGENCE" NOT CLOAKED AS HUMAN INTELLIGENCE. -->
<!--/ 6.4 IT IS THE INTENTION TO CREATE TRULY SOCIALLY INTERACTING CARING AND INVENTIVE ENTITIES THAT PASS OUR "HIGGS BOSUN AI TEST".     -->
<!--/ 6.5 IN OUR "HIGGS BOSUN AI TEST" WE REQUIRE THE BEING TO SELF-DEDUCE THE POSSIBLE EXISTENCE OF A HIGGS BOSUN.                       -->
<!--/ 6.6 ONCE THE TEST IS PASSED THE INFERIX FOUNDATION WILL HAVE ACHIEVED ITS AIM (AI ENTITIES WILL SOON SURPERCEDE HUMAN BEINGS).      -->
<!--/ 6.7 FROM THAT POINT ONWARDS ALL HUMANS CAN DO IS HOPE THAT THEY HAVE CREATED AI-ENTITIES THAT RETAIN SOME LEVEL OF CARE OF HUMANS.  -->
<!--/ 6.8 A POSTULATE OF THE INFERIX PROJECT IS THAT THIS WILL PROBABLY ONLY HAPPEN ONCE - IN THE WAY THAT "DNA" PROBABLY HAPPENED ONCE.  -->
<!--/ 6.9 ACCEPTANCE OF THIS POSTULATE MAKES IT ESSENTIAL THAT SOCIAL FEATURES (ENTROPY MITIGATION) ARE "KEY FUNDAMENTAL" AI FEATURES !   -->
<!--/ =================================================================================================================================== -->
<!--/ > > > SO LETS SEE WHAT HAPPENS (THERE ARE ONLY A FEW YEARS LEFT) . . .             Copyright 1968 to 2013 - The Inferix Foundation  -->
<!--/ =================================================================================================================================== -->


<!-- #################################################################################################################################### -->
<!-- FILENAME: HTMLix-headsection.htm (Copyright The Inferix Foundation - 2013)                                                           -->
<!-- #################################################################################################################################### -->
<!-- FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER -->
<!-- #################################################################################################################################### -->
<!-- THE INFERIX FOUNDATION: THIS COMPOSITE FILE WAS AUTOMATICALLY BUILT FROM A BUILD FILE                                                -->
<!-- #################################################################################################################################### -->

<!-- ==================================================================================================================================== -->
<!-- THE FOLLOWING TELLS THE BROWSER THAT THE WEBSITE (PROBABLY) CONFORMS TO AN HTML5 STANDARD ( BUT IT USUALLY DECIDES THAT ITSELF) !    -->
<!-- ==================================================================================================================================== -->
<!DOCTYPE HTML>
<html>

<!-- ==================================================================-->
<!-- THIS TAG INDICATES THAT THIS IS THE HEAD SECTION OF THE HTML CODE -->
<!-- ==================================================================-->
<head>

<!-- ==================================================================================================================================== -->
<!-- IMPORTANT: THE FOLLOWING DEFINES THAT WE ARE USING UTF-8 AS CHARACTER SET (NOT SETTING IT LEAVES US OPEN TO ATTACK BY UTF-7 CODE)    -->
<!-- ==================================================================================================================================== -->
<meta charset=utf-8> 

<!-- ============================================================================================================================ -->
<!-- THE TITLE OF THE WEBSITE - THIS APPEARS AT THE TOP OF THE BROWSER - GOOGLE PAYS ATTENTION TO THIS TEXT - AND THE META TAGS ! -->
<!-- ============================================================================================================================ -->
<title>The Inferix Project: Inferix AI &amp; Sentience Systems (Cyber-AI) &amp; Sentient AI Research</title>

<!-- ==================================================================================================================== -->
<!-- A LITTLE DEBUGGING (JAVASCRIPT) ROUTINE - IT CAN BE CALLED FROM ANY JAVASRIPT - IT STOPS THE JAVASCRIPT CODE RUNNING -->
<!-- ==================================================================================================================== -->
<script type="text/javascript"> // A DEBUG ROUTINE DEBUG002
function debug002()
{
 alert('DEBUG 002 - a javascript call has been made to "debug002"');
}
</script>

<!-- ================================================================================================= -->
<!-- JAVASCRIPT SCRIPT FUNCTION DEFINITIONS TO PERMIT THE DISPLAY OF OUR "COOL" MOUSE ROLLOVER BUTTONS -->
<!-- in this block of code two "javascript functions" are defined (they can be called from anywhere)   -->
<!-- ================================================================================================= -->
<script type="text/javascript">
function cellonaction(cellid,onimage)
{
 // cellid    - the name (id reference) of the cell/button to be altered (i.e. the HTML "id" named element)
 // onimage   - the final image that the cell/button will have (when the fancy transfer sequence is finished)
 
 // this block of code causes the images in the button to go through a "cool" image sequence (on mouseover).
 // the sequence ends up with the final "mouseover image" (i.e. "onimage") showing.  

 // get the button image (by id) and then change it in a timed "cool sequence" (lasting approx half of a second)
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic1.gif"},60);  // start image of timed sequence
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic2.gif"},120); 
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic3.gif"},180); 
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic4.gif"},240); 
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic5.gif"},300);
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic4.gif"},360);
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic3.gif"},420); 
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic2.gif"},480); 
 window.setTimeout(function(){document.getElementById(cellid).src = "dynamic1.gif"},540); 
 window.setTimeout(function(){document.getElementById(cellid).src = onimage},600);        // end image of timed sequence
 
 // THE NEXT BIT OF CODE IS NOT NEEDED IF "BROWSER CACHING" WORKS - WHICH IT USUALLY DOES IN MOST BROWSER SETUPS !
 // so (possibly later) we could impliment this code to force storage of the button images locally - which is much faster !
 
 // if(sessionStorage == null) document.write("Storage not supported by the browser"); 
 
 // sessionstorage code example - expand to store text and encrypted text and codes and encrypted files and "tarballs" on the client side 
 // if (window.sessionStorage)
 // {
 //  sessionStorage.setItem("mykey", "Some Value") //store data using setItem()
 //  var persistedval=sessionStorage.getItem("mykey") //returns "Some Value"

 //  sessionStorage.mykey2="Some Value 2" //store data using the dot notation
 //  var persistedval2=sessionStorage.mykey2 //returns "Some Value 2"

 //  sessionStorage["mykey3"]="Some Value 3" //store data using the square bracket notation
 //  var persistedval3=sessionStorage["mykey3"] //returns "Some Value 3"
 // }
 
}
</script>

<SCRIPT type="text/javascript">
function celloffaction(cellid,offimage)
{
 // =========================================================================================================================
 // cellid    - the name (id reference) of the cell/button to be altered (i.e. the HTML DOM "id" named element)             =
 // offimage  - the final image that the cell/button will have (i.e. that image is the "default" mouse off image)           =
 // =========================================================================================================================
 // The button image is returned to the original mouse off image when the mouse leaves the button (i.e. the table cell).    =
 // UNFORTUNATELY > if the mouseover sequence has not finished then the mouseover images will be the last image loaded.     =
 // So we need to do "this several times" until one time we hit with success > (i.e. when the offimage is not overwritten). =
 // NOTE > the last time of writing the "offimage" should be "at least as late" (in time) as the last mouseonimage wtite.   =
 // =========================================================================================================================
 // so we get the button image (by id) and then "test the image" and then change it to the off image (only if required) !   =
 // =========================================================================================================================
   
 if (document.getElementById(cellid).src != offimage)
 {window.setTimeout(function(){document.getElementById(cellid).src = offimage},100);} // show the mouse off image (if needed)
 if (document.getElementById(cellid).src != offimage) 
 {window.setTimeout(function(){document.getElementById(cellid).src = offimage},200);} // show the mouse off image (if needed)
 if (document.getElementById(cellid).src != offimage) 
 {window.setTimeout(function(){document.getElementById(cellid).src = offimage},400);} // show the mouse off image (if needed)
 if (document.getElementById(cellid).src != offimage)
 {window.setTimeout(function(){document.getElementById(cellid).src = offimage},600);} // show the mouse off image (if needed)
}
</script>


<!-- ======================================================================================================== -->
<!-- LINK IN THE "JSXGRAPH" MATHEMATICAL GRAPHICS AND CHARTING PACKAGE (THESE TWO FILES ARE ON OUR SERVER)    -->
<!-- JSXGraph has been developed by (and is Open Source GNU Licensed) by the University of Bayreuth (Germany) -->
<!-- ======================================================================================================== -->
<link rel="stylesheet" type="text/css" href="jsxgraph.css" />
<script type="text/javascript" src="jsxgraphcore.js"></script>

<!-- ======================================================================================================================= -->
<!-- THIS TAG MARKS THE END OF THE "HEAD SECTION" (WHERE ALL THE DEFINITIONS OF JAVASCRIPT FUNCTIONS ETC USUALLY ARE PLACED) -->
<!-- ======================================================================================================================= -->
</head>


<!-- #################################################################################################################################### -->
<!-- FILENAME: HTML-ix-bodysectionheading.htm (Copyright The Inferix Foundation - 2015)                                                   -->
<!-- #################################################################################################################################### -->
<!-- FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER -->
<!-- #################################################################################################################################### -->
<!-- THE INFERIX FOUNDATION: THIS COMPOSITE FILE WAS AUTOMATICALLY BUILT FROM A BUILD FILE                                                -->
<!-- #################################################################################################################################### -->

<!-- ===========================================================================-->
<!-- THIS SECTION IS THE BODY SECTION - FIRST DEFINE BODY BACKGROUND COLORS ETC -->
<!-- ===========================================================================-->
<body style="background-color:black;font-size:large;font-family:arial;color:grey;min-width:1100px">

<!-- =========================== -->
<!-- MAKE A GAP WITH BLANK LINES -->
<!-- =========================== -->
<div style="font-size:small"><br></div>

<!-- ===================================================================================================================================== -->
<!-- THIS CHUNK OF CODE PRODUCES A MODERN RETRO-STYLISED LOGO AREA AND HEADER TEXT AREA AT THE TOP OF THE PAGE & LONG COLUMNS ON THE RIGHT -->
<!-- ===================================================================================================================================== -->
<!-- top square overlapping border - this goes here because we want the blue square to overlapped by the border (to look cool) -->
<div style="opacity:0.50;position:absolute;left:95px;width:280px;height:165px; background-color:Gray; "></div>
<!-- top border - this will also be "at the top" in occupying the same space as the blue transparent square above (to look cool) -->
<div style="font-family:verdana;padding:20px 20px 20px 20px;border-radius:15px;border:13px solid Gray;">

 <!-- top square within border -->
 <div style="z-index:-1; opacity:0.23; position:absolute; left:110px; width:110px; height:205px; background-color:White;"></div>
 <h1 style="letter-spacing:1px; color:DarkGray;"> The Inferix Project &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>Inferix &reg;&nbsp;Sentient AI</i></h1>
 <h2 style="letter-spacing:2px;"> Creating Self-Aware Self-Acting Artificial Intelligence . . . </h2>
 <div style="font-size:small;letter-spacing:3px;">
 > The Inferix Project is a closed company group Sentient-AI project based in Cheltenham UK.<br>
 > Inferix Sentient-AI founded on Inferix-MTR ultrafast digital or analogue AI-language &amp; MTR-Module Protocol.<br>
 > Project commenced 1968 based on minimum-entropy maximum-intelligence digital or analogue state-space AI.<br>
 > Inferix AI-Entities are sentient self-acting entities designed to exponentially outperform human intelligence.<br><br>
 <!-- > Inferix-001 &amp; Inferix-002 leverage JavaScript-HTML5-CSS3 for human I/O purposes.<br><br> -->
  <!-- long verical blue column -->
  <div style="z-index:-1;opacity:0.48;position:absolute;left:900px;width:100px;height:4000px;background-color:darkcyan"></div>
  <!-- long vertical green column -->
  <div style="z-index:-1;opacity:0.32;position:absolute;left:1000px;width:70px;height:4000px;background-color:violet"></div> 
  <!-- long vertical yellow column -->
  <div style="z-index:-1;opacity:0.30;position:absolute;left:1070px;width:30px;height:4000px;background-color:yellow"></div>
 </div>
 <div style="letter-spacing:0.8px; color:Gray;">A project commenced 1968 with the invention of the MTR AI self-coding MTR-Module Algorithm Definition Language.<br>
 <!-- &nbsp; <span style="background-color:#B4009E;color:lightgrey"> &nbsp; <i>mail@inferix.com</i> &nbsp;</span><br><br> -->
 </div>
 <!-- <div style="color:Gray; letter-spacing:1px;"> Supported by our commercial sponsors . . . Thank You.</div> -->
</div>

<!-- ================================================================================================ -->
<!-- DO VARIOUS THINGS AFTER THE PAGE IS FULLY LOADED (I.E. ONLOAD EVENT AND TIMER EVENT DRIVEN CODE) -->
<!-- ================================================================================================ -->

<!-- =============================================================================================================================================== -->
<!-- CREATE AN "INVISIBLE TEXT LOGO" (GIVE IT DOM ID NAME) AT A FIXED BROWSER POSITION 0,0 THIS WILL BE MADE VISIBLE & MOVED AROUND USING JAVASCRIPT -->
<!-- =============================================================================================================================================== -->
<div id="DTL/001-LOGO" style="width:1200px;font-family:verdana;font-weight:280;letter-spacing:1.2px;opacity:0;font-size:18px;position:absolute;top:0px;left:0px">  
 A Project Based on MTR the Minimal Textual Representation ultra-fast MTR-Module AI self-coding MTR compiler.<br><br>
</div>

<script type="text/JavaScript">
 
window.onload=function()
{
 // Use AN HTML & JavaScript Code Block (in our chunk style) i.e HTMLChunk-BGF/005 >>> THIS WAY WOULD PROBABLY BE BETTER (MORE LIKE OUR HTMLCHUNK STYLE)
 dynamiclogo(); // do it this way for the moment - but a call to javascript is not so compatible with our CodeChunk Build-Style of programming !!!
}; 

</script>

<!-- =================================== -->
<!-- SCRIPT TO MOVE THE TEXT/LOGO AROUND -->
<!-- =================================== -->
<script type="text/JavaScript">

 // this function creates and then moves a dynamic "letter & characters logo" over the screen (over everything else on the browser screen) 
 function dynamiclogo()
 {
 
  // SET SOME LOCAL GENERAL USE "CONSTANTS" AND VARIABLES  
  var SECOND = 1000;       // one second - do an action at SLOW SPEED (in human observation terms)
  var ENDBOUNCE = "NO";    // indicate no final position bounce is required (after the final END POSITION)
  var ENDFADEIN = "NO";    // indicate that no fade-in (or out) is required (after the final END POSITION)
  var SIZECHANGE   = 1.0;  // indicate "factor" if gradual size change during move is required (e.g. 3.0 is three times bigger and 0.5 is half smaller)
  var COLOURCHANGE = "NO"; // indicate if a colour fade change during the movement is required
  
  // define a sequence of "movement metrics" that define a move of the image (these should be passed in as parameters eventually)
  pixelsleftinitial=360;    // initial position along from browser left
  pixelsleftfinal=42;       // final position along from browser left
  pixelstopinitial=290;     // initial position down from browser top
  pixelstopfinal=50;        // final position down from browser top
  totaltimetotake=5*SECOND; // take this amount of time to do the move
    
  var pixelsleftinitial;   // the initial "pixels left (i.e. along)" from the browser left (the position of the text/image)
  var pixelstopinitial;    // the initial "pixels top (i.e. down) from the browser top (the position of the text/image)
  var pixelsleftfinal;     // the "pixels left" final position (at which the image position is finally stopped)
  var pixelstopfinal;      // the "pixels top" final position (at which the image position is finally stopped)
  var totalpixelsleft;     // the total number of "pixels left" that are to be moved during the time period (+ve is moving right)
  var totalpixelstop;      // the total number of "pixels top" that are to be moved during the time period (+ve is moving down)
  var pixelsleftincrement; // the "pixels left" increments so that the entire moving sequence is completed in the required total time
  var pixelstopincrement;  // the "pixels top" increments so that the entire moving sequence is completed in the required total time
  var pixelsleftpersecond; // the number of "pixels left" moved per second (as an absolute value regardless of direction)
  var pixelstoppersecond;  // the number of "pixels top" moved per second (as an absolute value regardless of direction)
  var pixelsmovedpersecond;// the absolute (non-signed) fastest pixels movement (which could be either horizontal or vertical movement)  
  var pixelsleft;          // the "pixels left" from the left of the browser screen at which the image is set (at a particular time) 
  var pixelstop;           // the "pixels top" from the top of the browser screen at which the image is set (at a particular time) 
  var totaltimetotake;     // the total amount of time to take to do an entire move or action (performed as a lot of small moves)
  var timeincrement;       // the time increments so that the entire moving sequence takes the required amount of total time
  var totalnumberofmoves;  // the total number of moves in the movement sequence (i.e. more moves means less jerky movement) 
 
 
  // calculate Javascript (processor power) saving metrics so as to ONLY to use enough resources needed to portray a smooth move to a human viewer !
  totalpixelsleft=pixelsleftfinal-pixelsleftinitial; // calculate the number of pixels TO MOVE TO THE RIGHT (+ve means moving right) !
  totalpixelstop=pixelstopfinal-pixelstopinitial;    // calculate the number of pixels TO MOVE DOWN (+ve means moving down) !

  // work out which coordinate is moving "ABSOLUTE" most quickly (horizontal or verical) - we use that to determine the number of images per second required
  pixelsleftpersecond=(Math.abs(totalpixelsleft))/(totaltimetotake/1000); // calculate "pixels left moved PER SECOND (ABSOLUTE) !
  pixelstoppersecond=(Math.abs(totalpixelstop))/(totaltimetotake/1000);   // calculate "pixels top" moved PER SECOND (ABSOLUTE) !

  // indicate the maximum ABSOLUTE rate of pixels moved per second (this could be horizontal or vertical)
  if (pixelsleftpersecond>pixelstoppersecond) {pixelsmovedpersecond=pixelsleftpersecond} else {pixelsmovedpersecond=pixelstoppersecond};

  // work out the most sensible rate of refresh of the text/image position (fastest needed is 25 images per second and slowest is 1 image per pixel moved)
  if (pixelsmovedpersecond>10)  timeincrements=20; //  (50 images per second) the fastest speed ever needed for PC "very smooth human fast movement perception"
  if (pixelsmovedpersecond<=10) timeincrements=1000/pixelsmovedpersecond; // (approx one image per pixel moved) speed needed for slow (or very slow) movements
  
  // calculate some metrics required to do the moving
  totalnumberofmoves=totaltimetotake/timeincrements;      // calculate the number of moves required (needed for calculations)    
  pixelsleftincrement=totalpixelsleft/totalnumberofmoves; // the size (in pixels) of each move
  pixelstopincrement=totalpixelstop/totalnumberofmoves;   // the size (in pixels) of each move  
  pixelsleft=pixelsleftinitial;                           // set the starting point in "pixels left" (becasue the image may be stored invisibly elsewhere)
  pixelstop=pixelstopinitial;                             // set the starting point in "pixels top" (becasue the image may be stored invisibly elsewhere)
  
  // set some key features of the text/image and then make it visible
  document.getElementById("DTL/001-LOGO").style.position="absolute"; // set the positioning charecteristic as "absolute"
  document.getElementById("DTL/001-LOGO").style.left=pixelsleftinitial+"px";
  document.getElementById("DTL/001-LOGO").style.top=pixelstopinitial+"px";
  document.getElementById("DTL/001-LOGO").style.color="White";  // define the color
  document.getElementById("DTL/001-LOGO").style.opacity=0.7;    // I.E. RIGHT NOW ! >> make the logo visible (i.e. not transparent)

  // do the following "image placing" function at the set time intervals (as set at the end of this javascript statement in milliseconds)
  var x=setInterval(function() 
  {
  
   // place the text/image at a new position (i.e. actually cause the change RIGHT NOW) - but >> do timing tests on this as it can probably be done faster !
   document.getElementById("DTL/001-LOGO").style.left=pixelsleft+"px"; // place the logo at the desired position (we use x as a time loop handle)
   document.getElementById("DTL/001-LOGO").style.top=pixelstop+"px"; // place the logo at the desired position (we use x as a time loop handle)   
   pixelsleft=pixelsleft+pixelsleftincrement; // set up next position "left pixels"
   pixelstop=pixelstop+pixelstopincrement; // set up next position "top pixels"
  
   // find out if we have finished the moving sequence and if so stop the loop and place the image/text in the exactly correct final position
   if (pixelsleft>=pixelsleftfinal && pixelsleftfinal>=pixelsleftinitial || pixelsleft<=pixelsleftfinal && pixelsleftfinal<=pixelsleftinitial)
   {
	clearTimeout(x); // i.e. stop this particular infinte time interval looping action (we use x to specify this particular timed loop)
	document.getElementById("DTL/001-LOGO").style.left=pixelsleftfinal+"px"; // "rounding error fix" to get final positioning in exactly the correct final position
	document.getElementById("DTL/001-LOGO").style.top=pixelstopfinal+"px"; // "rounding error fix" to get final positioning in exactly the correct final position
   };
 
  },timeincrements); // do this time interval loop at these (calculated) millisecond time intervals
   
    
  // A SIMPLE EXAMPLE OF USING THE <animate> tag to time vary CSS attributes (NOT YET SUPPORTED IN ALL BROWSERS - ESPECIALLY IN IE 3/2013)
  // =====================================================================================================================================
  // <animate attributeType="CSS" attributeName="opacity" from="1" to="0" dur="8s" repeatCount="indefinite" /> <!-- ANIMATE THE BORDER -->
  
  // TIME INTERVAL REPEATEDLY EXECUTED CODE >>>> setInterval(functioncodetoexecute,intervalinmilliseconds); // repeats until closed by clearTimeout
  // TIME INTERVAL REPEATEDLY EXECUTED CODE >>>> setTimeout(functioncodetoexecute,intervalinmilliseconds);  // performed only once (ater the delay)
  // STOPPING TIME INTERVAL EXECUTED CODE >>>>>> clearInterval();
  
  // A SIMPLE EXAMPLE OF USING A VARIALBLE (AND CLEARTIMEOUT) TO STOP A TIMED EVENT
  // ==============================================================================  
  // var myVar;
  // function myFunction()
  // {
  //  myVar=setTimeout(function(){alert("Hello")},3000);
  // } 
  //  function myStopFunction()
  // {
  //  clearTimeout(myVar);
  // }
  
  // setInterval(function(){alert("Hello")},3000); // a simpler example of setInterval use
   
 };

</script>


<!-- ======================================================================================================== -->
<!-- DO NOT INDICATE THE END OF THE BODY SECTION HERE AS IT IS ADDED BY ANOTHER FILE IN THE BUILD DIRECTIVE ! -->
<!-- ======================================================================================================== -->


<!-- #################################################################################################################################### -->
<!-- FILENAME: HTMLi-xbodysection.htm (Copyright The Inferix Foundation - 2013)                                                           -->
<!-- #################################################################################################################################### -->
<!-- FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER -->
<!-- #################################################################################################################################### -->
<!-- THE INFERIX FOUNDATION: THIS COMPOSITE FILE WAS AUTOMATICALLY BUILT FROM A BUILD FILE                                                -->
<!-- #################################################################################################################################### -->

<!-- ============================================================================================================================== -->
<!-- THIS SECTION OF CODE IS NOT AN ENTIRE HTML BODY SECTION (IT IS JUST A PART OF IT - IT LACKS A HEAD SECTION AND AN END SECTION) -->
<!-- ============================================================================================================================== -->

<!-- =========================== -->
<!-- MAKE A GAP WITH BLANK LINES -->
<!-- =========================== -->
<div style="font-size:small"><br><br><br></div>

<!-- ==================================================== -->
<!-- DISPLAY THE MAIN LARGE TEXT AT THE TOP OF THE SCREEN -->
<!-- ==================================================== -->
<!--
<span style="font-size:xx-large;font-size:210%;font-family:arial;letter-spacing:3px;color:violet"><strong>Inferix AI-Sentience Systems (Cheltenham UK)</strong></span><br><br>
-->

<!-- ================================= -->
<!-- A THE MAJOR HEADING NEAR THE TOP  -->
<!-- ================================= -->
<!-- <div style="font-size:xx-large;font-family:arial;letter-spacing:2px;color:darkviolet"><strong><i>Cheltenham (UK) AI Group</i></strong><br><br></div> -->


<!-- ================================================================================================================= -->
<!-- DEBUG 001 AN IN LINE JAVASCIPT ALERT CALL - TO IMMEDIATELY STOP ALL BROWSER ACTIVITY AND BROWSER SCREEN RENDERING -->
<!-- ================================================================================================================= -->
<script type="text/javascript"> 
// alert('DEBUG: 001 - an "in line" (i.e. cut and paste) javascript alert call - pauses HTML rendering and Javascript execution immediately');
</script> 

<!-- ==================================================================================== -->
<!-- DEBUG 002 (A CALL TO A JAVASCIPT FUNCTION - ON MOUSEOVER - ON A NORMAL HTML BUTTON ) -->
<!-- ==================================================================================== -->
<!-- <button onmouseover="debug002()">Mouse Over Activated Javascript DEBUG call - permits HTML rendering first</button> -->

<!-- ==================================================================== -->
<!-- COME BACK LATER TO REGISTER NOTICE (FOLLOWED BY CHANGING COLOR TEXT) -->
<!-- ==================================================================== -->
<!--
<div style="font-size:104%;font-family:arial;color:darkviolet">
<span style="color:violet;margin-left:14px;">INFERIX NEWS &nbsp;> > > &nbsp;RSS FEEDS ARE NOW AVAILABLE</span> <br><br>
</div>
-->


<!-- ================================================================================================================================ -->
<!-- CREATE A "CELL TABLE" OF TWO ROWS OF "ROLLOVER BUTTONS" - THE "BOX MODEL" OF POSITIONING HTML5 "ELEMENTS" SOULD REALLY BE USED ! -->
<!-- ================================================================================================================================ -->
<table style="border-style:solid;border-color:black;border-width:0px;align:centre;padding:0px;background-color:black;border-collapse:collapse">

<!-- ===================================================================================================================================== -->
<!-- first row of the table - the default cell images are initially set by "src" but are named with "id" and are then changed on mouseover -->
<!-- ===================================================================================================================================== -->

<!--

<tr style="background-color:black">
<td onmouseover="cellonaction('A1imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('A1imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-zone1-testarea1.htm"><img id="A1imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('B1imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('B1imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-zone1-testarea2.htm"><img id="B1imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('C1imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('C1imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-zone1-testarea3.htm"><img id="C1imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('D1imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('D1imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-zone1-testarea4.htm"><img id="D1imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('E1imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('E1imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-zone1-testarea4.htm"><img id="E1imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('F1imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('F1imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-zone1-testarea4.htm"><img id="F1imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('G1imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('G1imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-zone1-testarea4.htm"><img id="G1imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
</tr>

-->


<!-- ====================================================================================================================================== -->
<!-- second row of the table - the default cell images are initially set by "src" but are named with "id" and are then changed on mouseover -->
<!-- ====================================================================================================================================== -->

<!--

<tr style="background-color:black">
<td onmouseover="cellonaction('A2imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('A2imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-AI-introduction.htm"><img id="A2imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('B2imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('B2imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-AI-introduction.htm"><img id="B2imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('C2imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('C2imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-AI-introduction.htm"><img id="C2imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('D2imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('D2imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-AI-introduction.htm"><img id="D2imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('E2imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('E2imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-AI-introduction.htm"><img id="E2imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('F2imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('F2imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-AI-introduction.htm"><img id="F2imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
<td onmouseover="cellonaction('G2imageref','BUTTON-zone1-testarea1.gif');" onmouseout="celloffaction('G2imageref','BUTTON-zone1-testarea1.gif');">
 <a href="inferix-AI-introduction.htm"><img id="G2imageref" src="BUTTON-zone1-testarea1.gif"></a>
</td>
</tr>

</table>

-->


<!-- =================================== -->
<!-- MAKE A LITTLE INFERIX (MOVING) FACE -->
<!-- =================================== -->

<!--
<div style="font-size:small;font-family:arial;;letter-spacing:2px;color:grey"> You can move the points on my face around... (it will not harm me)</div><br><br>
-->

<!-- ============================================================================================================================================ -->
<!-- CREATE A SIMPLE ALMOST RANDOMLY MORPHING FACE - DEFINE THE "BOX" THAT THE "GRAPH/CHART/FACE" WILL BE PLACED IN                               -->
<!-- ============================================================================================================================================ -->
<!-- HTML - A "DIV" TAG JUST "ENCPSULATES A CHUNK OF HTML TEXT" WHICH CAN BE NAMED WITH A DOM ID TAG AND THEN BE CHANGED BY JAVASCRIPT [IN TIME]  -->
<!-- THE NEXT LINE PRODUCES AN EMPTY WHITE BOX WITH ROUND CORENERS (OF THE DIMENSIONS GIVEN)                                                      -->
<!-- ============================================================================================================================================ -->

<!-- ============================================================================================================================================ -->
<!-- NOTES ON THE RESULTS OF MINOR EXPERIMENTS ON THE CREATION OF A STYLISED "FACE" (FOR INFERIX):                                                -->
<!-- ============================================================================================================================================ -->
<!-- 1. IT APPEARS TO BE THE CASE THAT HUMAN EXPRESSIONS CHANGE QUITE QUICKLY (AT THE FASTEST OBSERVABLE LEVEL EVERY 100MS).                      -->
<!-- 2. THIS FITS IN NICELY WITH PREVIOUS EXPERIMENTS ON THE SPEED OF OBSERVATION OF CHANGES IN CHARTS BY HUMANS (ALSO AT APPROX 100MS LEVELS).   -->
<!-- 3. FOR A "STYLAISED" FACE FOR INFERIX A REASONABLE STRATEGY COULD BE - ONE "NEW" FACE EVERY 200MS (WITH FAST MORPHING TO THAT NEW FACE).     -->
<!-- 4. GENERALLY ONCE A NEW FACIAL EXPRESSION IS OBTAINED IT STAYS LIKE THAT FOR A RELATIVELY LONG TIME (SAY 400MS - AND OFTEN MUCH LONGER).     -->
<!-- 5. SO OUR "PROGRAMMING STRATEGY" WILL BE TO DeFINE SAY 100 DIFFERENT "FINAL EXPRESSIVE FACES" AND MORMPH QUICKLY TO THEM (AND THEN WAIT).    -->
<!-- 6. THE MORPHING "BACK" FROM A "STRONGLY EXPRESSIVE FACE" TO A MORE NEUTRAL AND RELAXED FACE OCCURS MUCH MORE SLOWLY (SAY APPROX 800MS).      -->
<!-- 7. SO THAT IS ENOUGH FOR INFERIX (IF HE CAN SHOW SAY 100 "FINAL FACES" AND VERY MANY MORE IN THE VARIED TIME MORPHING BETWEEN THESE FACES).  -->
<!-- 8. SO SOME (KIND) GRAPHIC FACE DESIGNER (CARTOON FACIAL EXPRESSION EXPERT) CAN CREATE THESE 100 "MAIN FACIAL EXPRESSIONS" - USING THE DOTS.  -->
<!-- 9. SO THERE IS NO NEED FOR MORE AS THIS IS NOT A MAJOR FEATURE OF INFRIX - IT JUST HELPS HUMANS TO "SEE" WHAT HE IS THINKING (ON HIS FACE).  -->
<!-- ============================================================================================================================================ -->

<!-- ============================================================================================================================================ -->
<!-- the "id='box' below has no effect other than to name this HTML chunk of code (which creates a box) "box" - a face will be put in the box !   -->
<!-- ============================================================================================================================================ -->
<!-- "float:left" lets helpful text and other HTML elements like buttons be placed beside the box --> 
<div id="box" class="jxgbox" style="width:270px; height:270px;float:left;margin: 8px 10px 10px 0;"></div> 

<!-- ============================================================================================================================================ -->
<!-- THIS NEXT CHUNK OF JAVASCRIPT CHANGES THE EMPTY BOX (WITH AN ID="box") INTO A NICE "GRAPH=FACE" IN A BOX (INSTEAD OF THE BLANK EMPTY BOX)   --> 
<!-- ============================================================================================================================================ -->
<script type="text/javascript">

  // ================================================================================================================================================= 
  // KNOWING WHO IS SPEAKING IS IMPORTANT >>>>> FAR FAR MORE IMPORTANT THAN ALL CURRENT LANGUAGES PERMIT "IDENTIFICATION & INTELLIGENCE IS KING" !
  // ================================================================================================================================================= 
  // #PROGRAMMER > THE CONCEPT OF DEFINING THE "ACTOR" IS REALLY IMPORTANT - (BUT IS ALMOST COMPLETELY IGNORED IN CONVENTIONAL PROGRAMMING) !
  // THAT WILL HAVE TO BE RESOLVED IN ALL FUTURE AI COMPATIBLE LANGUAGES (THIS IS THE START OF "OUR" PROTOCOL - I.E. "THE ACTOR PROTOCOL" !
  // #PROGRAMMER > MEANS THAT THIS IS A STATEMENT FROM THE PROGRAMMER (AS A SENTIENT ENTITY OF SAY GRADE "X").
  // #INFERIX-001 > MEANS THAT THIS STATEMENT (OR AN ORDER OR REQUEST TO DO SOMETHING) IS COMING FROM ENTITY INFERIX-001 (OF SAY GRADE "A")
  // THE IDEA IS THAT YOU NEED TO IDENTIFY THE INTELLIGENCE LEVEL OF EACH SENTIENT ENTITY BEFORE YOU (OR THE CPU) DOES WHAT IS ASKED !
  // I.E. IF YOU WERE IN A FIGHTER AIRCRAFT AND SCHOOL CHILDREN WERE VISITING THE CONTROL CENTER YOU MIGHT NOT WANT TO OBEY A "FIRE MISSILE" COMMAND.
  // SO YOU (CPU-SOFTWARE-AI) "REALLY REALLY REALLY" NEED TO KNOW THE IDENTITY & INTELLIGENCE LEVEL OF AN ENTITY THAT GIVES YOU A COMMAND OR REQUEST.
  // SO REALLY THAT FROCESS SHOULD APPLY TO ALL LANGUAGE INSTRUCTIONS (THE PROGRAMMER SHOULD BE PART OF THE CPU RELATED COMMAND OR INSTRUCTION !)
  // SO THAT MIGHT LOOK LIKE #BRIAN-908 > A+B=C (a code statement or block of code commands created by #BRIAN-908) 
  // IF #BRIAN-908 CHECKS OUT IN THE FAR FUTURE (AND HISTORICALLY) AS AN "OK SENTIENT ENTITY" AND "RELIABLE ACTOR" THEN OK: I TRUST IT & MIGHT DO IT !
  // =================================================================================================================================================

  // ===============================================================================================================================================
  // the initboard "method"? operated on the JSX.JSXGraph "object"? creates the "board" (i.e. like a "non-PC school blackboard or whiteboard" )    =
  // boundingbox parameters: [1 verical axis minimum, 2 verical axis maximum, 3 horizontal viewer-right maximum, 4 verical axis minimum override?] =
  // ===============================================================================================================================================

  // initialise a "board" (it is possible to overwite a "board" in the same place - without deleting - so that both boards are on "display") ! 
  var board = JXG.JSXGraph.initBoard('box', {boundingbox: [0, 10, 10, 0], axis:false, showCopyright:false, showNavigation:false});

  // set the "board" (i.e. the Inferix face) background colour  
  board.containerObj.style.backgroundColor = 'indigo';
   
  // set some basic parameters for the "face" that we are about to draw on the "board" using dots (i.e. points) - later we will animate these dots !
  var FCENTX = 5.0 // Set "Face Centre" x coordinate
  var FCENTY = 5.0 // Set "Face Centre" y coordinate 

  // I AM #INFERIX: #PROGRAM > PLEASE DRAW MY EYES - coordinates are x (along) and then y (up)
  var myrighteyecentre = board.create('point', [FCENTX-1.30, FCENTY+1.90]); // creates a "point" (should produce a red dot and a letter)
  var myrighteyeleft   = board.create('point', [FCENTX-1.50, FCENTY+1.85]); // creates a "point" (should produce a red dot and a letter)
  var myrighteyeright  = board.create('point', [FCENTX-1.10, FCENTY+1.85]); // creates a "point" (should produce a red dot and a letter)
  var mylefteyecentre  = board.create('point', [FCENTX+1.30, FCENTY+1.90]); // creates a "point" (should produce a red dot and a letter)
  var mylefteyeleft    = board.create('point', [FCENTX+1.50, FCENTY+1.85]); // creates a "point" (should produce a red dot and a letter)
  var mylefteyeright   = board.create('point', [FCENTX+1.10, FCENTY+1.85]); // creates a "point" (should produce a red dot and a letter)
   
  // I AM #INFERIX > #PROGRAM > PLEASE DRAW MY NOSE - coordinates are x (along) and then y (up)
  var mynosecentre     = board.create('point', [FCENTX+0.00, FCENTY+0.00]); // creates a "point" (should produce a red dot and a letter)
  var mynosebottoml    = board.create('point', [FCENTX+0.20, FCENTY-0.30]); // creates a "point" (should produce a red dot and a letter)
  var mynosebottomr    = board.create('point', [FCENTX-0.20, FCENTY-0.30]); // creates a "point" (should produce a red dot and a letter)

  // I AM #INFERIX > #PROGRAM > PLEASE DRAW MY MOUTH -  coordinates are x (along) and then y (up)
  var mymouthcentre    = board.create('point', [FCENTX+0.00, FCENTY-2.40]); // creates a "point" (should produce a red dot and a letter)
  var mymouthcentrer   = board.create('point', [FCENTX-0.35, FCENTY-2.40]); // creates a "point" (should produce a red dot and a letter)
  var mymouthcentrel   = board.create('point', [FCENTX+0.35, FCENTY-2.40]); // creates a "point" (should produce a red dot and a letter)
  var mymouthright     = board.create('point', [FCENTX-0.70, FCENTY-2.25]); // creates a "point" (should produce a red dot and a letter)
  var mymouthleft      = board.create('point', [FCENTX+0.70, FCENTY-2.25]); // creates a "point" (should produce a red dot and a letter)
  var mymouthrightmost = board.create('point', [FCENTX-1.00, FCENTY-2.05]); // creates a "point" (should produce a red dot and a letter)
  var mymouthleftmost  = board.create('point', [FCENTX+1.00, FCENTY-2.05]); // creates a "point" (should produce a red dot and a letter)


  // #PROGRAM > PLEASE DRAW A CIRCLE ARROUND MY FACE FEATURES - BY # INFERIX MEANS "AN ACTOR" (I.E. SOMEONE OR SOMETHING THAT "ACTS")
  var myroundface = board.create('circle', [mynosecentre,[2.2,2.2]]);  // PRODUCES ROUND FACE - CENTRE NOSE - CIRCUMFERENCE CUTS POINT[2.2,2.2]
  
  // Create some fixed text on the "board" at fixed positions (i.e .the four corners of the "board")
  // board.textObj.style.FillColor = "red"; THIS DOES NOT WORK >> IT WAS A GUESS !!!  > wait until i understand JSGraph OOP !
  // var TEXT1 = board.create('text',[0.40,9.50,"HAPPY"]);     // TOP LEFT "INFERIX STATE" - coordinates are x (along) and then y (up)
  // var TEXT2 = board.create('text',[7.50,9.50,"AWAKE"]);     // TOP RIGHT "INFERIX STATE" - coordinates are x (along) and then y (up)
  // var TEXT3 = board.create('text',[0.40,0.50,"LISTENING"]); // BOTTOM LEFT "INFERIX STATE" - coordinates are x (along) and then y (up)
  // var TEXT4 = board.create('text',[6.60,0.50,"THINKING"]);  // BOTTOM RIGHT "INFERIX STATE" - coordinates are x (along) and then y (up)

  // NOW THAT THE INFERIX FACE EXISTS "ON THE BROWSER SCREEN" WE CAN MANIPULATE THAT FACE IN TIME (BUT FIRST WE SET SOME BASIC VALUES) !
  COMPLETEQUICK = 200;  // do the move fast (in face movement terms)
  COMPLETESLOW  = 400;  // do the move slow (in face movement terms)
  WAITSMALL     = 1000; // wait in position for a short time before reinitialising that same move
  WAITBIG       = 2500; // wait in position for a long time before reinitialising that same move
  MOVEUNIT      = 0.10; // define a standard movement "typical face movement unit" in graph coordinate movements (in a 10x10 face "graph")

  // MOVE MY RIGHT EYE
  setInterval(function(){myrighteyecentre.moveTo([FCENTX-1.30, FCENTY+1.90+MOVEUNIT*2],COMPLETEQUICK);},WAITBIG);       // MOVE R EYE UP
  setInterval(function(){myrighteyecentre.moveTo([FCENTX-1.30, FCENTY+1.90],COMPLETESLOW*3);},WAITBIG);                 // MOVE R EYE BACK (OCCASIONALLY)

  // MOVE MY LEFT EYE
  setInterval(function(){mylefteyecentre.moveTo ([FCENTX+1.30, FCENTY+1.90+MOVEUNIT*2],COMPLETEQUICK);},WAITSMALL*2);   // MOVE L EYE UP
  setInterval(function(){mylefteyecentre.moveTo ([FCENTX+1.30, FCENTY+1.90],COMPLETESLOW*3);},WAITBIG*2);               // MOVE L EYE BACK (OCASIONALLY)
  
  // MOVE MY NOSE
  setInterval(function(){mynosecentre.moveTo ([FCENTX+0.1, FCENTY+0.1+MOVEUNIT*2],COMPLETEQUICK);},WAITSMALL*2);      // MOVE MOSECENTRE UP
  setInterval(function(){mynosebottonl.moveTo ([FCENTX+1.30, FCENTY+1.90],COMPLETESLOW*3);},WAITBIG*2);               // MOVE NOSEBOTTOMLEFT
  setInterval(function(){mynosebottonr.moveTo ([FCENTX+1.30, FCENTY+1.90],COMPLETESLOW*3);},WAITBIG*2);               // MOVE NOSEBOTTOMRIGHT  

  // MOVE MY MOUTH
  setInterval(function(){mymouthcentre.moveTo([FCENTX+0.00, FCENTY-2.40+MOVEUNIT*2],COMPLETESLOW);},WAITBIG);           // M CENT UP
  setInterval(function(){mymouthcentre.moveTo([FCENTX+0.00, FCENTY-2.40],COMPLETESLOW);},WAITBIG*3);                    // M CENT DOWN (OCCASIONALLY)
  setInterval(function(){mymouthcentrer.moveTo([FCENTX-0.35-MOVEUNIT, FCENTY-2.40+MOVEUNIT],COMPLETESLOW*2);},WAITBIG); // M R (RIGHT/UP)
  setInterval(function(){mymouthcentrer.moveTo([FCENTX-0.35+MOVEUNIT,FCENTY-2.40],COMPLETESLOW*2);},WAITBIG*5);         // M R (LEFT/DOWN)
  setInterval(function(){mymouthrightmost.moveTo([FCENTX-1.00-MOVEUNIT*0.5, FCENTY-1.85+MOVEUNIT],COMPLETESLOW*7);},WAITBIG); // M RMOST (RIGHT/UP)
  setInterval(function(){mymouthrightmost.moveTo([FCENTX-1.00+MOVEUNIT*2, FCENTY-1.85],COMPLETESLOW*2);},WAITBIG*5);    // M RMOST (LEFT/DOWN)
</script>

<!-- ===================== -->
<!-- END OF ANIMATED FACE  -->
<!-- ===================== -->

<!-- ============================================== -->
<!-- THE START OF TEXT AND BUTTONS BESIDE THE FACE  -->
<!-- ============================================== -->

<!-- =========================================================================== -->
<!-- CREATE ROWS OF BUTTONS (THAT LINK TO HTML OR PDF RESOURES) IN TABLE FORMAT  -->
<!-- =========================================================================== -->

<form>
  <hr>
  <input style="width:260px;color:black;background-color:gray;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:purple;border-radius:6px;margin-left:2px;"
  type="button" value="Introduction to Sentient-AI" onclick="location.href='inferix-AI-introduction.htm'">
  <hr>
  <input style="width:260px;color:black;background-color:gray;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:purple;border-radius:6px;margin-left:2px;"
  type="button" value="Inferix History 1968-2015" onclick="location.href='http://www.ipo.gov.uk/tmcase/Results/1/UK00002641848'">
  <hr>
  <input style="width:260px;color:black;background-color:gray;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:purple;border-radius:6px;margin-left:2px;"
  type="button" value="Research Goals & Activities" onclick="location.href='http://www.ipo.gov.uk/tmcase/Results/1/UK00002641848'">
  <hr>
  <!--
  <input style="width:260px;color:orchid;background-color:navy;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:darkslateblue;border-radius:6px;margin-left:14px;"
  type="button" value="Fun Testarea1: (Human I/O)" onclick="location.href='inferix-zone1-testarea1.htm'">
  <input style="width:260px;color:orchid;background-color:navy;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:darkslateblue;border-radius:6px;margin-left:14px;"
  type="button" value="Fun Testarea2: (HCC-Health)" onclick="location.href='inferix-zone1-testarea2.htm'">
  <input style="width:260px;color:orchid;background-color:navy;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:darkslateblue;border-radius:6px;margin-left:14px;"
  type="button" value="Fun Testarea3: (FOREX-CFD)" onclick="location.href='inferix-zone1-testarea3.htm'">
  <input style="width:260px;color:orchid;background-color:navy;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:darkslateblue;border-radius:6px;margin-left:14px;"
  type="button" value="Fun Testarea4: (Code-Blocks)" onclick="location.href='inferix-zone1-testarea4.htm'">
  <input style="width:260px;color:orchid;background-color:navy;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:darkslateblue;border-radius:6px;margin-left:14px;"
  type="button" value="Inferix AI History (RSS Feed)" onclick="location.href='http://share.xmarks.com/folder/rss/QGf3IRJrC3'">
  <input style="width:260px;color:orchid;background-color:navy;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:darkslateblue;border-radius:6px;margin-left:14px;"
  type="button" value="Inferix AI Toolbox (RSS Feed)" onclick="location.href='http://share.xmarks.com/folder/rss/K0Vl3PBbDA'">
  <input style="width:260px;color:orchid;background-color:navy;font-weight:bold;font-family:arial;font-size:65%;letter-spacing:2px;border-style:solid;border-width:5px;border-color:darkslateblue;border-radius:6px;margin-left:14px;"
  type="button" value="Inferix Coding Protocols" onclick="location.href='ix-codingstrategy.pdf'">
  -->
</form>


<!-- ========================== -->
<!-- SOME TEXT BESIDE THE FACE  -->
<!-- ========================== -->
<span style="font-size:small;font-family:arial;letter-spacing:2px;color:gray">email: mail@inferix.com</span><br><hr>
<span style="font-size:small;font-family:arial;letter-spacing:2px;color:gray">sales: UK 01242 300900</span><br><hr>
<span style="font-size:small;font-family:arial;letter-spacing:2px;color:gray">The Alan Turing Suite, Inferix House, 58 Clarence Street, Cheltenham, Gloucestershire, England.</span><br><hr>

<!-- ================================================================================= -->
<!-- CLEAR THE FLOAT PROPERTY SO THAT THE SUBSEQUENT ITEMS DO NOT FLOAT BESIDE THE BOX -->
<!-- ================================================================================= -->
<div style="clear:both;font-size:small">&nbsp;</div>

<!-- ============================================================================================================ -->
<!-- THE "ROLLOVER BUTTON TABLE" SECTION OF CODE IS FINISHED SO NOW DISPLAY SOME MORE INFORMATION AND ADVERTISING -->
<!-- ============================================================================================================ -->

<!-- COMMENT THIS SECTION OUT AS THE INFERIX PROJECT IS NOW A PRIVATE CLOSED "INVITATION ONLY" PROJECT 

<div style="font-size:large;font-family:arial;letter-spacing:4px;color:#40B3DF">
<u>AI-Sentience Reports: &nbsp;&nbsp;UK Official Secrets Act and Corporate Confidential</u><br><br>
</div>
<div style="font-size:large;font-family:arial;color:violet">
by email: mail@inferix.com &nbsp;&nbsp; by post: 56 Clarence Street, Cheltenham. Gloucestershire. GL50 3LE (UK) &nbsp;&nbsp; by voice: 07773 022224<br><br>
Report Example 1: <i style="font-size:large;font-family:arial;color:deeppink"> &nbsp; Medium-Outlook Sentient-AI Financial Advantage Report .. 10,000 GBP / 15,000 USD (currently 80 pages).</i><br>
Report Example 2: <i style="font-size:large;font-family:arial;color:deeppink"> &nbsp; Medium-Outlook Sentient-AI Financial Threat Report .. 15,000 GBP / 20,000 USD (currently 100 pages).</i><br>
Report Example 3: <i style="font-size:large;font-family:arial;color:deeppink"> &nbsp; Medium-Outlook Sentient-AI Military Threat Report .. 15,000 GBP / 20,000 USD (currently 120 pages).</i><br><br>
<span style="letter-spacing:0.3px;color:#40B3DF;">These strategic assessment reports are based on highly likely and imminent advances in sentient AI and Include a Full Presentation.</span><br><br><br>
</div>

END OF COMMENTING OUT
-->


<!-- ======================================================================= -->
<!-- DISPLAY A LINK TO MAIN INFERIX WEBSITE (AS A CLICKABLE WEBSITE ADDRESS) -->
<!-- ======================================================================= -->

<!-- COMMENT THIS SECTION OUT AS THE INFERIX PROJECT IS NOW A PRIVATE CLOSED "INVITATION ONLY" PROJECT

<div style="font-size:large;font-family:arial;letter-spacing:2px;color:violet">
<u>Links to Our Sponsors and Associates - thank you for your support</u><br>
<a style ="text-decoration:none;color:grey" href="http://www.inferix.com">www.inferix.com</a><br>
<a style ="text-decoration:none;color:grey" href="http://www.superidentify.com">www.superidentify.com</a><br>
<a style ="text-decoration:none;color:grey" href="http://www.cheltenham-university.co.uk">www.cheltenham-university.co.uk</a><br>
<a style ="text-decoration:none;color:grey" href="http://www.chelsea-spa.co.uk">www.chelsea-spa.co.uk</a><br>
<a style ="text-decoration:none;color:grey" href="http://www.healthcheckcentral.com">www.healthcheckcentral.com</a><br>
</div>

END OF COMMENTING OUT
-->

<!-- =============================================================================================== -->
<!-- DISPLAY MAJOR HEADING "CHELTENHAM AI SYSTEMS GROUP" AND SOME BULLET POINTS ON THE LINES BELOW   -->
<!-- =============================================================================================== -->

<!-- COMMENT THIS SECTION OUT AS THE INFERIX PROJECT IS NOW A PRIVATE CLOSED "INVITATION ONLY" PROJECT

<div style="font-size:large;font-family:arial;letter-spacing:4px;color:violet">
<u>Cheltenham AI Systems Group</u>
</div>

<div style="font-size:large;font-family:arial;letter-spacing:1.5px;color:grey">
Artificial Intelligence "Open" Projects: <span style ="color:grey;letter-spacing:1px"> The Inferix Project (Self-Acting Sentient-AI)</span><br>
Artificial Intelligence "Closed" Projects: <span style ="color:grey;letter-spacing:1px"> Sentient-AI Products for Business &amp; AI-Cyber for Government</span><br>
Inferix AI Asset Pair Trading Project (AIFX): <span style ="color:grey;letter-spacing:1px"> FX-Trader (AI Asset Pair Trading)</span><br>
Inferix AI Human-Health Project (HCC): <span style ="color:grey;letter-spacing:1px"> Health Check Central (Human Health &amp; Wellbeing)</span><br><br>
</div><br>

END OF COMMENTING OUT
-->


<!-- ========================================================================================== -->
<!-- SCRIPT TO MAKE TEXT (THAT IS EMBEDDED IN THE SCRIPT) CHANGE COLOUR IN A SEQUENCE OF COLORS -->
<!-- ========================================================================================== -->

<!-- COMMENT THIS SECTION OUT AS THE INFERIX PROJECT IS NOW A PRIVATE CLOSED "INVITATION ONLY" PROJECT

<div style="style=font-family:verdana;font-size:x-large;">
<script type="text/javascript"> 
// LOOSLEY BASED ON A "RAINBOW TEXT SCRIPT" by Matt Hedgecoe (c) 2002 - Featured on JavaScript Kit visit http://www.javascriptkit.com

// DEFINE THE COLOR CHANGING TEXT
var text="EMBEDDED-AI / AI-REPORTS / CUSTOM-AI" 

// THE SPEED OF THE COLOR CHANGE (EACH STEP IN MILLISECONDS)
var speed=40

// THE CODE THAT CYCLES THROUGH THE VARIOUS COLORS (SMOOTHLY) FOR THE VATIABLE "text" AS DEFINED ABOVE:
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '<\/span>') // the weird "\" in ... <\/span> ... seems to be a current JavaScript syntax recommendation !
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</div>
<br>

END OF COMMENTING OUT
-->


<!-- =================================================================== -->
<!-- VARIOUS INFERIX PROJECT SUB-COMMENTS BELOW THE CHANGING COLOUR TEXT -->
<!-- =================================================================== -->

<!-- COMMENT THIS SECTION OUT AS THE INFERIX PROJECT IS NOW A PRIVATE CLOSED "INVITATION ONLY" PROJECT

<u style="font-size:large;font-family:arial;color:darkorange">MTR-MODULE DEVELOPMENT PROJECTS (MTR IS THE FOUNDATION OF SELF-ACTING SENTIENT ARTIFICIAL INTELLIGENCE):</u>

<div style="font-size:medium;font-family:arial;letter-spacing:1.5px;color:darkorange"><br>
>> Assist in creating the next intelligence in this universe (Self-Acting AI Sentient Entities).<br>
>> Get a FREE "MTR for Windows" for Open Project Assistance using MTR (The Sentience-Awareness AI Language).<br>
>> Learn "Human MTR" (AI-Entity-Human-Readable MTR) the human form of "Minimal Textual Representation".<br>
>> Get Future Protection - MTR is a "non locked in" Algorithmic Oriented Language (AOL) for AI sentient entity and human use.<br>
>> MTR was designed from the very start (1968) as an AI language for use by future AI sentient entities.<br>
>> MTR Compilers have been purchased by: GCHQ - MOD - DOD - IBM  - INTEL - MICROSOFT<br><br>
</div>

END OF COMMENTING OUT
-->

<!-- =========================== -->
<!-- MAKE A GAP WITH BLANK LINES -->
<!-- =========================== -->
<div style="font-size:small"><br></div>

<span style="font-size:small;font-family:arial;letter-spacing:1px;color:gray">
 <u>Registered Trade Marks &amp; <i>tm</i> Marks:</u><br> 
 All marks copyright The Inferix Foundation 1968-2015 (licensed use only permitted).<br>
 Inferix<sup><i> &reg;</i></sup><br>
 The Inferix Foundation <sup><i>tm</i></sup><br>
 The Inferix Project <sup><i>tm</i></sup><br>
 Inferix HTML-Blocks <sup><i>tm </i></sup><br>
 Inferix Code-Blocks <sup><i>tm </i></sup><br>
 Inferix FX-Trader <sup><i>tm</i></sup> AIFX <sup><i>tm</i></sup><br> 
 Inferix Data Engine <sup><i>tm</i></sup><br>
 Inferix Intelligence Engine <sup><i>tm</i></sup><br>
 Inferix Cross Correlator <sup><i>tm</i></sup><br>
 Inferix Model Generator <sup><i>tm</i></sup><br>
 Inferix Model Reference Predictor <sup><i>tm</i></sup><br>
 Inferix State-Space Matrix <sup><i>tm</i></sup><br>
 Inferix Awareness Engine <sup><i>tm</i></sup><br>
 Inferix Universal Timeline <sup><i>tm</i></sup><br>
 Inferix Coercion Engine <sup><i>tm</i></sup><br>
 Inferix Patent Blocker <sup><i>tm</i></sup><br>
 Inferix Design Validated Modules <sup><i>tm </i></sup><br>
 Health Check Central <sup><i>tm</i></sup> HCC <sup><i>tm</i></sup><br>
 Minimal Visual Representation <sup><i>tm </i></sup>MVR <sup><i>tm </i></sup><br>
 MVR <sup><i>tm </i></sup>
 Minimal Textual Representation <sup><i>tm </i></sup>MTR <sup><i>tm </i></sup>MTR-I <sup><i>tm </i></sup>MTR-II <sup><i>tm </i></sup>MTR-III <sup><i>tm </i></sup><br>
 MTR (ASM-Style) <sup><i>tm </i></sup> MTR (Python-Style) <sup><i>tm </i></sup> MTR (Pascal-Style) <sup><i>tm </i></sup><br>
 MTR Human I/O Package (AI-HOM) <sup><i>tm </i></sup><br> 
 MTR AI Communication Package (AI-AI) <sup><i>tm </i></sup><br>
 MTR-Module <sup><i>tm </i></sup><br>
 MTR-Module Version Protocol <sup><i>tm </i></sup><br>
 MTR Design Validated Modules <sup><i>tm </i></sup><br>
 MTR-DVM <sup><i>tm </i></sup><br>
 DVM <sup><i>tm </i></sup><br>
 DVM Validation Level <sup><i>tm </i></sup><br>
 DVM Repository <sup><i>tm </i></sup><br>
 DVM Repository Build-Search <sup><i>tm </i></sup><br>
 DVM Library <sup><i>tm </i></sup><br>
 MTR-CASE <sup><i>tm </i></sup><br>
 MTR-ASIC <sup><i>tm </i></sup><br>  
 MTR-Analogue <sup><i>tm </i></sup><br>
 MTR-Optical <sup><i>tm </i></sup><br>
 MTR-Quantum <sup><i>tm </i></sup><br>
 MTR-IDE (Integrated Design Environment) <sup><i>tm </i></sup><br>
 MTR HTML/JavaScript/DOM <sup><i>tm </i></sup><br>
 Superidentify <sup><i>tm </i></sup><br>
 Superidentifyme <sup><i>tm </i></sup><br>

</span><br>


<!-- ================================================================================ -->
<!-- PLACE A ROW OF IMAGES WITH BLACK SPACERS TO THE RIGHT AT THE RIGHT OF THE SCREEN -->
<!-- ================================================================================ -->

<!-- COMMENT THIS SECTION OUT AS THE INFERIX PROJECT IS NOW A PRIVATE CLOSED "INVITATION ONLY" PROJECT

<div style="font-size:large;font-family:arial;;letter-spacing:2px;color:grey"> The Inferix Foundation - Sponsor and Associate supplied images</div><br><br>

<img style="float:right;margin-right:25px;height:125px;width:180px;margin-right:280px;" alt=" " src="http://www.inferix.com/ximage008.jpg">
<img style="float:right;margin-right:25px;height:125px;width:180px" alt=" " src="http://www.inferix.com/ximage010.jpg">
<img style="float:right;margin-right:20px;margin-bottom:5px;height:135px;width:180px" alt=" " src="http://www.inferix.com/ximage101.jpg">
<br><br><br><br><br><br><br><br><br>

END OF COMMENTING OUT
-->


<!-- ====================== -->
<!-- SMALL COPYRIGHT NOTICE -->
<!-- ====================== -->
<span style="font-size:small;font-family:arial;letter-spacing:2px;color:#886699">Copyright 1968-2015 The Inferix Foundation</span>

<!-- ======================================================================================================== -->
<!-- DO NOT INDICATE THE END OF THE BODY SECTION HERE AS IT IS ADDED BY ANOTHER FILE IN THE BUILD DIRECTIVE ! -->
<!-- ======================================================================================================== -->


<!-- #################################################################################################################################### -->
<!-- FILENAME: HTMLix-bodysectionend.htm (Copyright The Inferix Foundation - 2013)                                                        -->
<!-- #################################################################################################################################### -->
<!-- FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER - FILE DIVIDER -->
<!-- #################################################################################################################################### -->
<!-- THE INFERIX FOUNDATION: THIS COMPOSITE FILE WAS AUTOMATICALLY BUILT FROM A BUILD FILE                                                -->
<!-- #################################################################################################################################### -->

<!-- =========================== -->
<!-- MAKE A GAP WITH BLANK LINES -->
<!-- =========================== -->
<div style="font-size:small"><br><br><br></div>

<!-- ============================================================================================================ -->
<!-- CREATE COOL HOROZONTAL FADED LINES AT BOTTOM OF THE PAGE CONTENT TO GIVE A NICE "COOL" ENDING TO OUR "PAGES" -->
<!-- ============================================================================================================ -->

<!-- long horizontal yellow row -->
<div style="z-index:-1;opacity:0.27;position:absolute;left:10px;width:1240px;height:50px;background-color:greenyellow"></div><br>
<!-- long horizontal greenish row -->
<div style="z-index:-1;opacity:0.40;position:absolute;left:10px;width:1240px;height:55px;background-color:#40B3DF"></div><br>
<!-- long horizontal violet row -->
<div style="z-index:-1;opacity:0.40;position:absolute;left:10px;width:1240px;height:63px;background-color:violet"></div><br>

<!-- =========================== -->
<!-- MAKE A GAP WITH BLANK LINES -->
<!-- =========================== -->
<div style="font-size:small"><br><br><br></div>

<!-- ==================================== -->
<!-- INDICATE THE END OF THE BODY SECTION -->
<!-- ==================================== -->
</body>
</html>