// JavaScript Document

// changes the state of the tab when the user rolls over it
function tabRoll (tab,toggle) {
	var whichTab = tab+1;
	
	if (toggle == 1) {
		var temp = tabLabels[tab] + "_on.gif";
	} else {
		// don't change the tab if you are on the current page
		if (split2[0] == whichTab) {
			var temp = tabLabels[tab] + "_on.gif";
		} else {
			var temp = tabLabels[tab] + "_off.gif";
		}
	}
	return temp;
}

// sets the tab of the current page to the on state
function currPage(num) {
	var temp = "account"+num;
	var temp2 = "/my_account/images/" + tabLabels[eval(num-1)] + "_on.gif";
	document.getElementById(temp).src = temp2;
}

var url = location.href;
var split1 = url.split("account_services");
var split2 = split1[1].split(".");

var tabLabels = new Array();
tabLabels[0] = 'tab_namechange';
tabLabels[1] = 'tab_genderchange';
tabLabels[2] = 'tab_serverxfer';
tabLabels[3] = 'tab_accountfaq';

var tmpStr = '';

//tmpStr += '<table border="0" cellspacing="0" cellpadding="0" width="504" align="center">';
tmpStr += '<table border="0" cellspacing="0" cellpadding="0" align="center">';
tmpStr += '<tr>';
tmpStr += '<td width="13"></td>';
tmpStr += '<td><a href="/my_account/account_services1.html" onmouseover="document.account1.src=\'/my_account/images/' + tabRoll(0,1) + '\'" onmouseout="document.account1.src=\'/my_account/images/' + tabRoll(0,0) + '\'" onfocus="blur()"><img src="/my_account/images/tab_namechange_off.gif" name="account1" width="110" height="25" border="0" id="account1" /></a></td>';
tmpStr += '<td><a href="/my_account/account_services2.html" onmouseover="document.account2.src=\'/my_account/images/' + tabRoll(1,1) + '\'" onmouseout="document.account2.src=\'/my_account/images/' + tabRoll(1,0) + '\'" onfocus="blur()"><img src="/my_account/images/tab_genderchange_off.gif" name="account2" width="110" height="25" border="0" id="account2" /></a></td>';
tmpStr += '<td><a href="/my_account/account_services3.html" onmouseover="document.account3.src=\'/my_account/images/' + tabRoll(2,1) + '\'" onmouseout="document.account3.src=\'/my_account/images/' + tabRoll(2,0) + '\'"><img src="/my_account/images/tab_serverxfer_off.gif" name="account3" border="0" id="account3" /></a></td>';
tmpStr += '<td><a href="/my_account/account_services4.html" onmouseover="document.account4.src=\'/my_account/images/' + tabRoll(3,1) + '\'" onmouseout="document.account4.src=\'/my_account/images/' + tabRoll(3,0) + '\'"><img src="/my_account/images/tab_accountfaq_off.gif" name="account4" border="0" id="account4" /></a></td>';
tmpStr += '<td width="7"></td>';
tmpStr += '</tr>';
tmpStr += '</table>';

document.write(tmpStr);

currPage(split2[0]);