var xmlhttp = false;
var yearResetVal = "";
var modelResetVal = "";
var partNosResetVal = "";

try
 {
    // Firefox, Opera 8.0+, Safari
    xmlhttp = new XMLHttpRequest();
}
 catch(e)
 {
    // Internet Explorer
    try
    {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
        try
        {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e)
        {
            alert("Your browser does not support AJAX!");
        }
    }
}
if (!xmlhttp && window.createRequest) {
    try {
        xmlhttp = window.createReqeust();
    } catch(e) {
        xmlhttp = false;
    }
}
function RSchange() {
    if (xmlhttp.readyState == 4) {
        if (xmlhttp.status != 404) {

            var myMans = eval(xmlhttp.responseText);

        } else {
            alert("404");
        }
        document.getElementById('ManBox').style.background = "#ffff00";
        document.getElementById('ManBox').style.border = "2px solid #ff0000";
        document.getElementById('ManBox').style.color = "#000";
        document.getElementById('ManTitle').style.color = "#f00";

        var options = "<Select id=\"manufacturer_drop\" onchange=\"get_years()\">";
        options += "<option value=\"None\">Pick A Manufacturer</Option>";
        for (var i = 0, len = myMans.length; i < len; ++i) {
            options += "<option value=\"" + myMans[i].manufacturer + "\">" + myMans[i].manufacturer + "</Option>";
        }
        options += "</Select>";
        document.getElementById('manufacturers').innerHTML = options;

    }
}
function go() {
    if (xmlhttp) {
        yearsResetVal = document.getElementById('years').innerHTML;
        modelsResetVal = document.getElementById('models').innerHTML;
        partNosResetVal = document.getElementById('PartNos').innerHTML;
        xmlhttp.open("GET", "PM_Guide_Service.php", true);
        xmlhttp.onreadystatechange = RSchange;
        xmlhttp.send(null);
    }

}

function yearReturn() {
    if (xmlhttp.readyState == 4) {
        if (xmlhttp.status != 404) {
            var myYears = eval(xmlhttp.responseText);

        } else {
            alert("404");
        }
        document.getElementById('ManBox').style.background = "#ff0000";
        document.getElementById('ManBox').style.border = "1px solid #000";
        document.getElementById('ManBox').style.color = "#000";
        document.getElementById('ManTitle').style.color = "#ff0";

        document.getElementById('YearBox').style.background = "#ffff00";
        document.getElementById('YearBox').style.border = "2px solid #ff0000";
        document.getElementById('YearBox').style.color = "#000";
        document.getElementById('YearTitle').style.color = "#f00";

        document.getElementById('ModelBox').style.background = "#aaa";
        document.getElementById('ModelBox').style.border = "1px solid #333";
        document.getElementById('ModelBox').style.color = "#333";
        document.getElementById('ModelTitle').style.color = "#666";

        var options = "<Select id=\"year_drop\" onchange=\"get_models()\">";
        options += "<option value=\"NONE\">Pick A Year</option>"
        for (var i = myYears[0].end_year; i >= myYears[0].start_year; --i) {
            options += "<option value=\"" + i + "\">" + i + "</option>";
        }

        options += "</Select>";
        document.getElementById('years').innerHTML = options;

    }
}

function get_years() {
    document.getElementById("years").innerHTML = yearsResetVal;
    document.getElementById("models").innerHTML = modelsResetVal;
    document.getElementById("PartNos").innerHTML = partNosResetVal;
    document.getElementById("PartNos").style.visibility = "hidden";
    document.getElementById("orderbox").style.visibility = "hidden";

    document.getElementById('ManBox').style.background = "#ff0000";
    document.getElementById('ManBox').style.border = "1px solid #000";
    document.getElementById('ManBox').style.color = "#000";
    document.getElementById('ManTitle').style.color = "#ff0";

    document.getElementById('YearBox').style.background = "#ffff00";
    document.getElementById('YearBox').style.border = "2px solid #ff0000";
    document.getElementById('YearBox').style.color = "#000";
    document.getElementById('YearTitle').style.color = "#f00";

    document.getElementById('ModelBox').style.background = "#aaa";
    document.getElementById('ModelBox').style.border = "1px solid #333";
    document.getElementById('ModelBox').style.color = "#333";
    document.getElementById('ModelTitle').style.color = "#666";

    var man = document.getElementById("manufacturer_drop").options[document.getElementById("manufacturer_drop").selectedIndex].value;
    var url = "PM_Guide_Service.php?stage=getYears&man=" + man;
    document.getElementById('makeview').innerHTML = man;
    document.getElementById('yearview').innerHTML = "";
    document.getElementById('modelview').innerHTML = "";
    if (xmlhttp) {
        xmlhttp.open("GET", url, true);
        xmlhttp.onreadystatechange = yearReturn;
        xmlhttp.send(null);
    }

}

