function Suggests()

{

    // attach internal funcs

    this.write = writeSuggests;

    // do setup

    this.write();

    this.showSuggests = function() {

        window.chrome.alert("showSuggests");

        //window.snippets.updateGeometry();

        window.snippets.SuggestsId.repaint();

     	var curPos = window.snippets.SuggestsId.getPosition();

        window.chrome.alert(curPos.x);

        if (curPos.y == 0)

            window.snippets.SuggestsId.setPosition(5,68);

        window.snippets.SuggestsId.show();

        window.snippets.SuggestsId.zValue = 10;

    }

    this.hideSuggests = function() {

        window.snippets.SuggestsId.hide();

    }

    this.setWidth = function(width) {

        document.getElementById("SuggestsId").style.width = width;

        //window.chrome.alert("set width:" + document.getElementById("SuggestsId").offsetWidth);

    }

    this.setHeight = function(height) {

        document.getElementById("SuggestsId").style.height = height;

        //window.chrome.alert("set height:" + document.getElementById("SuggestsId").offsetHeight);

    }

    this.removeAllItems = function() {

        var parentList = document.getElementById("SuggestsUListId");

        while (parentList.childNodes[0]) {

            parentList.removeChild(parentList.childNodes[0]);

        }

        this.setHeight(0);

    }

    this.addItem = function(str) {

        this.setHeight(document.getElementById("SuggestsId").offsetHeight + 26); // FIXME 26 is the row height

        var parentList = document.getElementById("SuggestsUListId");

        var item = document.createElement("li");

        item.innerHTML = str;

        item.onclick=function() { window.chrome.alert(item.innerHTML + " is selected."); window.snippets.SuggestsId.hide();}

        item.onmouseover=function() { item.style.backgroundColor = 'Aquamarine'; }

        item.onmouseout=function() { item.style.backgroundColor = ''; }

        parentList.appendChild(item);

    }

}

// "Private" methods

function writeSuggests() {

    var html =

    '<div class="suggestsBox">' +

        '<div class="suggestBoxBody">' +

          '<div id="SuggestsListId" class="show">' +

            '<ul id="SuggestsUListId">' +

            '</ul>' +

          '</div>' +

        '</div>' +

    '</div>'; 

  document.write(html);

}