//
//      Functions to handle the Megatrol pages.
//
var xmlFile="partlists/products.xml";
var xmlMegatrolDigital = "MEGATROL_DIGITAL_MODELS";
var xmlMegatrolPneumatic = "MEGATROL_PNEUMATIC_MODELS";
var xmlMegatrolExtras = "MEGATROL_EXTRAS";
var xmlMegatrolPExtras = "MEGATROLP_EXTRAS";

var mtSeries = new Array( "MT-100", "MT-210", "MT-220", "MT-230" );
var modelString = "MT";
var descrString = "";
var priceString = 0;
var priceBase = 0;

var mtAmps = 0;
var arAmps = new Array(3);
for ( var i=0; i<arAmps.length; i++ )
    arAmps[i] = new Array(5);
var mtPumps = 0;
var arPumps = new Array(3);
for ( var i=0; i<arPumps.length; i++ )
    arPumps[i] = new Array(4);
var mtCPumps = 0;
var arCPumps = new Array(3);
for ( var i=0; i<arCPumps.length; i++ )
    arCPumps[i] = new Array(3);
var mtHeaters = 0;
var arHeaters = new Array(3);
for ( var i=0; i<arHeaters.length; i++ )
    arHeaters[i] = new Array(4);
var mtBlower = 0;
var arBlower = new Array(3);
for ( var i=0; i<arBlower.length; i++ )
    arBlower[i] = new Array(3);
var mtOzone = 0;
var arOzone = new Array(3);
for ( var i=0; i<arOzone.length; i++ )
    arOzone[i] = new Array(2);
var mtStereo = 0;
var arStereo = new Array(3);
for ( var i=0; i<arStereo.length; i++ )
    arStereo[i] = new Array(3);
var mtSpaSide = 0;
var arSpaSide = new Array(3);
for ( var i=0; i<arSpaSide.length; i++ )
    arSpaSide[i] = new Array(4);
var mtGFCI = 0;
var arGFCI = new Array(3);
for ( var i=0; i<arGFCI.length; i++ )
    arGFCI[i] = new Array(2);
var mtRain = 0;
var arRain = new Array(3);
for ( var i=0; i<arRain.length; i++ )
    arRain[i] = new Array(2);


function getRadios( formID )
{
    var rb = formID.rbAmps;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtAmps = i;

    rb = formID.rbPumps;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtPumps = i;

    rb = formID.rbCPumps;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtCPumps = i;

    rb = formID.rbHeaters;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtHeaters = i;

    rb = formID.rbBlower;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtBlower = i;

    rb = formID.rbOzone;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtOzone = i;

    rb = formID.rbStereo;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtStereo = i;

    rb = formID.rbSpaSide;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtSpaSide = i;

    rb = formID.rbGFCI;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtGFCI = i;

    rb = formID.rbRain;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtRain = i;

    modelString  = "MT" + arAmps[0][mtAmps];
    modelString += arPumps[0][mtPumps];
    if ( mtCPumps > 0 )
        modelString += arCPumps[0][mtCPumps];
    modelString += arHeaters[0][mtHeaters];
    if ( mtBlower > 0 )
        modelString += arBlower[0][mtBlower];
    modelString += arOzone[0][mtOzone];
    if ( mtStereo > 0 )
        modelString += arStereo[0][mtStereo];
    modelString += arSpaSide[0][mtSpaSide];
    if ( mtGFCI > 0 )
        modelString += arGFCI[0][mtGFCI];
    if ( mtRain > 0 )
        modelString += arRain[0][mtRain];
    document.megatrol1.ID_NUM.value = modelString;
    document.megatrol2.ID_NUM.value = modelString;

    descrString  = mtSeries[0] + " Series. ";
    descrString += arPumps[1][mtPumps] + " ";
    if ( mtCPumps > 0 )
        descrString += arCPumps[1][mtCPumps] + " ";
    descrString += arHeaters[1][mtHeaters] + " ";
    if ( mtBlower > 0 )
        descrString += arBlower[1][mtBlower] + " ";
    descrString += arOzone[1][mtOzone] + " ";
    if ( mtStereo > 0 )
        descrString += arStereo[1][mtStereo] + " ";
    descrString += arSpaSide[1][mtSpaSide] + " ";
    if ( mtGFCI > 0 )
        descrString += arGFCI[1][mtGFCI] + " ";
    if ( mtRain > 0 )
        descrString += arRain[1][mtRain] + " ";
    document.megatrol1.NAME.value = descrString;
    document.megatrol2.NAME.value = descrString;
    
    priceString  = Number( priceBase );
    priceString += Number( arAmps[2][mtAmps].slice( 1, arAmps[2][mtAmps].length ) );
    priceString += Number( arPumps[2][mtPumps].slice( 1, arPumps[2][mtPumps].length ) );
    priceString += Number( arCPumps[2][mtCPumps].slice( 1, arCPumps[2][mtCPumps].length ) );
    priceString += Number( arHeaters[2][mtHeaters].slice( 1, arHeaters[2][mtHeaters].length ) );
    priceString += Number( arBlower[2][mtBlower].slice( 1, arBlower[2][mtBlower].length ) );
    priceString += Number( arOzone[2][mtOzone].slice( 1, arOzone[2][mtOzone].length ) );
    priceString += Number( arStereo[2][mtStereo].slice( 1, arStereo[2][mtStereo].length ) );
    priceString += Number( arSpaSide[2][mtSpaSide].slice( 1, arSpaSide[2][mtSpaSide].length ) );
    priceString += Number( arGFCI[2][mtGFCI].slice( 1, arGFCI[2][mtGFCI].length ) );
    priceString += Number( arRain[2][mtRain].slice( 1, arRain[2][mtRain].length ) );
    document.megatrol1.PRICE.value = '$' + Number( priceString ).toFixed(2);
    document.megatrol2.PRICE.value = '$' + Number( priceString ).toFixed(2);
}


