function newImage(arg) {
   if (document.images) {
       rslt = new Image();
       rslt.src = arg;
       return rslt;
   }
}

function changeImages() {
   if (document.images && (preloadFlag == true)) {
       for (var i=0; i<changeImages.arguments.length; i+=2) {
           document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
       }
   }
}

var preloadFlag = false;
function preloadImages() {
   if (document.images) {
       index_01_over = newImage("images/index_01-over.jpg");
       index_02_over = newImage("images/index_02-over.jpg");
       index_03_over = newImage("images/index_03-over.jpg");
       index_04_over = newImage("images/index_04-over.jpg");
       index_05_over = newImage("images/index_05-over.jpg");
       index_06_over = newImage("images/index_06-over.jpg");
       preloadFlag = true;
   }
}

function preload() {
preloadImages();
document.getElementById('header').innerHTML="<table class='pageWidth' > " + 
			 "<tr><td><img alt='headbanner1 (6K)' src='images/headbanner1.gif' height='60' width='361' /></td> " + 
"<td class='contact' align='right'>Tel.: <br> Fax.: <br>Email:</td> " + 
"<td class='contact' align='left'>&nbsp;&nbsp;609-538-0444<br> " + 
 "&nbsp;&nbsp;609-538-0464<br> " + 
"&nbsp;&nbsp;<a href='mailto:info@continuum-dynamics.com'>info@continuum-dynamics.com</a></td> " + 
"</tr> " + 
"</table> " + 			
"<table class='pageWidth' cellspacing='0' cellpadding='0' valign='top'> " + 
    "<tr> " + 
        "<td> " + 
            "<a href='index.html'  " + 
             "  onmouseover=\"changeImages('index_01', 'images/index_01-over.jpg'); return true;\"  " + 
             "  onmouseout=\"changeImages('index_01', 'images/index_01.jpg'); return true;\"  " + 
             "  onmousedown=\"changeImages('index_01', 'images/index_01-over.jpg'); return true;\" " + 
             "  onmouseup=\"changeImages('index_01', 'images/index_01-over.jpg'); return true;\">  " + 
             "   <img name='index_01' src='images/index_01.jpg' width='100' height='40' border='0' alt=''>  " + 
            "</a>  " + 
        "</td>  " + 
        "<td>  " + 
        "    <a href='about-us.html'  " + 
         "      onmouseover=\"changeImages('index_02', 'images/index_02-over.jpg'); return true;\"  " + 
         "      onmouseout=\"changeImages('index_02', 'images/index_02.jpg'); return true;\"  " + 
         "      onmousedown=\"changeImages('index_02', 'images/index_02-over.jpg'); return true;\"  " + 
         "      onmouseup=\"changeImages('index_02', 'images/index_02-over.jpg'); return true;\">  " + 
         "       <img name='index_02' src='images/index_02.jpg' width='120' height='40' border='0' alt=''>  " + 
         "   </a>  " + 
        "</td>  " + 
        "<td>  " + 
        "    <a href='solutions.html'  " + 
        "       onmouseover=\"changeImages('index_03', 'images/index_03-over.jpg'); return true;\"  " + 
        "       onmouseout=\"changeImages('index_03', 'images/index_03.jpg'); return true;\"  " + 
        "       onmousedown=\"changeImages('index_03', 'images/index_03-over.jpg'); return true;\"  " + 
        "       onmouseup=\"changeImages('index_03', 'images/index_03-over.jpg'); return true;\"> " + 
        "        <img name='index_03' src='images/index_03.jpg' width='120' height='40' border='0' alt=''> " + 
        "    </a> " + 
        "</td> " + 
        "<td>  " + 
         "   <a href='products.html'  " + 
         "      onmouseover=\"changeImages('index_04', 'images/index_04-over.jpg'); return true;\"  " + 
          "     onmouseout=\"changeImages('index_04', 'images/index_04.jpg'); return true;\"  " + 
          "     onmousedown=\"changeImages('index_04', 'images/index_04-over.jpg'); return true;\"  " + 
           "    onmouseup=\"changeImages('index_04', 'images/index_04-over.gif'); return true;\">  " + 
           "     <img name='index_04' src='images/index_04.jpg' width='120' height='40' border='0' alt=''>  " + 
          "  </a>  " + 
        "</td>  " +                   
        "<td>  " + 
         "   <a href='library.html'  " + 
         "      onmouseover=\"changeImages('index_05', 'images/index_05-over.jpg'); return true;\"  " + 
          "     onmouseout=\"changeImages('index_05', 'images/index_05.jpg'); return true;\"  " + 
          "     onmousedown=\"changeImages('index_05', 'images/index_05-over.jpg'); return true;\"  " + 
           "    onmouseup=\"changeImages('index_05', 'images/index_05-over.gif'); return true;\">  " + 
           "     <img name='index_05' src='images/index_05.jpg' width='120' height='40' border='0' alt=''>  " + 
          "  </a>  " + 
        "</td>  " +                   
        "<td> " + 
        "    <a href='contact.html' " + 
        "       onmouseover=\"changeImages('index_06', 'images/index_06-over.jpg'); return true;\" " + 
        "       onmouseout=\"changeImages('index_06', 'images/index_06.jpg'); return true;\" " + 
        "       onmousedown=\"changeImages('index_06', 'images/index_06-over.jpg'); return true;\" " + 
        "      onmouseup=\"changeImages('index_06', 'images/index_06-over.jpg'); return true;\"> " + 
        "        <img name='index_06' src='images/index_06.jpg' width='120' height='40' border='0' alt=''> " + 
        "   </a> " + 
        "</td> " + 
    "</tr> " + 
    "</table> ";  

document.getElementById('footer').innerHTML="<img class='pageWidth' src='images/hrd.gif' height='12' border='0'> " +
    "<table class='footer'> " +
        "<tr> " +
            "<td width='40%'> " +
               "<a href='cright.html'>Copyright &copy; 2006-2011 Continuum Dynamics, Inc.</a> " +
            "</td> " +
            "<td width='60%' align='right'> " +
	 "<a href='index.html'>HOME</a> &nbsp;&nbsp;| &nbsp;&nbsp;<a href='about-us.html'>ABOUT US</a> &nbsp;| &nbsp;<a href='solutions.html'>SOLUTIONS</a>&nbsp; |&nbsp;<a href='products.html'>PRODUCTS</a> &nbsp;|&nbsp; <a href='library.html'>LIBRARY</a> &nbsp;|&nbsp;<a href='contact.html'>CONTACT</a>&nbsp; " +
            "</td> " +
        "</tr> " +
    "</table><br><br>";             
}

function highlightOn(obj)
{
   obj.style.backgroundColor = "#99ccff"; 	
}

function highlightOff(obj)
{
   obj.style.backgroundColor = "#525050";	
}

function setdpi() 
{
	if(screen.deviceXDPI > 96)
	{
		if(screen.logicalXDPI!=screen.deviceXDPI)
		{
			document.getElementById('dpiResume').innerHTML="<table class='footer'><tr><td class='sub_table2'><font color='#eefd6b'>YOU HAVE A HIGH-DEFINITION SCREEN.<br>Please <a href='NoStretch.reg'>Turn Display Scaling OFF</a> to display this web page correctly. It is a safe IE display settting change which is explained in this <a href='http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/highdpi.asp#highDPI_solution'>Microsoft Brief</a>. You need to restart your IE window to complete this setting change.</font></td></tr></table>"; 
		}
		else
		{
			document.getElementById('dpiResume').innerHTML="<table class='footer'><tr><td class='sub_table2'><font color='#eefd6b'>YOU HAVE A HIGH-DEFINITION SCREEN. <br>You can <a href='Stretch.reg'>Turn Display Scaling ON</a>. But this page may not be displayed correctly.</font></td></tr></table>";
		}
	}
}
