//
//      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 mtSeries = new Array( "MT-100", "MT-210", "MT-220", "MT-230" );
var modelString = "MT";
var descrString = "";
var priceString = 0;
var priceBase = 0;
var cpriceString = 0;
var bDualPumps = false;
var bHighCurrent = false;
var bSpecial = false;
var bFiftyHertz = false;
var bCirculate = false;
var bMultiFeature = false;
var bGFCI = false;
var bRaintight = false;

var mtSpaSide = 0;
var arSpaSide = new Array(3);
for ( var i=0; i<arSpaSide.length; i++ )
    arSpaSide[i] = new Array(6);
var mtCable = 0;
var arCable = new Array(3);
for ( var i=0; i<arCable.length; i++ )
    arCable[i] = new Array(4);
var mtAmps = 0;
var arAmps = new Array(4);
for ( var i=0; i<arAmps.length; i++ )
    arAmps[i] = new Array(5);
var mtPumps = 0;
var arPumps = new Array(4);
for ( var i=0; i<arPumps.length; i++ )
    arPumps[i] = new Array(10);
var mtCPumps = 0;
var arCPumps = new Array(3);
for ( var i=0; i<arCPumps.length; i++ )
    arCPumps[i] = new Array(5);
var mtRelay = 0;
var arRelay = new Array(3);
for ( var i=0; i<arRelay.length; i++ )
    arRelay[i] = new Array(2);
var mtHeaters = 0;
var arHeaters = new Array(3);
for ( var i=0; i<arHeaters.length; i++ )
    arHeaters[i] = new Array(7);
var mtLights = 0;
var arLights = new Array(3);
for ( var i=0; i<arLights.length; i++ )
    arLights[i] = new Array(2);
var mtBlower = 0;
var arBlower = new Array(3);
for ( var i=0; i<arBlower.length; i++ )
    arBlower[i] = new Array(3);