function getExtraParts()
{
    AddToCart(document.megatrol1);
    if ( document.megatrol_extras0.rbExtra[1].checked )
        AddToCart(document.megatrol_extras0);
    if ( document.megatrol_extras1.rbExtra[1].checked )
        AddToCart(document.megatrol_extras1);
    if ( document.megatrol_extras2.rbExtra[1].checked )
        AddToCart(document.megatrol_extras2);
    if ( document.megatrol_extras3.rbExtra[1].checked )
        AddToCart(document.megatrol_extras3);
    if ( document.megatrol_extras4.rbExtra[1].checked )
        AddToCart(document.megatrol_extras4);
    if ( document.megatrol_extras5.rbExtra[1].checked )
        AddToCart(document.megatrol_extras5);
    if ( document.megatrol_extras6.rbExtra[1].checked )
        AddToCart(document.megatrol_extras6);
    if ( document.megatrol_extras7.rbExtra[1].checked )
        AddToCart(document.megatrol_extras7);
}


function select_megatrol_options( bGFCI )
{
    var xmlDoc = null;
    var x = null;
    var y = null;
    var z = null;
	
	loadXMLDoc(xmlFile);
    document.write( "<table class='ptable' align='center' width='99%' border='2'>" );
    document.write( "<thead>" );
    document.write( "<tr>" );
    document.write( "<th align='center'><input type='button' value='Copy' class='btn-sml' onClick='Copy2Clipboard(true)' ></th>" );
    document.write( "<th align='center'>Model Number</th>" );
    document.write( "<th align='center'>Model Description</th>" );
    document.write( "<th align='center'><span style='color:red'>Limited Offer</span></th>" );
    document.write( "<th align='center'>Quantity</th>" );
    document.write( "</tr>" );
    document.write( "</thead>" );
    document.write( "<tbody>" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( xmlMegatrolPneumatic );
    for (i = 0; i < x.length; i++)
    {
        document.write( "<tr>" );
        document.write( "<form name='megatrol1'>" );
        document.write( "<td width='5%' align='center' valign='middle'><input type='checkbox' name='clipcopy1'></td>" );
        document.write( "<td width='20%' align='left' valign='middle'>" );
        modelString = x[i].getElementsByTagName( "NUMBER" ) [0].childNodes[0].nodeValue;
        document.write( "<input type='text' name='ID_NUM' class='inp-field' size='35' onchange='this.value=modelString' value='" + modelString + "' readonly />");
        document.write( "</td>" );
        document.write( "<td align='left' valign='middle'>" );
        descrString = x[i].getElementsByTagName( "DESCRIPTION" ) [0].childNodes[0].nodeValue;
        document.write( "<textarea name='NAME' class='inp-field' cols='60' rows='12' wrap='hard' onchange='this.value=descrString' value='" + descrString + "' readonly ></textarea>");
        document.write( "</td>" );
        document.write( "<td width='10%' align='center' valign='middle'><span style='color:red'>" );
        y = x[i].getElementsByTagName( "DISCOUNT" ) [0].childNodes[0].nodeValue;
        priceBase = y.slice( 1, y.length );
        document.write( "<input type='text' name='PRICE' size=8 class='inp-field-red' onchange='this.value=priceString' value='$" + priceBase + "' readonly />");
        document.write( "</td>" );
        document.write( "<td width='10%' align='center' valign='middle'>" );
        document.write( "<input type='text' size=6 maxlength=4 name='QUANTITY' onchange='this.value=CKquantity(this.value)' value='1' /><br />" );
        document.write( "<input type='button' value='Add to Order' class='btn-sml' onClick='getExtraParts()' /><br />" );
        document.write( "<input type='button' value='View Order' class='btn-sml' onclick='DisplayCartAsWindow()' />" );
        document.write( "</span></td>" );
        document.write( "</form>" );
        document.write( "</tr>" );
    }
    document.write( "</tbody>" );
    document.write( "</table>" );


    document.write( "<table class='ptable' align='center' width='99%' border='2'" );
    document.write( "<thead>" );
    document.write( "<tr>" );
    document.write( "<th width='10%' align='center'>Option Code</th>" );
    document.write( "<th width='15%' align='center'>Option to Choose</th>" );
    document.write( "<th width='65%' align='center'>Option Description</th>" );
    document.write( "<th width='10%' align='center'>Option Price</th>" );
    document.write( "</tr>" );
    document.write( "</thead>" );
    document.write( "<form name='megatrol_options'>" );
    document.write( "<tbody>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Amps</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_AMP_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
        arAmps[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;  
        document.write( "<input type='radio' name='rbAmps' value='" + arAmps[0][i] );
        i == 2 ? document.write("' checked='true'>" ) : document.write( "'>" );
        document.write( arAmps[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arAmps[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;  
       document.write( arAmps[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arAmps[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue; 
       document.write( arAmps[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Pump Options:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_PUMP_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arPumps[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue; 
       document.write( "<input type='radio' name='rbPumps' value='" + arPumps[0][i] );
       i == 1 ? document.write("' checked='true'>" ) : document.write( "'>" );
       document.write( arPumps[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arPumps[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue; 
       document.write( arPumps[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arPumps[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;    
       document.write( arPumps[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Circulating Pump Options:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_CPUMP_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arCPumps[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;    
       document.write( "<input type='radio' name='rbCPumps' value='" + arCPumps[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arCPumps[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arCPumps[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;    
       document.write( arCPumps[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arCPumps[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;   
       document.write( arCPumps[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Heater Options:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_HEATER_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arHeaters[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;   
       document.write( "<input type='radio' name='rbHeaters' value='" + arHeaters[0][i] );
       i == 1 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arHeaters[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arHeaters[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;   
       document.write( arHeaters[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arHeaters[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;  
       document.write( arHeaters[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Blower Options:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_BLOWER_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arBlower[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;    
       document.write( "<input type='radio' name='rbBlower' value='" + arBlower[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arBlower[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arBlower[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;    
       document.write( arBlower[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arBlower[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;   
       document.write( arBlower[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Ozone Filtration Options:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_OZONE_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arOzone[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue; 
       document.write( "<input type='radio' name='rbOzone' value='" + arOzone[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arOzone[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arOzone[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue; 
       document.write( arOzone[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arOzone[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;    
       document.write( arOzone[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Stereo Options:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_STEREO_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
      arStereo[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;    
      document.write( "<input type='radio' name='rbStereo' value='" + arStereo[0][i] );
      i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
      document.write( arStereo[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
      arStereo[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;    
      document.write( arStereo[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
      arStereo[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;   
      document.write( arStereo[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Analog Spa Side Control Interface Options:</td>" );
    document.write( "<td align='left'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_SPASIDE_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arSpaSide[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;    
       document.write( "<input type='radio' name='rbSpaSide' value='" + arSpaSide[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arSpaSide[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arSpaSide[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;    
       document.write( arSpaSide[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arSpaSide[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;   
       document.write( arSpaSide[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>G.F.C.I.:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_GFCI_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arGFCI[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;  
       document.write( "<input type='radio' name='rbGFCI' value='" + arGFCI[0][i] );
       if ( bGFCI )
       {
           i == 1 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       }
       else
       {
           i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       }
       document.write( arGFCI[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arGFCI[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;  
       document.write( arGFCI[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arGFCI[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue; 
       document.write( arGFCI[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Raintight Cover:</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROLP_RAINTIGHT_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arRain[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;  
       document.write( "<input type='radio' name='rbRain' value='" + arRain[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arRain[0][i] + "<br />" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='bottom' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
       arRain[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;  
       document.write( arRain[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    for (i = 0; i < x.length; i++)
    {
       arRain[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue; 
       document.write( arRain[2][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "</form>" );
    document.write( "</tbody>" );
    document.write( "</table>" );


    document.write( "<table class='ptable' align='center' width='99%' border='2'>" );
    document.write( "<thead>" );
    document.write( "<tr>" );
    document.write( "<th align='center'>&nbsp;</th>" );
    document.write( "<th align='center'>Model Number</th>" );
    document.write( "<th align='center'>Model Description</th>" );
    document.write( "<th align='center'>Quantity</th>" );
    document.write( "<th align='center'>List Price</th>" );
    document.write( "</tr>" );
    document.write( "</thead>" );
    document.write( "<tbody>" );
    
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( xmlMegatrolPExtras );
    for (i = 0; i < x.length; i++)
    {
      document.write( "<tr>" );
      document.write( "<form name='megatrolp_extras" + i + "'>" );
      document.write( "<td valign='middle'>" );
      document.write( "<input type='radio' value='0' checked='true' name='rbExtra'>Not needed<br />" );
      document.write( "<input type='radio' value='1' name='rbExtra'>Add to Order" );
      document.write( "</td>" );
      document.write( "<td>" );
      document.write( x[i].getElementsByTagName( "PART_NUM" ) [0].childNodes[0].nodeValue );
      document.write( "<input type='hidden' name='ID_NUM' value='" + 
                      x[i].getElementsByTagName( "PART_NUM" ) [0].childNodes[0].nodeValue + "' />");
      document.write( "</td>" );
      document.write( "<td>" );
      document.write( x[i].getElementsByTagName( "PART_DESC" ) [0].childNodes[0].nodeValue );
      document.write( "<input type='hidden' name='NAME' value='" + 
                      x[i].getElementsByTagName( "PART_DESC" ) [0].childNodes[0].nodeValue + "' />");
      document.write( "</td>" );
      document.write( "<td width='10%' align='center' valign='middle'>" );
      document.write( "<input type='text' size=4 maxlength=4 name='QUANTITY' onchange='this.value=CKquantity(this.value)' value='1' /><br />" );
      document.write( "</td>" );
      document.write( "<td align='center'>" );
      y = x[i].getElementsByTagName( "PART_PRICE" ) [0].childNodes[0].nodeValue;
      document.write( y );
      y.length == 1 ? y = 0 : y = y.slice( 1, y.length );
      document.write( "<input type='hidden' name='PRICE' value='" + y + "' />");
      document.write( "</td>" );
      document.write( "</form>" );
      document.write( "</tr>" );
    }
    
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( xmlMegatrolExtras );
    for (i = 0; i < x.length; i++)
    {
      document.write( "<tr>" );
      document.write( "<form name='megatrol_extras" + i + "'>" );
      document.write( "<td valign='middle'>" );
      document.write( "<input type='radio' value='0' checked='true' name='rbExtra'>Not needed<br />" );
      document.write( "<input type='radio' value='1' name='rbExtra'>Add to Order" );
      document.write( "</td>" );
      document.write( "<td>" );
      document.write( x[i].getElementsByTagName( "PART_NUM" ) [0].childNodes[0].nodeValue );
      document.write( "<input type='hidden' name='ID_NUM' value='" + 
                      x[i].getElementsByTagName( "PART_NUM" ) [0].childNodes[0].nodeValue + "' />");
      document.write( "</td>" );
      document.write( "<td>" );
      document.write( x[i].getElementsByTagName( "PART_DESC" ) [0].childNodes[0].nodeValue );
      document.write( "<input type='hidden' name='NAME' value='" + 
                      x[i].getElementsByTagName( "PART_DESC" ) [0].childNodes[0].nodeValue + "' />");
      document.write( "</td>" );
      document.write( "<td width='10%' align='center' valign='middle'>" );
      document.write( "<input type='text' size=4 maxlength=4 name='QUANTITY' onchange='this.value=CKquantity(this.value)' value='1' /><br />" );
      document.write( "</td>" );
      document.write( "<td align='center'>" );
      y = x[i].getElementsByTagName( "PART_PRICE" ) [0].childNodes[0].nodeValue;
      document.write( y );
      y.length == 1 ? y = 0 : y = y.slice( 1, y.length );
      document.write( "<input type='hidden' name='PRICE' value='" + y + "' />");
      document.write( "</td>" );
      document.write( "</form>" );
      document.write( "</tr>" );
    }
    document.write( "</tbody>" );
    document.write( "</table>" );
    
        
    document.write( "<table class='ptable' align='center' width='99%' border='2'>" );
    document.write( "<thead>" );
    document.write( "<tr>" );
    document.write( "<th align='center'><input type='button' value='Copy' class='btn-sml' onClick='Copy2Clipboard(true)' ></th>" );
    document.write( "<th align='center'>Model Number</th>" );
    document.write( "<th align='center'>Model Description</th>" );
    document.write( "<th align='center'><span style='color:red'>Limited Offer</span></th>" );
    document.write( "<th align='center'>Quantity</th>" );
    document.write( "</tr>" );
    document.write( "</thead>" );
    document.write( "<tbody>" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( xmlMegatrolPneumatic );
    for (i = 0; i < x.length; i++)
    {
       document.write( "<tr>" );
       document.write( "<form name='megatrol2'>" );
       document.write( "<td width='5%' align='center' valign='middle'><input type='checkbox' name='clipcopy2'></td>" );
       document.write( "<td width='20%' align='left' valign='middle'>" );
       modelString = x[i].getElementsByTagName( "NUMBER" ) [0].childNodes[0].nodeValue;
       document.write( "<input type='text' name='ID_NUM' class='inp-field' size='35' onchange='this.value=modelString' value='" + modelString + "' readonly />");
       document.write( "</td>" );
       document.write( "<td align='left' valign='middle'>" );
       descrString = x[i].getElementsByTagName( "DESCRIPTION" ) [0].childNodes[0].nodeValue;
       document.write( "<textarea name='NAME' class='inp-field' cols='60' rows='12' wrap='hard' onchange='this.value=descrString' value='" + descrString + "' readonly ></textarea>");
       document.write( "</td>" );
       document.write( "<td width='10%' align='center' valign='middle'><span style='color:red'>" );
       y = x[i].getElementsByTagName( "DISCOUNT" ) [0].childNodes[0].nodeValue;
       priceBase = y.slice( 1, y.length );
       document.write( "<input type='text' name='PRICE' size=8 class='inp-field-red' onchange='this.value=priceString' value='$" + priceBase + "' readonly />");
       document.write( "</td>" );
       document.write( "<td width='10%' align='center' valign='middle'>" );
       document.write( "<input type='text' size=6 maxlength=4 name='QUANTITY' onchange='this.value=CKquantity(this.value)' value='1' /><br />" );
       document.write( "<input type='button' value='Add to Order' class='btn-sml' onClick='getExtraParts()' /><br />" );
       document.write( "<input type='button' value='View Order' class='btn-sml' onclick='DisplayCartAsWindow()' />" );
       document.write( "</span></td>" );
       document.write( "</form>" );
       document.write( "</tr>" );
    }
    document.write( "</tbody>" );
    document.write( "</table>" );
    
    document.write( "<form name='clip'><textarea name='clip_copy' style='display:none'></textarea></form>" );
}