// JScript source code
//alert("testing this");


/** XHConn - Simple XMLHTTP Interface - bfults@gmail.com - 2005-04-08        **
 ** Code licensed under Creative Commons Attribution-ShareAlike License      **
 ** http://creativecommons.org/licenses/by-sa/2.0/                           **/
 
 
 
function XHConn()
{
  var xmlhttp, bComplete = false;
  try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
  catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
  catch (e) { try { xmlhttp = new XMLHttpRequest(); }
  catch (e) { xmlhttp = false; }}}
  if (!xmlhttp) return null;
  this.connect = function(sURL, sMethod, sVars, fnDone)
  {
    if (!xmlhttp) return false;
    bComplete = false;
    sMethod = sMethod.toUpperCase();

    try {
      if (sMethod == "GET")
      {
        xmlhttp.open(sMethod, sURL+"?"+sVars, true);
        sVars = "";
      }
      else
      {
        xmlhttp.open(sMethod, sURL, true);
        xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
        xmlhttp.setRequestHeader("Content-Type",
          "application/x-www-form-urlencoded");
      }
      xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4 && !bComplete)
        {
          bComplete = true;
          fnDone(xmlhttp);
        }};
      xmlhttp.send(sVars);
    }
    catch(z) { return false; }
    return true;
  };
  return this;
 };
//End XHConn


/**  Request **/

function getOption(){



var myString = document.getElementById('refNum').value;

var myConn = new XHConn();

if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");

var fnWhenDone = function (oXML) { UpdateHTML(oXML.responseText); };

myConn.connect("crateGallery_filter.aspx", "POST", "id=" +  document.getElementById('refNum').value + "&cat=" + document.getElementById('category').value + "&word=" + document.getElementById('keyword').value, fnWhenDone);

 document.getElementById('backArrowButton').className = 'showme';
return false;

}

function UpdateHTML(myResponseText)
{
 document.getElementById('searchResults').innerHTML = myResponseText;

 if(document.getElementById('keyword').className == 'showme')
 {
  document.getElementById('keyword').focus();
 }
 else if (document.getElementById('refNum').className == 'showme')
 {
  document.getElementById('refNum').focus();
 }

}//End UpdateHTML


function LinkCat(myCat)
{
    ChangeSearchType('cat');
    document.getElementById('category').value = myCat;
    getOption();
    return false;
}//End LinkCat



/***********************************************
    Search Criteria box
************************************************/

function ChangeSearchType(currentType)
{
    scCat = document.getElementById("category");
    scKey = document.getElementById("keyword");
    scRef = document.getElementById("refNum");
    
    bCat = document.getElementById("btnCat");
    bKey = document.getElementById("btnKey");
    bRef = document.getElementById("btnRef");
    
    bCat.className = 'searchSelectBoxOff';
    bKey.className = 'searchSelectBoxOff';
    bRef.className = 'searchSelectBoxOff';
    
    scCat.value = 'All';
    scKey.value = '';
    scRef.value = '';
    
    
    if(currentType == 'ref')
    {
        bRef.className = 'searchSelectBox';
        scRef.className = 'showme';
        scCat.className = 'hideme';
        scKey.className = 'hideme';
    }
    else if (currentType == 'cat')
    {
        bCat.className = 'searchSelectBox';
        scRef.className = 'hideme';
        scCat.className = 'showme';
        scKey.className = 'hideme';
    }
    else
    {
        bKey.className = 'searchSelectBox';
        scRef.className = 'hideme';
        scCat.className = 'hideme';
        scKey.className = 'showme';
    }
}//ChangeSearchType

/***************************************************
 *  Main Page Content
 *  ***********************************************/
 
 function LoadHomeContent()
 {
 var myHtml = '<div style="width:620px; margin:auto;">';
 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Artwork\');">Artwork Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=Artwork" onclick="return LinkCat(\'Artwork\');"><img src="images/gallery/g_artwork.jpg" class="catLinkImage" /></a></div>';
  
 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Commercial\');">Commercial Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=Commercial" onclick="return LinkCat(\'Commercial\');"><img src="images/gallery/g_commercial.jpg" class="catLinkImage" /></a></div>';
 
  myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'CrateFurniture\');">Crate Furniture</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=CrateFurniture" onclick="return LinkCat(\'CrateFurniture\');"><img src="images/gallery/g_crateFurniture.jpg" class="catLinkImage" /></a></div>';
 
 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Display\');">Display Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=Display" onclick="return LinkCat(\'Display\');"><img src="images/gallery/g_display.jpg" class="catLinkImage" /></a></div>';
 
 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Industrial\');">Industrial Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=Industrial" onclick="return LinkCat(\'Industrial\');"><img src="images/gallery/g_industrial.jpg" class="catLinkImage" /></a></div>';
 
 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'InstaPak\');">InstaPak Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=InstaPak" onclick="return LinkCat(\'InstaPak\');"><img src="images/gallery/g_instapak.jpg" class="catLinkImage" /></a></div>';
  
 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Motorcycle\');">Motorcycle Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=Motorcycle" onclick="return LinkCat(\'Motorcycle\');"><img src="images/gallery/g_motorcycle.jpg" class="catLinkImage" /></a></div>';
 
 myHtml +=  '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Museum\');">Museum Crates</a></h3>';
 myHtml +=  '<a href="crateGallery.aspx?cat=Museum" onclick="return LinkCat(\'Museum\');"><img src="images/gallery/g_museum.jpg" class="catLinkImage" alt="Museum Crates" /></a></div>';

 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Shipping\');">Shipping Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=Shipping" onclick="return LinkCat(\'Shipping\');"><img src="images/gallery/g_shipping.jpg" class="catLinkImage" /></a></div>';

 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'Storage\');">Storage Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=Storage" onclick="return LinkCat(\'Storage\');"><img src="images/gallery/g_storage.jpg" class="catLinkImage" /></a></div>';

 myHtml += '<div class="catLink"><h3><a href="crateGallery.aspx" onclick="return LinkCat(\'TradeShow\');">Trade Show Crates</a></h3>';
 myHtml += '<a href="crateGallery.aspx?cat=TradeShow" onclick="return LinkCat(\'TradeShow\');"><img src="images/gallery/g_tradeshow.jpg" class="catLinkImage" /></a></div>';

 myHtml += '</div>';
  
  UpdateHTML(myHtml);
  document.getElementById('backArrowButton').className = 'hideme';
   
  return false;
 } //end LoadHomeContent