/*
* osCommerce: JS OSCFieldSuggest
 *
 * File: includes/class.OSCFieldSuggestjs
 * Version: 1.0
 * Date: 2007-03-28 17:49
 * Author: Timo Kiefer - timo.kiefer_(at)_kmcs.de
 * Organisation: KMCS - www.kmcs.de
 * Licence: General Public Licence 2.0
 */

/**
 * The field gots a suggestlist..
 *
 * @param id please give your fields an ID
 * @param file_layout the xslt document
 * @param file_data the xml document, that will be generated
 * @example
 *   var myFieldSuggestion = new OSCFieldSuggest('search_field_id', 'includes/search_suggest.xsl', 'searchsuggest.php');
 *   //params will be automatically added like searchsuggest.php?myformfieldname=myformfieldvalue
 */

function FieldSuggest(id, file_layout, file_data) {
  base = this;
  base.FILE_XSLT_LAYOUT = file_layout;
  base.FILE_XML_DATA = file_data;
  base._OBJ = document.getElementById(id);
  if(base._OBJ) {
    //define the functions..
    base.createXmlHttpRequest = function() {
      var requestInstance = false;
      if (window.XMLHttpRequest) { //FE
        requestInstance = new XMLHttpRequest();
        if (requestInstance.overrideMimeType) {
          requestInstance.overrideMimeType('text/xml');
        }
      } else if (window.ActiveXObject) { // IE
        try {
          requestInstance = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
          try { //last chance..
            requestInstance = new ActiveXObject("Microsoft.XMLHTTP");
          } catch (e) {}
        }
      }
      if(!requestInstance) {
        //alert("Sorry, your browser don't support a little bit AJAX");
      }
      return(requestInstance);
    };
    base.loadDocument = function(file, funcAfterDocumentLoaded) {
      var myRequest = base.createXmlHttpRequest();
      myRequest.open('GET', file, true);
      myRequest.onreadystatechange = function(e) {
        if(myRequest.readyState == 4 && myRequest.status == 200) {
          funcAfterDocumentLoaded(myRequest);
        } else if(myRequest.readyState == 4) {
          //error file isn't loaded.. 
     //     alert("Sorry, the file " + file + " couldn't loaded!");
        }
      };
      myRequest.send(null);
    };
    base.parseXmlDocument = function(xsltLayout, xmlData) {
      if(document.all) {
        return(xmlData.transformNode(xsltLayout));
      } else {
        var processor = new XSLTProcessor();
        processor.importStylesheet(xsltLayout);
        var result = processor.transformToDocument(xmlData);
        var xmls = new XMLSerializer();
        return(xmls.serializeToString(result));
      }
    };
    base.getDocumentOffsetTop = function(obj) {
      return(parseInt(obj.offsetTop) + ((obj.offsetParent) ? base.getDocumentOffsetTop(obj.offsetParent) : 0));
    };
    base.getDocumentOffsetLeft = function(obj) {
      return(parseInt(obj.offsetLeft) + ((obj.offsetParent) ? base.getDocumentOffsetLeft(obj.offsetParent) : 0));
    };
    base.show = function() {
      base._OBJ_panel.style.visibility = 'visible';
    };
    base.hide = function() {
      base._OBJ_panel.style.visibility = 'hidden';
    };
    base.suggestList = function() {
 var myx=parseInt(Math.random()*999999);
      base.loadDocument(base.FILE_XML_DATA + "?xx=" + myx + "&" + base._OBJ.name + "=" + base._OBJ.value, function(request) {
        base._OBJ_panel.innerHTML = base.parseXmlDocument(base._xsltSheet, request.responseXML);
        base._OBJ_panel.style.top = (base.getDocumentOffsetTop(base._OBJ) + base._OBJ.offsetHeight) + "px";
        base._OBJ_panel.style.left = base.getDocumentOffsetLeft(base._OBJ)+0 + "px";
        base._OBJ_panel.style.zIndex=25000;
		base.show();
      }); 
    };
    //load xslt layout
    base.loadDocument(base.FILE_XSLT_LAYOUT, function(request) {
      base._xsltSheet = request.responseXML;
    });
    //create html panel to show
    base._OBJ_panel = document.createElement('div');
    base._OBJ_panel.style.visibility = 'hidden';
    base._OBJ_panel.style.position = 'absolute';
    base._OBJ_panel.style.overflow = 'auto';
    base._OBJ_panel.style.height = '120px';
    base._OBJ_panel.style.border = '1px solid #CCCCCC';
    base._OBJ_panel.style.top = 0 + "px";
    base._OBJ_panel.style.left = 0 + "px";
    base._OBJ.parentNode.appendChild(base._OBJ_panel);
    //set the events
    base._OBJ.onkeyup = function(e) {
      if(base._OBJ.value.length > 1) {
        base.suggestList();
      }
    };
	 base._OBJ.onkeydown = function(e) {
      if(base._OBJ.value.length > 1) {
        base.suggestList();
      }
    };
    base._OBJ.onblur = function(e) { //lost focus
      //waiting a few milli sec. .. before hide the clicked panel ;)
      setTimeout(function() {
        base.hide();
      }, 10000);
    };
    base._OBJ.onfocus = function(e) { //got focus
      if(base._OBJ.value.length > 1) {
        base.suggestList();
      }
    };
  } else {
    //no field found..
  //  alert("Field with ID " + id + " couldn't found!");
  }
};



var firstRow = 1;  
var currentRow;  
var highlightedRow;

function highlightRow( tr ) {  
if ( currentRow == null )  
{  
    tr.bgColor = (tr.bgColor != '#0000ff') ? '#0000ff' : '#ffffff';  
    highlightedRow = tr;  
}   
else  
{  
    dehighlightRow( highlightedRow );  
    tr.bgColor = (tr.bgColor != '#0000ff') ? '#0000ff' : '#ffffff';  
    highlightedRow = tr;  
    currentRow = tr.rowIndex;  
}  
}  
  
function dehighlightRow( tr ) {  
    tr.bgColor = (tr.bgColor != '#ffffff') ? '#ffffff' : '#0000ff';  
}  

function processKeys( e ){   
var table = document.getElementById( 'stable' );  
var trs = document.getElementById('stable').getElementsByTagName('tr');  
var numRows = table.rows.length;  
var keyID = (window.event) ? event.keyCode : e.keyCode;  
switch (keyID)  {
// Key up.  
case 38:  
	if (parseInt(currentRow) == parseInt(1)){  
	// reached the top of the table; do nothing.  
	return true;  
	} else{  
	// move one row up.  
	scrollRow( "up" );  
	setCurrentRow( currentRow );  
	return false;  
	}  
break;  
  
// Key down.  
case 40:  
	if ( currentRow == (numRows - 1) ){  
	// reached the end of the table; do nothing  
	return true;  
	} else  {   
	scrollRow( "down" );  
	}  
	break;  
}  

  
function scrollRow ( dir )  
{  
	if (dir == "up"){     
		currentRow--;  
		highlightRow( trs[ currentRow ] );  
	} else if (dir == "down"){  
        currentRow++;  
        highlightRow( trs[ currentRow ] );  
    }  
	var div = document.getElementById("scont");  
	div.scrollTop = currentRow*15;  
	}  
}