function modelReturn() {
    if (xmlhttp.readyState == 4) {
        if (xmlhttp.status != 404) {
            var myModels = eval(xmlhttp.responseText);

        } else {
            alert("404");
        }

        var mod_drop = "<Select id=\"model_drop\" onchange=\"get_parts()\">";
        mod_drop += "<Option value=\"None\">Pick A Model</Option>";
        for (var i = 0, len = myModels.length; i < len; ++i) {
            var tmp_model = myModels[i].model;
            tmp_model.replace(/\\/i, "\\");
            mod_drop += "<option value=\"" + myModels[i].model + "\">" + myModels[i].model;
        }
        mod_drop += "</Select>";
        if (len > 0) {
            document.getElementById('models').innerHTML = mod_drop;
            document.getElementById('ManBox').style.background = "#ff0000";
            document.getElementById('ManBox').style.border = "1px solid #000";
            document.getElementById('ManBox').style.color = "#000";
            document.getElementById('ManTitle').style.color = "#ff0";

            document.getElementById('YearBox').style.background = "#ff0000";
            document.getElementById('YearBox').style.border = "1px solid #000";
            document.getElementById('YearBox').style.color = "#000";
            document.getElementById('YearTitle').style.color = "#ff0";

            document.getElementById('ModelBox').style.background = "#ffff00";
            document.getElementById('ModelBox').style.border = "2px solid #f00";
            document.getElementById('ModelBox').style.color = "#000";
            document.getElementById('ModelTitle').style.color = "#f00";

        } else {
            var partnos = "There are no models from " + document.getElementById("manufacturer_drop").options[document.getElementById("manufacturer_drop").selectedIndex].value;
            partnos += " in " + document.getElementById("year_drop").options[document.getElementById("year_drop").selectedIndex].value;
            partnos += " with currently available anodes from Performance Metals";
            document.getElementById("PartNos").innerHTML = partnos;
            document.getElementById("PartNos").style.visibility = "visible";

            document.getElementById('ManBox').style.background = "#ff0000";
            document.getElementById('ManBox').style.border = "1px solid #000";
            document.getElementById('ManBox').style.color = "#000";
            document.getElementById('ManTitle').style.color = "#ff0";

            document.getElementById('YearBox').style.background = "#ffff00";
            document.getElementById('YearBox').style.border = "2px solid #f00";
            document.getElementById('YearBox').style.color = "#000";
            document.getElementById('YearTitle').style.color = "#f00";

            document.getElementById('ModelBox').style.background = "#aaa";
            document.getElementById('ModelBox').style.border = "1px solid #333";
            document.getElementById('ModelBox').style.color = "#333";
            document.getElementById('ModelTitle').style.color = "#666";

            document.getElementById("models").innerHTML = modelsResetVal;
        }




    }
}

function get_models() {
    var man = document.getElementById("manufacturer_drop").options[document.getElementById("manufacturer_drop").selectedIndex].value;
    var year = document.getElementById("year_drop").options[document.getElementById("year_drop").selectedIndex].value;
    document.getElementById("PartNos").innerHTML = partNosResetVal;
    document.getElementById("models").innerHTML = modelsResetVal;
    document.getElementById("PartNos").style.visibility = "hidden";
    document.getElementById("orderbox").style.visibility = "hidden";
    document.getElementById("yearview").innerHTML = year;
    document.getElementById("modelview").innerHTML = "";

    var url = "PM_Guide_Service.php?stage=getModels&man=" + man + "&year=" + year;
    if (xmlhttp) {
        xmlhttp.open("GET", url, true);
        xmlhttp.onreadystatechange = modelReturn;
        xmlhttp.send(null);
    }

}

