function view_item(id)
{
	cur_gender = 1;
	cur_race = 0;	
	document.location.hash = 'itemsTop';
	var container = document.getElementById('item_container');
	prev_content = container.innerHTML;
	var output = '<div id="itemWrapper">' +
				 '<div id="itemTitle"><div><img src="./images/item_icons/item_' + id + '.jpg" onerror="this.src=\'./images/item_icons/noicon.jpg\';" /></div><div style="margin-top: 7px; margin-left: 10px; color: #000000;">' + my_items[id].name + '</div></div>' +
				 '<div id="itemImage">' +
				 	'<div><a href="javascript: close_item(\'' + id + '\');"><img id="itemScreen" src="./images/item_screens/' + id + '/' + id + '_0_1.jpg" width="451" height="600" border="0" onerror="this.src=\'./images/item_screens/nopic.jpg\';" alt="Back" title="Back" ></a></div>' +
				 	'<div id="screenNav">' + gender_select(id) + ' ' + race_select(id) + '</div>' +
				 '</div>' +
				 '</div>' +
				 '<div id="itemBack">[ <a href="javascript: close_item(\'' + id + '\');">Back</a> ]</div>';
	container.innerHTML = output;
}

function gender_select(id)
{
	var output = '<select name="genderSelect" onchange="swap_screen(\'' + id + '\', this.options[this.selectedIndex].value, cur_race);">' +
				 '<option value="1">Female</option>' +
				 '<option value="2">Male</option>' +
				 '</select>';
	return output;
}

function race_select(id)
{
	var output = '<select name="raceSelect" onchange="swap_screen(\'' + id + '\', cur_gender, this.options[this.selectedIndex].value);">' +
				 '<option value="0">Human</option>' +
				 '<option value="5">Human Mystic</option>' +
				 '<option value="1">Elf</option>' +
				 '<option value="2">Dark Elf</option>' +
				 '<option value="3">Orc</option>' +
				 '<option value="4">Dwarf</option>' +
				 '</select>';
	return output;
}

function swap_screen(id, gender, race)
{
	cur_gender = new String(gender);
	cur_race = new String(race);
	document.getElementById("itemScreen").src = './images/item_screens/' + id + '/' + id + '_' + cur_race + '_' + cur_gender + '.jpg';
}

function close_item(id)
{
	document.getElementById('item_container').innerHTML = prev_content;
	document.location.hash = 'item' + id;
}

var prev_content = '';