// JavaScript Document
var xmlhttp;
var divToShow;
var container;
var gBrand;

function GetXmlHttpObject(){
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        return new XMLHttpRequest();
    }
    if (window.ActiveXObject) {
        // code for IE6, IE5
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
}

function getResults(get, where){

    divToShow = where;
    container = where + "Container";
	var vS = document.getElementById(divToShow);
    var vTmpOpt = document.createElement("option");
    vTmpOpt.text = "- - -";
    vTmpOpt.value = "";
    vS.options.length = 0;
    try {
        vS.add(vTmpOpt, null);
    } 
    catch (e) {
        vS.add(vTmpOpt);
    }
	vS.disabled = true;
	if (get == "") {
		return 0;
	}
	if (get == null) {
		return 0;
	}
	

    xmlhttp = GetXmlHttpObject();
    if (xmlhttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }
    
    var c = document.getElementById(container);
    c.className += " loading";
    
    var url = location.protocol + "//www.tonerforearth.com/v/sbp.asp?" + get;
    //url=url+"?find="+searchterm;
    url = url + "&sid=" + Math.random();
    //var url = "http://www.tonerforearth.com/";
    xmlhttp.onreadystatechange = stateChanged;
    //document.getElementById("tab-contents").innerHTML='<div style="text-align: center;"><img src="/v/vspfiles/templates/Prince/myimages/images/loading-big.gif" alt="now loading" /></div>';
    xmlhttp.open("GET", url, true);
    xmlhttp.send(null);
}

function stateChanged(){
    if (xmlhttp.readyState == 4) {
        var vSelect, i;
        var vOptArray;
        vSelect = document.getElementById(divToShow);
        var tmpStr = xmlhttp.responseText;
        vOptArray = tmpStr.split("\n");
        var c = document.getElementById(container);
        var cn = c.className;
        c.className = cn.split(" ")[0];
        vSelect.disabled = false;
        var vTmpOpt;
        for (i = 0; i < vOptArray.length; i++) {
            if (trim(vOptArray[i]) != "") {
                vTmpOpt = document.createElement("option");
                var exText, exValue;
                exText = trim(vOptArray[i]);
                exValue = trim(vOptArray[i]);
                var newSplit = exText.split(",");
                
                if (newSplit.length > 1) {
                    exText = newSplit[0];
                    exValue = newSplit[1];
                }
                
                //vTmpOpt.text = trim(exText.substr(exText.indexOf(" ",0)));
				var mTxtSplit = exText.split(" ");
				vTmpOpt.text = exText;
				if (mTxtSplit.length > 1){
					if (mTxtSplit[0] != "C5510n") { 
						vTmpOpt.text = exText.replace(mTxtSplit[0],""); //this removes the brand
					}
					vTmpOpt.text = trim(vTmpOpt.text.replace(" Series","")).length <= 2 ? vTmpOpt.text : vTmpOpt.text.replace(" Series","") ; //this removes the 'series'
				
				} else {
					vTmpOpt.text = exText;
				}
				//*******************
				if (trim(vTmpOpt.text) == "Digital Copier/Printer (DCP)"){
					vTmpOpt.text = "DCP - Lasers";
				}
				if (trim(vTmpOpt.text) == "Digital Copier/Printer Inkjet (DCP)"){
					vTmpOpt.text = "DCP - Inkjets";
				}
				//****************
				vTmpOpt.text = trim(vTmpOpt.text );
                vTmpOpt.value = exValue;
                try {
                    vSelect.add(vTmpOpt, null);
                } 
                catch (e) {
                    vSelect.add(vTmpOpt);
                }
            }
        }
        
    }
}

function trim(str, chars){
    return ltrim(rtrim(str, chars), chars);
}

function ltrim(str, chars){
    chars = chars || "\\s";
    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}

function rtrim(str, chars){
    chars = chars || "\\s";
    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}

function foo(px, py, pw, ph, baseElement, fid){
    var win = document.getElementById(this.fid);
}