var mtFiber = 0;
var arFiber = new Array(3);
for ( var i=0; i<arFiber.length; i++ )
    arFiber[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 mtMister = 0;
var arMister = new Array(3);
for ( var i=0; i<arMister.length; i++ )
    arMister[i] = new Array(3);
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);
var mtSpecial = 0;
var arSpecial = new Array(3);
for ( var i=0; i<arSpecial.length; i++ )
    arSpecial[i] = new Array(4);


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

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

    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;
    mtPumps > 1 ? bDualPumps = true : bDualPumps = false;

    rb = formID.rbCPumps;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtCPumps = i;
    mtCPumps > 0 && mtCPumps < 3 ? bCirculate = true : bCirculate = false;

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

    rb = formID.rbHeaters;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtHeaters = i;
    mtHeaters > 3 ? bHighCurrent = true : bHighCurrent = false;

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

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

    rb = formID.rbFiber;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtFiber = 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.rbMister;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtMister = 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;

    rb = formID.rbSpecial;
    for ( var i = 0; i<rb.length; i++ )
        if ( rb[i].checked )
            mtSpecial = i;
    mtSpecial > 0 ? bSpecial = true : bSpecial = false;
    mtSpecial > 1 ? bFiftyHertz = true : bFiftyHertz = false;

    if ( mtSpaSide == 0 )
    {
        mtCable = 0;
        formID.rbCable[0].checked=true;
    }

    if ( bHighCurrent )
    {
        mtAmps = 0;
        for ( var i = 0; i<formID.rbAmps.length; i++ )
        {
            i == 0 ? formID.rbAmps[i].checked=true : formID.rbAmps[i].disabled=true;
        }
    }
    else
    {
        for ( var i = 0; i<formID.rbAmps.length; i++ )
        {
            formID.rbAmps[i].disabled=false;
        }
    }

    if ( bDualPumps )
    {
        if ( mtSpaSide == 1 || mtSpaSide == 2 )
        {
            formID.rbSpaSide[1].disabled = true;
            formID.rbSpaSide[2].disabled = true;
            mtSpaSide = 4;
            formID.rbSpaSide[mtSpaSide].checked = true;
        }
    }
    else
    {
        formID.rbSpaSide[1].disabled = false;
        formID.rbSpaSide[2].disabled = false;
    }

    if ( mtPumps > 1 && mtBlower > 0 )
        bMultiFeature = true;
    else
        bMultiFeature = false;
    if( bMultiFeature )
    {
        if ( mtSpaSide < 2 )
        {
            mtSpaSide = 2;
            formID.rbSpaSide[mtSpaSide].checked = true;
        }
        for ( var i = 0; i < 2; i++ )
            formID.rbSpaSide[i].disabled = true;
    }
    else
    {
        for ( var i = 0; i < 2; i++ )
            formID.rbSpaSide[i].disabled = false;
    }

    if ( bCirculate )
    {
        formID.rbRelay[1].disabled = false;
    }
    else
    {
        formID.rbRelay[1].disabled = true;
        formID.rbRelay[0].checked = true;
    }

    modelString  = "MT" + arAmps[0][mtAmps];
    modelString += arPumps[0][mtPumps];
    if ( mtCPumps > 0 )
        modelString += arCPumps[0][mtCPumps];
    if ( mtRelay > 0 )
        modelString += arRelay[0][mtRelay];
    modelString += arHeaters[0][mtHeaters];
    if ( mtLights > 0 )
        modelString += arLights[0][mtLights];
    if ( mtBlower > 0 )
        modelString += arBlower[0][mtBlower];
    if ( mtFiber > 0 )
        modelString += arFiber[0][mtFiber];
    modelString += arOzone[0][mtOzone];
    if ( mtStereo > 0 )
        modelString += arStereo[0][mtStereo];
    if ( mtMister > 0 )
        modelString += arMister[0][mtMister];
    if ( mtGFCI > 0 )
        modelString += arGFCI[0][mtGFCI];
    if ( mtRain > 0 )
        modelString += arRain[0][mtRain];
    if ( bSpecial )
        modelString += arSpecial[0][mtSpecial];
    document.megatrol1.ID_NUM.value = modelString;
    document.megatrol2.ID_NUM.value = modelString;

    mtHeaters > 3 ? descrString = mtSeries[3] : mtPumps < 2 ? descrString = mtSeries[1] : descrString = mtSeries[2];
    descrString  += " Series. ";
    bFiftyHertz ? descrString += arAmps[3][mtAmps] + " " : descrString += arAmps[1][mtAmps] + " ";
    bCirculate ? descrString += arPumps[3][mtPumps] + " " : descrString += arPumps[1][mtPumps] + " ";
    if ( mtCPumps > 0 )
        descrString += arCPumps[1][mtCPumps] + " ";
    if ( mtRelay > 0 )
        descrString += arRelay[1][mtRelay] + " ";
    descrString += arHeaters[1][mtHeaters] + " ";
    if ( mtLights > 0 )
        descrString += arLights[1][mtLights] + " ";
    if ( mtBlower > 0 )
        descrString += arBlower[1][mtBlower] + " ";
    if ( mtFiber > 0 )
        descrString += arFiber[1][mtFiber] + " ";
    descrString += arOzone[1][mtOzone] + " ";
    if ( mtStereo > 0 )
        descrString += arStereo[1][mtStereo] + " ";
    if ( mtMister > 0 )
        descrString += arMister[1][mtMister] + " ";
    if ( mtGFCI > 0 )
        descrString += arGFCI[1][mtGFCI] + " ";
    if ( mtRain > 0 )
        descrString += arRain[1][mtRain] + " ";
    if ( bSpecial )
        descrString += arSpecial[1][mtSpecial] + " ";
    descrString += " ***  " + arSpaSide[1][mtSpaSide];
    if ( mtSpaSide > 0 )
        descrString += " " + arCable[1][mtCable];
    document.megatrol1.NAME.value = descrString + ".";
    document.megatrol2.NAME.value = descrString + ".";
    
    cpriceString = Number( arCable[2][mtCable].slice(1, arCable[2][mtCable].length ) );
    priceString  = Number( priceBase );
    priceString += Number( arSpaSide[2][mtSpaSide].slice( 1, arSpaSide[2][mtSpaSide].length ) );
    priceString += cpriceString;
    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( arRelay[2][mtRelay].slice( 1, arRelay[2][mtRelay].length ) );
    priceString += Number( arHeaters[2][mtHeaters].slice( 1, arHeaters[2][mtHeaters].length ) );
    priceString += Number( arLights[2][mtLights].slice( 1, arLights[2][mtLights].length ) );
    priceString += Number( arBlower[2][mtBlower].slice( 1, arBlower[2][mtBlower].length ) );
    priceString += Number( arFiber[2][mtFiber].slice( 1, arFiber[2][mtFiber].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( arMister[2][mtMister].slice( 1, arMister[2][mtMister].length ) );
    priceString += Number( arGFCI[2][mtGFCI].slice( 1, arGFCI[2][mtGFCI].length ) );
    priceString += Number( arRain[2][mtRain].slice( 1, arRain[2][mtRain].length ) );
    priceString += Number( arSpecial[2][mtSpecial].slice( 1, arSpecial[2][mtSpecial].length ) );
    document.megatrol1.PRICE.value = '$' + Number( priceString ).toFixed(2);
    document.megatrol2.PRICE.value = '$' + Number( priceString ).toFixed(2);
    document.megatrol_options.CPRICE.value = '$' + Number( cpriceString ).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, bRaintight )
{
    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( xmlMegatrolDigital );
    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='$" + priceString + "' 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'>Spa Side Control:</td>" );
    document.write( "<td align='left' valign='middle' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROL_SPASIDE_OPTIONS" );
    document.write( "<br />" );
    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( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROL_CABLE_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
        arCable[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;  
        arCable[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;  
        arCable[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;  
        document.write( "<input type='radio' name='rbCable' value='" + arCable[0][i] );
        i == 0 ? document.write("' checked='true'>" ) : document.write( "'>" );
    }
    document.write( "</div>" );
    document.write( "</td>" );
    document.write( "<td align='left' valign='middle' style='line-height:20px'>" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROL_SPASIDE_OPTIONS" );
    document.write( "Verify the cable length for the spa side in the Model Description above.<br />" );
    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( "Cable Lengths: Std. 4 foot, Ext. 10 foot, 20 foot, or 30 foot.<br />" );
    document.write( "</td>" );
    document.write( "<td align='right' valign='bottom' style='line-height:20px; padding-right:15px'>" );
    document.write( "<br />" );
    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( "<input type='text' name='CPRICE' size=8 class='inp-field-red' onchange='this.value=cpriceString' value='$" + cpriceString + "' readonly />");
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Amps</td>" );
    document.write( "<td align='left' valign='middle' style='line-height:20px'>" );
    document.write( "<div onClick='getRadios(document.megatrol_options)' />" );
    x = xmlhttp.responseXML.documentElement.getElementsByTagName( "MEGATROL_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='middle' style='line-height:20px'>" );
    for (i = 0; i < x.length; i++)
    {
        arAmps[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;  
        arAmps[3][i] = x[i].getElementsByTagName( "DESC_50HZ" ) [0].childNodes[0].nodeValue;  
        document.write( arAmps[1][i] + "<br />" );
    }
    document.write( "</td>" );
    document.write( "<td align='right' valign='middle' 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( "MEGATROL_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 />" );
        if ( i > 1 )
            document.write( "<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; 
        arPumps[3][i] = x[i].getElementsByTagName( "DESC_CP" ) [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 />" );
        if ( i > 1 )
            document.write( "<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( "MEGATROL_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 />" );
        if ( i > 2 )
            document.write( "<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 />" );
        if ( i > 2 )
            document.write( "<br />" );
    }
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "<tr>" );
    document.write( "<td align='center'>Circulating Relay Option:</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( "MEGATROL_RELAY_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arRelay[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;  
       document.write( "<input type='radio' name='rbRelay' value='" + arRelay[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arRelay[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++)
    {
       arRelay[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;  
       document.write( arRelay[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++)
    {
       arRelay[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue; 
       document.write( arRelay[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( "MEGATROL_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'>Light 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( "MEGATROL_LIGHT_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
        arLights[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;    
        document.write( "<input type='radio' name='rbLights' value='" + arLights[0][i] );
        i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
        document.write( arLights[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++)
    {
        arLights[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;    
        document.write( arLights[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++)
    {
        arLights[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;   
        document.write( arLights[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( "MEGATROL_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'>Fiber Optic Lighting 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( "MEGATROL_FIBER_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
        arFiber[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue; 
        document.write( "<input type='radio' name='rbFiber' value='" + arFiber[0][i] );
        i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
        document.write( arFiber[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++)
    {
        arFiber[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue; 
        document.write( arFiber[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++)
    {
        arFiber[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;    
        document.write( arFiber[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( "MEGATROL_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( "MEGATROL_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'>Mister 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( "MEGATROL_MISTER_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arMister[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;    
       document.write( "<input type='radio' name='rbMister' value='" + arMister[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arMister[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++)
    {
       arMister[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;    
       document.write( arMister[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++)
    {
       arMister[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue;   
       document.write( arMister[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( "MEGATROL_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( "MEGATROL_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] );
       if ( bRaintight )
           i == 1 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       else
           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( "<tr>" );
    document.write( "<td align='center'>Special Wiring 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( "MEGATROL_SPECIAL_OPTIONS" );
    for (i = 0; i < x.length; i++)
    {
       arSpecial[0][i] = x[i].getElementsByTagName( "CODE" ) [0].childNodes[0].nodeValue;  
       document.write( "<input type='radio' name='rbSpecial' value='" + arSpecial[0][i] );
       i == 0 ? document.write( "' checked='true'>" ) : document.write( "'>" );
       document.write( arSpecial[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++)
    {
       arSpecial[1][i] = x[i].getElementsByTagName( "DESC" ) [0].childNodes[0].nodeValue;  
       document.write( arSpecial[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++)
    {
       arSpecial[2][i] = x[i].getElementsByTagName( "PRICE" ) [0].childNodes[0].nodeValue; 
       document.write( arSpecial[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( 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( xmlMegatrolDigital );
    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'>" );
        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='$" + priceString + "' 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>" );
}