function partReturn() {
    var man = document.getElementById("manufacturer_drop").options[document.getElementById("manufacturer_drop").selectedIndex].value;
    var year = document.getElementById("year_drop").options[document.getElementById("year_drop").selectedIndex].value;
    var model = document.getElementById("model_drop").options[document.getElementById("model_drop").selectedIndex].value;

    var partNosHTMLString = "<div class=ttl id=PartNoTitle style='color : #339; padding : 6px'>Anodes</div><table width = 100% cellpadding = 0 cellspacing = 0>";
    partNosHTMLString += "<TR valign = \"middle\" style='font-size : 12px; font-weight : bold;'><TD>Anode Type</TD><TD width='30%'>OEM <BR>Part Number</TD><TD width='30%'>Performance Metals<BR> Part Number</TD><TD>Image</TD><TD>Recommended<BR>Qty</TD>";
    if (xmlhttp.readyState == 4) {
        if (xmlhttp.status != 404) {
            var myParts = eval("(" + xmlhttp.responseText + ")");
        } else {
            alert("404");
        }
        var row;
        if (myParts.length > 1) {
            for (row in myParts) {
                if ((myParts[row]["PM_Part_num"] ) && ( myParts[row]["PM_Part_num"] != "n/a") ){
                    imgFile = myParts[row]["PM_Part_num"];
                    imgFile = imgFile.replace(/A/, "");

                    if (linkCart == true) {
                        if (linkTo == "OEM") {

                            partNosHTMLString += "<TR><TD ID=\"Anodes\">" + myParts[row]["disp_title"] + "</td>";
                            partNosHTMLString += "<td ID = \"OEM\">";
                            if ((myParts[row]["OEM_Part_num"]) && (myParts[row]["OEM_Part_num"] != "null")){
                                partNosHTMLString += myParts[row]["OEM_Part_num"] + "</td>";
                            } else {
                                partNosHTMLString += "N/A" + "</td>";
                            }
                            partNosHTMLString += "<td ID = \"PM\">" + myParts[row]["PM_Part_num"] + "</td>";
                            partNosHTMLString += "<a href=\"#\" onClick=\"peek_open('" + myParts[row]["PM_Part_num"] + "','" + myParts[row]["disp_title"] + "');\">ZOOM</a></td>";
                            partNosHTMLString += "<td ID = \"Checker\"><INPUT Type = checkbox Id =\"" + myParts[row]["OEM_Part_num"] + "\" onClick=check_part()></Input></td>";
                            partNosHTMLString += "<td ID = \"PM\"><img src=\"/pmetals/images/prod_thumb/" + imgFile + ".jpg\"> <BR /> ";
                            partNosHTMLString += "<a href=\"#\" onClick=\"peek_open('" + myParts[row]["PM_Part_num"] + "','" + myParts[row]["disp_title"] + "');\">ZOOM</a></td>";
                            partNosHTMLString += "<td ID = \"Checker\">";
                            partNosHTMLString += "<INPUT Type = checkbox Id =\"" + myParts[row]["PM_Part_num"];
                            partNosHTMLString += "\" name=\"" + myParts[row]["disp_title"];
                            partNosHTMLString += "\" value=\"" + myParts[row]["OEM_Part_num"];
                            partNosHTMLString += "\" onClick=check_part()>";
                            partNosHTMLString += "</Input></td></tr>";
                        } else {
                            partNosHTMLString += "<TR><td ID = \"Anodes\">";
                            partNosHTMLString += myParts[row]["disp_title"] + "</td>";
                            partNosHTMLString += "<td ID = \"OEM\">" ;
                            if ((myParts[row]["OEM_Part_num"]) && (myParts[row]["OEM_Part_num"] != "null")){
                                partNosHTMLString += myParts[row]["OEM_Part_num"] + "</td>";
                            } else {
                                partNosHTMLString += "N/A" + "</td>";
                            }
                            partNosHTMLString += "<td ID = \"PM\">";
                            partNosHTMLString += myParts[row]["PM_Part_num"] + "</a></td>";
                            partNosHTMLString += "<td ID = \"PM\"><img src=\"/pmetals/images/prod_thumb/" + imgFile + ".jpg\"> <BR /> ";
                            partNosHTMLString += "<a href=\"#\" onClick=\"peek_open('" + myParts[row]["PM_Part_num"] + "','" + myParts[row]["disp_title"] + "');\">ZOOM</a></td>";
                            partNosHTMLString += "<TD ID=\"PM\">" + myParts[row]["qty"] + "</td>";
                            partNosHTMLString += "<td ID = \"Checker\">";
                            partNosHTMLString += "<INPUT Type = checkbox Id =\"" + myParts[row]["PM_Part_num"];
                            partNosHTMLString += "\" name=\"" + myParts[row]["disp_title"];
                            partNosHTMLString += "\" value=\"" + myParts[row]["PM_Part_num"];
                            partNosHTMLString += "\" onClick=check_part()>";
                            partNosHTMLString += "</Input></td></tr>";
                        }
                        

                    } else {
                        
                        partNosHTMLString += "<TR><TD ID=\"Anodes\">" + myParts[row]["disp_title"] + "</td>";
                        partNosHTMLString += "<td ID = \"OEM\">";
                        partNosHTMLString += myParts[row]["OEM_Part_num"] + "</td>";
                        partNosHTMLString += "<td ID = \"PM\">" + myParts[row]["PM_Part_num"];
                        partNosHTMLString += "<a href=\"#\" onClick=\"peek_open('" + myParts[row]["PM_Part_num"] + "','" + myParts[row]["disp_title"] + "');\">ZOOM</a></td>";
                        partNosHTMLString += "<td ID = \"PM\"><img src=\"/pmetals/images/prod_thumb/" + imgFile + ".jpg\"> <BR /> ";
                        
                    }
                }
            }
        } else {
            partNosHTMLString = "<div class=error id=PartNoTitle style='color : #339; padding : 6px'>We're sorry, there are no anodes that match your current selections.  <BR>Please try other options.</div>";
        }
    }
    
    
    partNosHTMLString += "</table>";
    
    document.getElementById('PartNos').innerHTML = partNosHTMLString;
    
    
    document.getElementById('ManBox').style.background = "#ff0000";
    document.getElementById('ManBox').style.border = "1px solid #000";
    document.getElementById('ManBox').style.color = "#000";
    
    document.getElementById('YearBox').style.background = "#ff0000";
    document.getElementById('YearBox').style.border = "1px solid #000";
    document.getElementById('YearBox').style.color = "#000";
    
    document.getElementById('ModelBox').style.background = "#ff0000";
    document.getElementById('ModelBox').style.border = "1px solid #000";
    document.getElementById('ModelBox').style.color = "#000";
    document.getElementById('ModelTitle').style.color = "#ff0";
    
    document.getElementById('PartNos').style.visibility = "visible";
    document.getElementById("orderbox").style.visibility = "hidden";
    
}


