var SecCodeField; var mousex = 0; var mousey = 0;
var FuckingForm = '';
document.onmousemove = getMouseXY;

function getMouseXY(e) { 
    if (!e) e = window.event;
    
    if (e) { 
        if (e.pageX || e.pageY) {
            mousex = e.pageX; mousey = e.pageY;
        } else if (e.clientX || e.clientY) {
            mousex = e.clientX + document.body.scrollLeft;
            mousey = e.clientY + document.body.scrollTop;
        }
    }
}

function SecurityPAD(codefield) {
    SecCodeField = codefield;
    document.getElementById(codefield).value = '';
    document.getElementById('SecurityPAD').style.left = (document.body.scrollWidth / 2 - 68) + 'px';
    document.getElementById('SecurityPAD').style.top = (document.body.scrollHeight / 2 - 100) + 'px';
    document.getElementById('SecurityPAD').style.visibility = 'visible';
}

function SecurityPAD2(codefield, form) {
    FuckingForm = form; SecurityPAD(codefield);
}

function addkey(valor) {
    document.getElementById('rs').value += valor;
    if (document.getElementById('rs').value.length == 5) {
        document.getElementById(SecCodeField).value = document.getElementById('rs').value;
	document.getElementById('rs').value = '';
	document.getElementById('SecurityPAD').style.visibility = 'hidden';
	if (FuckingForm != '') FuckingForm.submit();
    }
}

function close1() {
    window.parent.document.getElementById('AlertMSG').style.visibility='hidden';
}

function close2() {
    window.parent.document.getElementById('AlertMSG').style.visibility='hidden';
    var temp = window.parent.location;
    window.parent.location = temp;
}

function chorga() {
    alert('reputa madre');
}

mover = function (ventana) {
    var estoyoffsetX = window.event.x - parseInt(document.getElementById(ventana).style.left);
    var estoyoffsetY = window.event.y - parseInt(document.getElementById(ventana).style.top);
    document.onmouseup = function() { document.onmousemove = null; }
    document.onmousemove = function() {
	document.getElementById(ventana).style.left = window.event.x - parseInt(estoyoffsetX) + 'px';
        document.getElementById(ventana).style.top = window.event.y - parseInt(estoyoffsetY) + 'px';
    }
}

function showname2(name) {
    document.getElementById('charname').value = name;
}

var varrace = 'all'; var vartype = 'all'; var varclass = 'all'; var varsex = 'all';

function makerace() {
    var html = '';
    html += '<select class="ladder-sel" id="sel-race" onChange="settype(); setclass()">';
    html += '<option value="all">Todas</option>';
    html += '<option value="0">Human</option>';
    html += '<option value="1">Elf</option>';
    html += '<option value="2">Dark Elf</option>';
    html += '<option value="3">Orc</option>';
    html += '<option value="4">Dwarf</option>';
    html += '</select>';
    return html;
}
    
function maketype() {
    var html = '';
    if (varrace == 'all') { var warrior = 'all'; var mage = 'all'; }
    if (varrace == 0) { var warrior = 0; var mage = 10; }
    if (varrace == 1) { var warrior = 18; var mage = 25; }
    if (varrace == 2) { var warrior = 31; var mage = 38; }
    if (varrace == 3) { var warrior = 44; var mage = 49; }
    if (varrace == 4) { var warrior = 53; var mage = 53; }
    
    html += '<select class="ladder-sel" id="sel-type" onChange="setclass()">';
    html += '<option value="all">Todos</option>';
    html += '<option value="'+ warrior + '">Warrior</option>';
    html += '<option value="'+ mage +'">Mage</option>';
    html += '</select>';
    return html;
}

function makesex() {
    var html = '';
    html += '<select class="ladder-sel" id="sel-sex">';
    html += '<option value="all">Todos</option>';
    html += '<option value="0">Male</option>';
    html += '<option value="1">Female</option>';
    html += '</select>';
    return html;
}

