var xmlHttp;

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}
    
function doSearch() {
    document.getElementById('bead_category_title').innerHTML = document.getElementById("searchString").value;
    var url = "/cgi-bin/pandora/build/xml_results?" + createQueryString();
//alert(url);
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function createQueryString() {
    var searchString = document.getElementById("searchString").value;
    var searchPage = document.getElementById("page").value;
    searchString = escape(searchString);
    var queryString = "searchspec=" + searchString;
    var queryString = queryString + "&page=" + searchPage;
//alert('search string created')
    return queryString;
}

function doQuickSearch() {
    document.getElementById('bead_category_title').innerHTML = document.getElementById("searchStringQS").value;
    var url = "/cgi-bin/pandora/build/xml_results?type=quicksearch&" + createQueryStringQS();
//alert(url);
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function createQueryStringQS() {
    var searchString = document.getElementById("searchStringQS").value;
    var searchPage = document.getElementById("page").value;
    searchString = escape(searchString);
    var queryString = "searchspec=" + searchString;
    var queryString = queryString + "&page=" + searchPage;
//alert('search string created')
    return queryString;
}
    
function handleStateChange() {
    if(xmlHttp.readyState == 3) {
            document.getElementById("beads_loading").style.visibility = "visible";
    }
    if(xmlHttp.readyState == 4) {
            document.getElementById("beads_loading").style.visibility = "hidden";
        if(xmlHttp.status == 200) {
            parseSearchResults();
        }
        else {
            alert("Error accessing Yahoo! search");
        }
    }
}

function parseSearchResults() {

//alert('starting search');
  for(var x=1; x < 13; x++) {
var beadid = "pb" + x;
//alert(beadid);
  var bead = document.getElementById(beadid); 
    //alert(bead);
    if(bead.childNodes[0]) {  
      bead.removeChild(bead.childNodes[0]);
    }
  }
  //alert('foo');



//alert('parsing results');
    var resultsDiv = document.getElementById("results");
    while(resultsDiv.childNodes.length > 0) {
        resultsDiv.removeChild(resultsDiv.childNodes[0]);
    }
    
    var pagelist = xmlHttp.responseXML.getElementsByTagName("pages");
//    alert(pagelist[0].childNodes[0].nodeValue);
//    document.getElementById("beadpages").innerHTML = pagelist[0].textContent;
    document.getElementById("beadpages").innerHTML = pagelist[0].childNodes[0].nodeValue;

    var allResults = xmlHttp.responseXML.getElementsByTagName("record");
    var result = null;
    var count = null;
    for(var i = 0; i < allResults.length; i++) {
        result = allResults[i];
        count = i;
        parseResult(result,count);
    }
}

function parseResult(result,count) {
//alert('found something');
    var resultDiv = document.getElementById("pb" + (count +1));    


    var image = document.createElement("img");
    var imagepath = "/pandora/images/items/";
    image.setAttribute("src", imagepath + getChildElementText(result, "image1"));
    image.setAttribute("name", escape(getChildElementText(result, "sku")));
    image.setAttribute("onClick", "productDetail(" + escape(getChildElementText(result, "sku")) + ")");
    image.onclick =  function() {
         productDetail(escape(getChildElementText(result, "sku")));
    }
    resultDiv.appendChild(image);
}

function getChildElementText(parentNode, childTagName) {
    var childTag = parentNode.getElementsByTagName(childTagName);
    if(childTag[0].childNodes[0]){
    return childTag[0].childNodes[0].nodeValue;
    } else {
    return 0;
    }
}