var ranks = new Array();

function mouseover(btn, hint) {
	document.images[btn].src = 'images/'+btn+'_.gif';
	if(hint && document.images['btns']!=null) 
		document.images['btns'].src = 'images/'+hint+'.gif';
}

function mouseout(btn) {
	document.images[btn].src = 'images/'+btn+'.gif';
	if(document.images['btns']!=null) 
		document.images['btns'].src = 'images/request.gif';
}

function preloadImages() {
	if (document.images) {
		if (!document.prePics) document.prePics = new Array();
		var argv = preloadImages.arguments, i, j = document.prePics.length;
		for (i = 0; i < argv.length; ++i) {
			document.prePics[j] = new Image;
			document.prePics[j++].src = argv[i];
		}
	}
}

var resize1 = false;
var resize2 = false;
var resize3 = false;

function resizePics() {
	if (navigator.userAgent.indexOf("Safari") == -1) return;

	var obj,w1,w2;
	obj = document.images['top_names']; w1 = 179; w2 = 360;
	if (resize1 && obj) {
		if (obj.src.indexOf('_.gif') != -1) obj.width = w2;
		else obj.width = w1;
	}
	obj = document.images['name_smithing']; w1 = 227; w2 = 340;
	if (resize2 && obj) {
		if (obj.src.indexOf('_.gif') != -1) obj.width = w2;
		else obj.width = w1;
	}
	obj = document.images['whats_in_a_name']; w1 = 261; w2 = 360;
	if (resize3 && obj) {
		if (obj.src.indexOf('_.gif') != -1) obj.width = w2;
		else obj.width = w1;
	}
	obj = document.images['cn_quick']; w1 = 221; w2 = 360;
	if (resize1 && obj) {
		if (obj.src.indexOf('_.gif') != -1) obj.width = w2;
		else obj.width = w1;
	}
	obj = document.images['cn_request']; w1 = 264; w2 = 360;
	if (resize2 && obj) {
		if (obj.src.indexOf('_.gif') != -1) obj.width = w2;
		else obj.width = w1;
	}
}

function getElem(elemName) {
	var obj = null;
	if (typeof(elemName) != 'string') return elemName;
	if (!obj && document.getElementById) obj = document.getElementById(elemName);
	if (!obj && document.all) obj = document.all[elemName];
	if (!obj && document.layers) obj = document.layers(elemName);
	if (!obj && eval('document.'+elemName)) obj = eval('document.'+elemName);
	return obj;
}

function centrify(obj, w, h) {
	var cx = 0, cy = 0, offsetX = 0, offsetY = 0;

	if (typeof(window.innerWidth) == 'number') {
		// Non-IE
		cx = window.innerWidth;
		cy = window.innerHeight;
	} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
		// IE 6 standards compliant mode
		cx = document.documentElement.clientWidth;
		cy = document.documentElement.clientHeight;
	} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
		// IE 4 compatible
		cx = document.body.clientWidth;
		cy = document.body.clientHeight;
	}

	if (typeof(window.pageYOffset) == 'number') {
		// Netscape compliant
		offsetX = window.pageXOffset;
		offsetY = window.pageYOffset;
	} else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
		// DOM compliant
		offsetX = document.body.scrollLeft;
		offsetY = document.body.scrollTop;
	} else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
		// IE6 standards compliant mode
		offsetX = document.documentElement.scrollLeft;
		offsetY = document.documentElement.scrollTop;
	}

	obj.style.left = (cx - w) / 2 + offsetX;
	obj.style.top = (cy - h) / 2 + offsetY;
}

function setPosition(obj, x, y, w, h) {
	var cx = 0, cy = 0, offsetX = 0, offsetY = 0;

	if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
		// IE 6 standards compliant mode
		cx = document.documentElement.clientWidth;
		cy = document.documentElement.clientHeight;
	} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
		// IE 4 compatible
		cx = document.body.clientWidth;
		cy = document.body.clientHeight;
	} else {
		// Non-IE
		cx = window.innerWidth;
		cy = window.innerHeight;
	} 

	if (typeof(window.pageYOffset) == 'number') {
		// Netscape compliant
		offsetX = window.pageXOffset;
		offsetY = window.pageYOffset;
	} else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
		// DOM compliant
		offsetX = document.body.scrollLeft;
		offsetY = document.body.scrollTop;
		x += offsetX;
		y += offsetY;
	} else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
		// IE6 standards compliant mode
		offsetX = document.documentElement.scrollLeft;
		offsetY = document.documentElement.scrollTop;
		x += offsetX;
		y += offsetY;
	}

	w /= 2;
	if (x - w < offsetX) x = w + offsetX;
	if (x + w > cx + offsetX) x = cx + offsetX - w;
	if (y + h > cy + offsetY) y = cy + offsetY - h;

	obj.style.left = x - w;
	obj.style.top = y;
}