function makeclass() {
    var html = '';
    html += '<select class="ladder-sel" id="sel-class" onChange="setrace()">';
    html += '<option value="' + vartype + '">Todos</option>';
    if (varrace == 'all' || varrace == 0) {
	if (vartype == 'all' || vartype == 0 || vartype == 'w') {
	    html += '<option value="1">Human Warrior</option>';
	    html += '<option value="2">Gladiator</option>';
	    html += '<option value="3">Warlord</option>';
	    html += '<option value="4">Knight</option>';
	    html += '<option value="5">Paladin</option>';
	    html += '<option value="6">Dark Avenger</option>';
	    html += '<option value="7">Rogue</option>';
	    html += '<option value="8">Treasure Hunter</option>';
	    html += '<option value="9">Hawkeye</option>';
	    html += '<option value="88">Duelist</option>';
	    html += '<option value="89">Dreadnought</option>';
	    html += '<option value="90">Phoenix Knight</option>';
	    html += '<option value="91">Hell Knight</option>';
	    html += '<option value="92">Sagittarius</option>';
	    html += '<option value="93">Adventurar</option>';
	    
	}
	if (vartype == 'all' || vartype == 10 || vartype == 'm') {
	    html += '<option value="11">Human Wizard</option>';
	    html += '<option value="12">Sorcerer</option>';
	    html += '<option value="13">Necromancer</option>';
	    html += '<option value="14">Warlock</option>';
	    html += '<option value="15">Cleric</option>';
	    html += '<option value="16">Bishop</option>';
	    html += '<option value="17">Prophet</option>';
	    html += '<option value="94">Archmage</option>';
	    html += '<option value="95">Soultaker</option>';
	    html += '<option value="96">Arcana Lord</option>';
	    html += '<option value="97">Cardinal</option>';    
	    html += '<option value="98">Hierophant</option>';
	}
    }
    if (varrace == 'all' || varrace == 1) {
	if (vartype == 'all' || vartype == 18 || vartype == 'w') {
	    html += '<option value="19">Elf Knight</option>';
	    html += '<option value="20">Temple Knight</option>';
	    html += '<option value="21">Swordsinger</option>';
	    html += '<option value="22">Scout</option>';
	    html += '<option value="23">Plainswalker</option>';
	    html += '<option value="24">Silver Ranger</option>';
	    html += '<option value="99">Evas Templar</option>';
	    html += '<option value="100">Sword Muse</option>';
	    html += '<option value="101">Wind Rider</option>';
	    html += '<option value="102">Moonlight Sentinel</option>';
	}
	if (vartype == 'all' || vartype == 25 || vartype == 'm') {
	    html += '<option value="26">Elf Wizard</option>';
	    html += '<option value="27">SpellSinger</option>';
	    html += '<option value="28">Elemental Summoner</option>';
	    html += '<option value="29">Oracle</option>';
	    html += '<option value="30">Elder</option>';
	    html += '<option value="103">Mystic Muse</option>';
	    html += '<option value="104">Elemental Master</option>';
	    html += '<option value="105">Evas Saint</option>';
	}
    }
    if (varrace == 'all' || varrace == 2) {
	if (vartype == 'all' || vartype == 31 || vartype == 'w') {
	    html += '<option value="32">Palus Knight</option>';
	    html += '<option value="33">Shillien Knight</option>';
	    html += '<option value="34">Bladedancer</option>';
	    html += '<option value="35">Assassin</option>';
	    html += '<option value="36">Abyss Walker</option>';
	    html += '<option value="37">Phantom Ranger</option>';
	    html += '<option value="106">Shillien Templar</option>';
	    html += '<option value="107">Spectral Dancer</option>';
	    html += '<option value="108">Ghost Hunter</option>';
	    html += '<option value="108">Ghost Sentinel</option>';
	}
	if (vartype == 'all' || vartype == 38 || vartype == 'm') {
	    html += '<option value="39">Dark Elf Wizard</option>';
	    html += '<option value="40">SpellHowler</option>';
	    html += '<option value="41">Phantom Summoner</option>';
	    html += '<option value="42">Shillien Oracle</option>';
	    html += '<option value="43">Shillien Elder</option>';
	    html += '<option value="110">Storm Screamer</option>';
	    html += '<option value="111">Spectral Master</option>';
	    html += '<option value="112">Shillien Saint</option>';
	}
    }
    if (varrace == 'all' || varrace == 3) {
	if (vartype == 'all' || vartype == 44 || vartype == 'w') {
	    html += '<option value="45">Raider</option>';
	    html += '<option value="46">Destroyer</option>';
	    html += '<option value="47">Monk</option>';
	    html += '<option value="48">Tyrant</option>';
	    html += '<option value="113">Titan</option>';
	    html += '<option value="114">Grand Khavatari</option>';
	}
	if (vartype == 'all' || vartype == 49 || vartype == 'm') {
	    html += '<option value="50">Shaman</option>';
	    html += '<option value="51">Overlord</option>';
	    html += '<option value="52">Warcryer</option>';
	    html += '<option value="115">Dominator</option>';
	    html += '<option value="116">Doomcryer</option>';
	}
    }
    if (varrace == 'all' || varrace == 4) {
	if (vartype == 'all' || vartype == 53 || vartype == 'w') {
	    html += '<option value="54">Scavenger</option>';
	    html += '<option value="55">Bounty Hunter</option>';
	    html += '<option value="56">Artisan</option>';
	    html += '<option value="57">Warsmith</option>';
	    html += '<option value="113">Fortune Seeker</option>';
	    html += '<option value="114">Maestro</option>';
	}
    }
    html += "</select>";
    return html;
}

