function displayElem(ID){
		if(TheElement = Elements[ID]){
		document.getElementById('elemIMG').innerHTML = '<img src="'+TheElement[0]+'" alt="'+TheElement[1]+'">'
		document.getElementById('elemHP').innerHTML = TheElement[2][0]
		document.getElementById('elemMP').innerHTML = TheElement[2][1]
		document.getElementById('elemSTR').innerHTML = TheElement[2][2]
		document.getElementById('elemDEF').innerHTML = TheElement[2][3]
		}
	}

	function RPGProfile(){

	Content = "<div class='pformstrip'><center><b>Tu Perfil de RPG</b></center></div>"
	Content += "<table width='100%'>"

	Content += "<tr>"
	Content += "<td class='pformleft'><b>Nombre (RPG)</b></td>"
	Content += "<td class='pformright'><input type='text' maxlength='30' id='rpgname' "
	Content += "value='"+GrabRPGSetting('Name',RPGData, 'None')+"' class='forminput'/></td>"
	Content += "</tr>"

	rAvatar = GrabRPGSetting('Avatar',RPGData, '')

		if(rAvatar != ''){
		exeAvatar = " <img src='"+rAvatar+"' alt='"+GrabRPGSetting('Name',RPGData, 'None')+"'>"
		} else {
		exeAvatar = ""
		}

	Content += "<tr>"
	Content += "<td class='pformleft'><b>Vinculo de tu Avatar</b><br />(Dejalo en blanco para no tener)</td>"
	Content += "<td class='pformright'><input type='text' id='rpgavatar' "
	Content += "value='"+rAvatar+"' class='forminput'/>"+exeAvatar+"</td>"
	Content += "</tr>"

	// Build Class
	rclass = "<select id='rpgclass'>"
		for(c=0;c<Class.length;c++){
			if(c == GrabRPGSetting('Class',RPGData, 'None')){
			rclass += "<option value='"+c+"' selected>"+Class[c]+"</option>"
			} else {
			rclass += "<option value='"+c+"'>"+Class[c]+"</option>"
			}
		}

	rclass += "</select>"

	Content += "<tr>"
	Content += "<td class='pformleft'><b>Clase de tu personaje</b></td>"

	// Have items for this class? - You can't change then
	Inventory = GrabRPGSetting('Items',RPGData, '')

	UsingClassItem = 0

		if(Inventory != ''){
		Inventory = explode("|", Inventory)
			for(i=0;i<Inventory.length;i++){
				if(Items[Inventory[i]][0] == GrabRPGSetting('Class',RPGData, 'None')){
				UsingClassItem++
				}
			}
		}


		if(UsingClassItem == 0){
		Content += "<td class='pformright'>"+rclass+"<br />(Cambiar de la Clase a tu personaje ocacionara una perdida completa de sus Hechizos)</td>"
		} else {
		Content += "<td class='pformright'>Imposible cambiar la Clase de tu personaje<br />"
		Content += "(Actualmente tienes items solo para tu Clase, necesitas venderlos para poder cambiar tu Clase)</td>"
		}

	Content += "</tr>"

	
	// Build Elements
	elemDisp = "<select id='rpgelem' onchange='displayElem(this.options[this.options.selectedIndex].value)'>"
		for(e=0;e<Elements.length;e++){
			if(e == GrabRPGSetting('Element', RPGData, 'None')){
			elemDisp += "<option value='"+e+"' selected>"+Elements[e][1]+"</option>"
			} else {
			elemDisp += "<option value='"+e+"'>"+Elements[e][1]+"</option>"
			}
		}
	elemDisp += "</select>"

	Content += "<tr>"
	Content += "<td class='pformleft'><b>Elemento</b></td>"
	Content += "<td class='pformright'>"+elemDisp+"</td>"
	Content += "</tr>"

	Content += "</table>"

	Content += "<div class='pformstrip'>Información de los Elementos</div>"
	Content += "<table width='100%'>"

	Content += "<tr>"
	Content += "<td class='titlemedium' align='center' width='50%'><b>Imagen del Elemento</b></td>"
	Content += "<td class='titlemedium' width='1%' align='center'><b>HP+</b></td>"
	Content += "<td class='titlemedium' width='1%' align='center'><b>MP+</b></td>"
	Content += "<td class='titlemedium' width='1%' align='center'><b>STR+</b></td>"
	Content += "<td class='titlemedium' width='1%' align='center'><b>DEF+</b></td>"
	Content += "</tr>"

	Content += "<tr>"
	Content += "<td class='row4' align='center' id='elemIMG' width='50%'></td>"
	Content += "<td class='row3' width='1%' align='center' id='elemHP'></td>"
	Content += "<td class='row3' width='1%' align='center' id='elemMP'></td>"
	Content += "<td class='row3' width='1%' align='center' id='elemSTR'></td>"
	Content += "<td class='row3' width='1%' align='center' id='elemDEF'></td>"
	Content += "</tr>"



	Content += "<tr>"
	Content += "<td class='pformstrip' align='center' colspan='5'>"
	Content += "<input type='button' value='Update RPG Profile' class='forminput' onClick='saveProfile();' /></td>"
	Content += "</tr>"
	Content += "</table>"

	BuildRPGDisplay("Perfil del RPG", Content);
	displayElem(document.getElementById('rpgelem').options[document.getElementById('rpgelem').options.selectedIndex].value)
	}



	function saveProfile(){
	NewData = RPGData
	NewData = SwapRPGSetting('Name', NewData, document.getElementById('rpgname').value.replace(' ','_'))
	NewData = SwapRPGSetting('Avatar', NewData, document.getElementById('rpgavatar').value)

	// Have items for this class? - You can't change then
	Inventory = GrabRPGSetting('Items',RPGData, '')

	UsingClassItem = 0

		if(Inventory != ''){
		Inventory = explode("|", Inventory)
			for(i=0;i<Inventory.length;i++){
				if(Items[Inventory[i]][0] == GrabRPGSetting('Class',RPGData, 'None')){
				UsingClassItem++
				}
			}
		}

		

		if(UsingClassItem == 0){

			if(document.getElementById('rpgclass').options[document.getElementById('rpgclass').options.selectedIndex].value != GrabRPGSetting("Class",RPGData,"")){
			NewData = SwapRPGSetting('Spells',NewData,'')
			}

		NewData = SwapRPGSetting('Class', NewData, document.getElementById('rpgclass').options[document.getElementById('rpgclass').options.selectedIndex].value)

		

		}
	elVal = document.getElementById('rpgelem').options[document.getElementById('rpgelem').options.selectedIndex].value
	NewData = SwapRPGSetting('Element', NewData, elVal)

	ReBuildData(NewData)
	}

RPGProfile()