// External JavaScript File

// Changes opacity of element
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
} 

function infoShow(txt) {
document.getElementById("infoBar").innerHTML = txt;
}


function showHide(obj, id) {
  var txt;
  txt = obj.options[obj.selectedIndex].value;
	if ( txt == "Yes" ) {
	document.getElementById(id).style.display = 'block';
	} else {
	document.getElementById(id).style.display = 'none';
	}
}


function textFieldFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function textFieldBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}


function textAreaFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textarea_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function textAreaBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textarea_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}

function textFieldPoundFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_pound_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function textFieldPoundBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_pound_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}

function textFieldMediumFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_medium_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function textFieldMediumBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_medium_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}

function textFieldSmallFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_small_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function textFieldSmallBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_small_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}

function dropDownSmallFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_small_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function dropDownSmallBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_small_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}

function dropDownMediumFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_medium_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function dropDownMediumBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/textfield_medium_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}

function dropDownFocus(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/dropdown_bg_hover.gif")';
	document.getElementById(id).style.color = '#EEEEEE';
}
function dropDownBlur(id, rel) {
	document.getElementById(id).style.background = 'url("' + rel + 'images/dropdown_bg.gif")';
	document.getElementById(id).style.color = '#FFFFFF';
}


function buttonMouseOver(id, rel) {
	document.getElementById(id).style.background = 'url("images/' + rel + '")';
}
function buttonMouseOut(id, rel) {
	document.getElementById(id).style.background = 'url("images/' + rel + '")';
}