function get_parts() {
    var man = document.getElementById("manufacturer_drop").options[document.getElementById("manufacturer_drop").selectedIndex].value;
    var year = document.getElementById("year_drop").options[document.getElementById("year_drop").selectedIndex].value;
    var model = document.getElementById("model_drop").options[document.getElementById("model_drop").selectedIndex].value;
    document.getElementById("modelview").innerHTML = model;
    var url = "PM_Guide_Service.php?stage=getPartNos&man=" + man + "&year=" + year + "&model=" + model;


    if (xmlhttp) {
        xmlhttp.open("GET", url, true);
        xmlhttp.onreadystatechange = partReturn;
        xmlhttp.send(null);
    }
}

function check_part() {


    var form_elements = document.forms['PM_fitguide'].elements;
    document.getElementById("orderticker").innerHTML = "";
    for (counter = 0; counter < form_elements.length; counter++) {
        if ((form_elements[counter].type == "checkbox") && (form_elements[counter].checked)) {
            document.getElementById("orderticker").innerHTML += form_elements[counter].getAttribute("name") + " , ";
        }
    }
    document.getElementById("orderticker").innerHTML = document.getElementById("orderticker").innerHTML.replace(/ , $/, "");
    document.getElementById("orderbox").style.visibility = "visible";
}

var links_added = 0;

function sendToCart() {
    if (xmlhttp) {
        if (xmlhttp.readyState == 4) {
            if (xmlhttp.status != 404) {
                links_added--;
            } else {
                alert("404");
            }
        }
    }
    if (links_added == 0) {
        var url2 = link;
        url2 = url2.replace(/PARTNO/, "");
        window.top.location = url2;
    }
}

function add_to_cart() {

    var form_elements = document.forms['PM_fitguide'].elements;
    var partno = "";
    var isfirst = false;
    for (counter = 0; counter < form_elements.length; counter++) {
        if ((form_elements[counter].type == "checkbox") && (form_elements[counter].checked)) {
            if (isfirst) {
                partno += form_elements[counter].getAttribute("value");
            } else {
                partno += "&partno=" + form_elements[counter].getAttribute("value");
            }
            var url = link;
        }
    }
    var url2 = link;
    url2 = url2.replace(/PARTNO/, partno);
    window.top.location = url2;
    return false;
}

function peek_open(color, name) {

    var peekpic = "/pmetals/images/prod/" + color + ".jpg";
    document.getElementById('peeking').src = peekpic;

    document.getElementById('peek_name').innerHTML = name;

    document.getElementById('peekaboo').style.display = "block";

}

function peek_close() {

    document.getElementById('peekaboo').style.display = "none";
}