function dropdown_menu_hack(el){
    if (el.runtimeStyle.behavior.toLowerCase() == "none") {
        return;
    }
    el.runtimeStyle.behavior = "none";
    
    var ie5 = (document.namespaces == null);
    el.ondblclick = function(e){
        window.event.returnValue = false;
        return false;
    }
    
    if (window.createPopup == null) {
    
        var fid = "dropdown_menu_hack_" + Date.parse(new Date());
        
        window.createPopup = function(){
            if (window.createPopup.frameWindow == null) {
                el.insertAdjacentHTML("AfterEnd", "<iframe id='" + fid + "' name='" + fid + "' src='about:blank' frameborder='1' scrolling='no'></></iframe>");
                var f = document.frames[fid];
                f.document.open();
                f.document.write("<html><body></body></html>");
                f.document.close();
                f.fid = fid;
                
                
                var fwin = document.getElementById(fid);
                fwin.style.cssText = "position:absolute;top:0;left:0;display:none;z-index:99999;";
                
                
                f.show = function(px, py, pw, ph, baseElement){
                    py = py + baseElement.getBoundingClientRect().top + Math.max(document.body.scrollTop, document.documentElement.scrollTop);
                    px = px + baseElement.getBoundingClientRect().left + Math.max(document.body.scrollLeft, document.documentElement.scrollLeft);
                    fwin.style.width = pw + "px";
                    fwin.style.height = ph + "px";
                    fwin.style.posLeft = px;
                    fwin.style.posTop = py;
                    fwin.style.display = "block";
                }
                
                
                f_hide = function(e){
                    if (window.event && window.event.srcElement && window.event.srcElement.tagName && window.event.srcElement.tagName.toLowerCase() == "select") {
                        return true;
                    }
                    fwin.style.display = "none";
                }
                f.hide = f_hide;
                document.attachEvent("onclick", f_hide);
                document.attachEvent("onkeydown", f_hide);
                
            }
            return f;
        }
    }
    
    function showMenu(){
    
        function selectMenu(obj){
            var o = document.createElement("option");
            o.value = obj.value;
            o.innerHTML = obj.innerHTML;
            while (el.options.length > 0) {
                el.options[0].removeNode(true);
            }
            el.appendChild(o);
            el.title = o.innerHTML;
            el.contentIndex = obj.selectedIndex;
            el.menu.hide();
        }
        
        
        el.menu.show(0, el.offsetHeight, 10, 10, el);
        var mb = el.menu.document.body;
        
        mb.style.cssText = "border:solid 1px black;margin:0;padding:0;overflow-y:auto;overflow-x:auto;background:white;text-aligbn:center;font-family:Verdana;font-size:12px;";
        var t = el.contentHTML;
        t = t.replace(/<select/gi, '<ul');
        t = t.replace(/<option/gi, '<li');
        t = t.replace(/<\/option/gi, '</li');
        t = t.replace(/<\/select/gi, '</ul');
        mb.innerHTML = t;
        
        
        el.select = mb.all.tags("ul")[0];
        el.select.style.cssText = "list-style:none;margin:0;padding:0;";
        mb.options = el.select.getElementsByTagName("li");
        
        for (var i = 0; i < mb.options.length; i++) {
            mb.options[i].selectedIndex = i;
            mb.options[i].style.cssText = "list-style:none;margin:0;padding:1px 2px;width/**/:100%;cursor:hand;cursorointer;white-space:nowrap;"
            mb.options[i].title = mb.options[i].innerHTML;
            mb.options[i].innerHTML = "<nobr>" + mb.options[i].innerHTML + "</nobr>";
            mb.options[i].onmouseover = function(){
                if (mb.options.selected) {
                    mb.options.selected.style.background = "white";
                    mb.options.selected.style.color = "black";
                }
                mb.options.selected = this;
                this.style.background = "#333366";
                this.style.color = "white";
            }
            
            mb.options[i].onmouseout = function(){
                this.style.background = "white";
                this.style.color = "black";
            }
            mb.options[i].onmousedown = function(){
                selectMenu(this);
            }
            mb.options[i].onkeydown = function(){
                selectMenu(this);
            }
            
            
            if (i == el.contentIndex) {
                mb.options[i].style.background = "#333366";
                mb.options[i].style.color = "white";
                mb.options.selected = mb.options[i];
            }
        }
        
        
        var mw = Math.max((el.select.offsetWidth + 22), el.offsetWidth + 22);
        mw = Math.max(mw, (mb.scrollWidth + 22));
        var mh = mb.options.length * 15 + 8;
        
        var mx = (ie5) ? -3 : 0;
        var my = el.offsetHeight - 2;
        var docH = document.documentElement.offsetHeight;
        var bottomH = docH - el.getBoundingClientRect().bottom;
        
        mh = Math.min(mh, Math.max((docH - el.getBoundingClientRect().top - 50), 100));
        
        if ((bottomH < mh)) {
        
            mh = Math.max((bottomH - 12), 10);
            if (mh < 100) {
                my = -100;
                
            }
            mh = Math.max(mh, 100);
        }
        
        
        self.focus();
        
        el.menu.show(mx, my, mw, mh, el);
        sync = null;
        if (mb.options.selected) {
            mb.scrollTop = mb.options.selected.offsetTop;
        }
        
        
        
        
        window.onresize = function(){
            el.menu.hide()
        };
    }
    
    function switchMenu(){
        if (event.keyCode) {
            if (event.keyCode == 40) {
                el.contentIndex++;
            }
            else 
                if (event.keyCode == 38) {
                    el.contentIndex--;
                }
        }
        else 
            if (event.wheelDelta) {
                if (event.wheelDelta >= 120) 
                    el.contentIndex++;
                else 
                    if (event.wheelDelta <= -120) 
                        el.contentIndex--;
            }
            else {
                return true;
            }
        
        
        
        
        if (el.contentIndex > (el.contentOptions.length - 1)) {
            el.contentIndex = 0;
        }
        else 
            if (el.contentIndex < 0) {
                el.contentIndex = el.contentOptions.length - 1;
            }
        
        var o = document.createElement("option");
        o.value = el.contentOptions[el.contentIndex].value;
        o.innerHTML = el.contentOptions[el.contentIndex].text;
        while (el.options.length > 0) {
            el.options[0].removeNode(true);
        }
        el.appendChild(o);
        el.title = o.innerHTML;
    }
    
    if (dropdown_menu_hack.menu == null) {
        dropdown_menu_hack.menu = window.createPopup();
        document.attachEvent("onkeydown", dropdown_menu_hack.menu.hide);
    }
    el.menu = dropdown_menu_hack.menu;
    el.contentOptions = new Array();
    el.contentIndex = el.selectedIndex;
    el.contentHTML = el.outerHTML;
    
    for (var i = 0; i < el.options.length; i++) {
        el.contentOptions[el.contentOptions.length] = {
            "value": el.options[i].value,
            "text": el.options[i].innerHTML
        }
        
        if (!el.options[i].selected) {
            el.options[i].removeNode(true);
            i--;
        };
            }
    
    
    el.onkeydown = switchMenu;
    el.onclick = showMenu;
    el.onmousewheel = switchMenu;
    
}
function doSBP(){
	var urlq = document.getElementById("selModel").value;
	var url = location.host + "/v/printersearch.asp?" + urlq;
	location.href = location.protocol + "//" + url;
}

