if (navigator.userAgent.indexOf("Safari") > 0){
  isSafari = true;
  isMoz = false;
  isIE = false;
} else if (navigator.product == "Gecko") {
  isSafari = false;
  isMoz = true;
  isIE = false;
} else {
  isSafari = false;
  isMoz = false;
  isIE = true;
  if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
   var ieversion=new Number(RegExp.$1);
   if (ieversion>=8){
    var isIE8=true;
   } else if (ieversion>=7){
    var isIE7=true;
   }else if (ieversion>=6){
    var isIE6=true;
   }else if (ieversion>=5){
    var isIE5=true;
   } else {
   }
  }
  
}
    
function liveUpdaterUri(id, uri){
    function constructUri(){
        var separator = "?";
        if(uri.indexOf("?") >= 0)
            separator = "&";
        return uri + separator + "key=" + escape(document.getElementById(id).innerHTML);
    }
    return liveUpdater(constructUri, function () {});
}

function liveUpdaterUriFunc(id, uri, postFunc, preFunc){
    function constructUri(){
        var separator = "?";
        if(uri.indexOf("?") >= 0)
            separator = "&";
        return uri + separator + "key=" + escape(document.getElementById(id).innerHTML);
    }
    return createLiveUpdaterFunction(constructUri, postFunc, preFunc);
}


function liveUpdater(uriFunc, postFunc, preFunc){
  if(!postFunc) postFunc = function () {};
  if(!preFunc) preFunc = function () {};
  return createLiveUpdaterFunction(uriFunc, postFunc, preFunc);
}

function recreateTR(parentElement, subtree){
  for(var i = parentElement.childNodes.length-1; i>=0; i--){
    parentElement.removeChild(parentElement.childNodes[i]);
  }
  for(var i=0; i<subtree.childNodes.length; i++){
    var cell = document.createElement(subtree.childNodes[i].nodeName);
    cell.innerHTML = flattenChildren(subtree.childNodes[i].childNodes)
    parentElement.appendChild(cell);
  }
}

function createLiveUpdaterFunction(uriFunc, postFunc, preFunc){
    var request = false;
    function update(){
        if(request){
         if(isIE){
          if(isIE5 || isIE6 || isIE7 || isIE8){
           if(request.readyState < 4){
	    request.abort();
	   }
	  }
         } else {
	  if(request.readyState < 4){
   	    request.abort();
          }
         }
        }
	if (window.XMLHttpRequest){
	 request = new XMLHttpRequest()
	} else {
	 if (window.ActiveXObject){
	  request = new ActiveXObject("Microsoft.XMLHTTP"); 
         }
	}
        preFunc();
        request.onreadystatechange = processRequestChange;
        var qrystr=uriFunc();
        request.open("GET",qrystr);
        request.send(null);
        return true;
    }

    function processRequestChange(){
      if(request.readyState == 4){
        var xmlDoc = request.responseXML
        var body = xmlDoc.getElementsByTagName("body");
        if(body.length>0){
          var nodes = body[0].childNodes;
          for(var i=0;i<nodes.length;i++){
            if(nodes[i].nodeType==1 && nodes[i].getAttribute("id")!=null){
              var id = nodes[i].getAttribute("id")
              if(isIE && nodes[i].nodeName == 'tr'){
                recreateTR(document.getElementById(id), nodes[i]);
              } else {
                document.getElementById(id).innerHTML = flattenChildren(nodes[i].childNodes)
              }
            }
          }
        }
        var scripts = xmlDoc.getElementsByTagName("script");
        for(var i=0;i<scripts.length;i++){
          if(scripts[i].firstChild!=null){
            var script = scripts[i].firstChild.nodeValue
            if(script != null){
              eval(script)
            }
          }
        }
        postFunc();
      }
    }
    return update;
}