function drawsel() {
    document.getElementById('div-race').innerHTML = makerace();
    document.getElementById('div-type').innerHTML = maketype();
    document.getElementById('div-class').innerHTML = makeclass();
    document.getElementById('div-sex').innerHTML = makesex();

}

function setrace() {
    var v = document.getElementById('sel-class').value;
    if ((v >= 1 && v <= 9) || (v >= 88 && v <= 93)) { document.getElementById('sel-race').value = 0; settype(); document.getElementById('sel-type').value = 0; }
    if ((v >= 11 && v <= 17) || (v >= 94 && v <= 98)) { document.getElementById('sel-race').value = 0; settype(); document.getElementById('sel-type').value = 10; }
    if ((v >= 19 && v <= 24) || (v >= 99 && v <= 102)) { document.getElementById('sel-race').value = 1; settype(); document.getElementById('sel-type').value = 18; }
    if ((v >= 26 && v <= 30) || (v >= 103 && v <= 105)) { document.getElementById('sel-race').value = 1; settype(); document.getElementById('sel-type').value = 25; }
    if ((v >= 32 && v <= 37) || (v >= 106 && v <= 108)) { document.getElementById('sel-race').value = 2; settype(); document.getElementById('sel-type').value = 31; }
    if ((v >= 39 && v <= 43) || (v >= 110 && v <= 112)) { document.getElementById('sel-race').value = 2; settype(); document.getElementById('sel-type').value = 38; }
    if ((v >= 45 && v <= 48) || (v >= 113 && v <= 114)) { document.getElementById('sel-race').value = 3; settype(); document.getElementById('sel-type').value = 44; }
    if ((v >= 50 && v <= 52) || (v >= 115 && v <= 116)) { document.getElementById('sel-race').value = 3; settype(); document.getElementById('sel-type').value = 49; }
    if ((v >= 54 && v <= 57) || (v >= 113 && v <= 114)) { document.getElementById('sel-race').value = 4; settype(); document.getElementById('sel-type').value = 53; }
    setclass(); document.getElementById('sel-class').value = v;
}

function settype() {
    varrace = document.getElementById('sel-race').value;
    document.getElementById('div-type').innerHTML = maketype();
}

function setclass() {
    vartype = document.getElementById('sel-type').value;
    varrace = document.getElementById('sel-race').value;
    document.getElementById('div-class').innerHTML = makeclass();
}

function showname(name) {
    if (name != '') {
        document.getElementById('charname').style.visibility = 'hidden';
        document.getElementById('charname').style.left = mousex - 45;
        document.getElementById('charname').style.top = mousey - 25;
        document.getElementById('charname').value = name;
        document.getElementById('charname').style.zIndex = 1;
        document.getElementById('charname').style.visibility = 'visible';
        document.getElementById('charname').style.visibility = 'hidden';
        document.getElementById('charname').style.visibility = 'visible';
    } else {
        document.getElementById('charname').style.visibility = 'hidden';
    }
}