// javascript for dealing with DHTML

function getBrowser(){
// return string name of browser
	return navigator.appName;
}

function toggleDisplay(itemID,stateIE,stateFF,itemX,itemY){
	// toggle display property based on browser
	// itemID:	Sting, id="xxxxx" set in html
	// state:	String, current state of display property, 'none' is hidden
	var e = document.getElementById(itemID);
	var state = e.style.display;
	  if ( state  == 'none'){
	    if ( getBrowser() == 'Microsoft Internet Explorer' ){
	      if ( stateIE == null ){
	      	e.style.display = 'block';
	      }else{
	      	e.style.display = stateIE;
	      }
	    }else{
	      if ( stateFF == null ){
	      	e.style.display = 'block';
	      }else{
	      	e.style.display = stateFF;
	      }
	    }
	    if (itemX && itemY){
	    e.style.left = itemX + 'px';
	    e.style.top = itemY + 'px';
	    }    
	  }else{
	    e.style.display = 'none';
	  }
}

function setDisplay(itemID,stateIE,stateFF){
	// set display property
	// itemID:	Sting, id="xxxxx" set in html
	// stateIE:	String, current state of display property used for IE , 'none' is hidden
	// stateFF:	String, current state of display property used for Firefox/Mozilla , 'none' is hidden	
	
  if ( getBrowser() == 'Microsoft Internet Explorer' ){
      eval("document.getElementById('" + itemID + "').style.display = '" + stateIE + "'");
    }else{
      eval("document.getElementById('" + itemID + "').style.display = '" + stateFF + "'");;
    }
}

function test(){
	var s = document.getElementById("citySelector");
	var v = s.options[s.selectedIndex].value;
	alert(v);
}

function getSelectValue(selectID){
	var selector = eval("document.getElementById('" + selectID + "')");
	var selectorValue = selector.options[selector.selectedIndex].value;
	return selectorValue;
}

function setTextValue(textID,textValue){
	var textbox = eval("document.getElementById('" + textID + "')");
	textbox.value = textValue;
}