function autocomplete(id, popupId, uri){
    var inputField = document.getElementById(id);
    var popup = document.getElementById(popupId);
    var options = new Array(); 
    var current = 0;
    var originalPopupTop = popup.offsetTop;
    var originalPopupLeft= popup.offsetLeft;
    if(isIE5 || isIE6){
    } else {
    	//originalPopupTop=originalPopupTop-16;
    }
    originalPopupTop=50;
    originalPopupLeft=500;
    function constructUri(){
        var separator = "?";
        if(uri.indexOf("?") >= 0)
            separator = "&";
        return uri + separator + "key=" + escape(inputField.value);
    }
   
    function hidePopup(){
      popup.style.visibility = 'hidden';
    }

    function handlePopupOver(){
      removeListener(inputField, 'blur', hidePopup);
    }
    
    function handlePopupOut(){
      if(popup.style.visibility == 'visible'){
        addListener(inputField, 'blur', hidePopup);
      }
    }
    
    function handleClick(e){
      inputField.value = eventElement(e).innerHTML;
      popup.style.visibility = 'hidden';
      inputField.focus();
    }
    
    function handleOver(e){
      options[current].className = '';
      current = eventElement(e).index;
      options[current].className = 'selected';
    }
    
    function post(){
        current = 0;
        options = popup.getElementsByTagName("li");
        if((options.length > 1) || (options.length == 1 && options[0].innerHTML != inputField.value)){
          setPopupStyles();
          for(var i = 0; i < options.length; i++){
            options[i].index = i;
            addOptionHandlers(options[i]);
          }
          options[0].className = 'selected';
        } else {
          popup.style.visibility = 'hidden';
        }
    }
  
    function setPopupStyles(){
      var maxHeight
      //popup.style.moveAbove('style2000');
      //popup.style.zIndex=0;
      if(isIE){
        maxHeight = 200;
        popup.style.left = '650px';
        popup.style.top = '50px';
        //popup.style.top = (originalPopupLeft + inputField.offsetLeft) + 'px';
        //popup.style.top = (originalPopupTop + inputField.offsetHeight) + 'px';
      } else {
        maxHeight = window.outerHeight/3;
      }
      if(popup.offsetHeight < maxHeight){
        popup.style.overflow = 'hidden';
      } else if(isMoz) {
        popup.style.maxHeight = maxHeight + 'px';
        popup.style.overflow = '-moz-scrollbars-vertical';
      } else {
        popup.style.height = maxHeight + 'px';
        popup.style.overflowY = 'auto';
      }
      popup.scrollTop = 0;
      popup.style.visibility = 'visible';
    }
    
    function addOptionHandlers(option){
      addListener(option, "click", handleClick);
      addListener(option, "mouseover", handleOver);
    }
    var updater = liveUpdater(constructUri, post);
    var timeout = false;
   
    function start(e) {
      if (timeout)
        window.clearTimeout(timeout);
      if(e.keyCode == 38){
        if(current > 0){
          options[current].className = '';
          current--;
          options[current].className = 'selected';
          options[current].scrollIntoView(false);
        }
      } else if(e.keyCode == 40) {
        if(current < options.length - 1) {
          options[current].className = '';
          current++;
          options[current].className = 'selected';
          options[current].scrollIntoView(false);
        }
      } else if(e.keyCode == 33) { //pgup
        if(current > 10){
          options[current].className = '';
          current=current-10;
          options[current].className = 'selected';
          options[current].scrollIntoView(false);
        } else {
          options[current].className = '';
          current=0;
          options[current].className = 'selected';
          options[current].scrollIntoView(false);
        }
      } else if(e.keyCode == 34) { //pgdown 
        if(current < options.length - 10) {
          options[current].className = '';
          current=current + 10;
          options[current].className = 'selected';
          options[current].scrollIntoView(false);
        } else {
          if(current < options.length) {
           options[current].className = '';
	   current=options.length-1;
	   options[current].className = 'selected';
	   options[current].scrollIntoView(false);
       	  }
        }
      } else if((e.keyCode == 13 || e.keyCode == 9) && (popup.style.visibility == 'visible')){
        inputField.value = options[current].innerHTML;
        popup.style.visibility = 'hidden';
        inputField.focus();
        if(isIE){
          event.returnValue = false;
        } else {
          e.preventDefault();
        }
      } else if(e.keyCode == 27) { //esc
        inputField.value ='';
        popup.style.visibility = 'hidden';
        inputField.focus();
        if(isIE){
          event.returnValue = false;
        } else {
          e.preventDefault();
        }
      } else {
        timeout = window.setTimeout(updater, 300);
      }
    }
  addKeyListener(inputField,start);
  addListener(popup,'mouseover',handlePopupOver);
  addListener(popup,'mouseout',handlePopupOut);
}

function eventElement(event){
  if(isMoz){
    return event.currentTarget;
  } else {
    return event.srcElement;
  }
}

function addKeyListener(element,listener){
  if (isSafari){
    element.addEventListener("keydown",listener,false);
  } else if (isMoz){
    element.addEventListener("keypress",listener,false);
  } else {
    element.attachEvent("onkeydown",listener);
  }
}

function addListener(element, type, listener){
  if(element.addEventListener){
    element.addEventListener(type, listener, false);
  } else {
    element.attachEvent('on' + type, listener);
  }
}

function removeListener(element, type, listener){
  if(element.removeEventListener){
    element.removeEventListener(type, listener, false);
  } else {
    element.detachEvent('on' + type, listener);
  }
}

function flatten(node){
	if(node.nodeType == 1){
		return '<' + node.nodeName + flattenAttributes(node) + '>' +
		flattenChildren(node.childNodes) + '</' + node.nodeName + '>';
	} else if(node.nodeType == 3) {
		return node.nodeValue;
	}
}

function flattenAttributes(node){
  var buffer = ''
  for(var i=0;i<node.attributes.length;i++){
    var attribute = node.attributes[i]
    buffer += ' '+attribute.name+'="'+attribute.value+'"'
  }
  return buffer;
}
function flattenChildren(nodes){
	var buffer = '';
	if(nodes.length > 0){
		for (var i=0;i<nodes.length;i++){
			buffer += flatten(nodes[i]);
		}
	}
	return buffer;
}