// thanks again to: http://www.quirksmode.org/js/opacity.html -- for the following function!
function setOpacity(testObj,value) { // value ranges from 0 to 10.
	testObj.style.opacity = value/10; //opacity is for Mozilla and Safari
	testObj.style.filter = 'alpha(opacity=' + value*10 + ')'; // filter is for Explorer
}

//
// --BEGIN: Manage rollover states for hair gallery thumbs
//
var hState='undefined';

function hTabOut(t) { // onMouseOut function
if (hState == t) return;
if (hState == 'undefined') {
var n=document.getElementById(t); 
setOpacity(n,10); // off
}
else {
var n=document.getElementById(t);
setOpacity(n,10); // off
var m=document.getElementById(hState);
m.src="img/25x25-green.gif"; // on
};
}

function hTabOver(t) { // onMouseOver function
if (hState == t) return;
if (hState == 'undefined') {
var n=document.getElementById(t);
setOpacity(n,5); // on
}
else {
var m=document.getElementById(t);
setOpacity(m,5); // on
};
}

function hTabClick(t) { // onClick function
if (hState == t) return;
if (hState == 'undefined') {
var n=document.getElementById(t);
n.src="img/25x25-green.gif"; // on
setOpacity(n,10);
hState=t;
}
else {
var n=document.getElementById(hState);
n.src="p/hair_thumbs/" + (hState+1) + ".jpg"; // off // (hState+1) instead of hState because hair thumbs series starts with 1.jpg instead of 0.jpg
var m=document.getElementById(t);
m.src="img/25x25-green.gif"; // on
setOpacity(m,10);
hState=t;
};
}

function hTabReset() { // reset tabs to initial setting
if (hState == 'undefined') return;
var n=document.getElementById(hState);
n.src="p/hair_thumbs/" + hState + ".jpg"; // off
hState='undefined';
}
//
// --END: Manage rollover states for hair gallery thumbs
//