var selected = 0;
var pics = Array("02_01.gif","02_02.gif","02_03.gif","02_04.gif","02_05.gif","02_06.gif","02_07.gif","02_08.gif");
var ch_pics = Array("02_01_2.gif","02_02_2.gif","02_03_2.gif","02_04_2.gif","02_05_2.gif","02_06_2.gif","02_07_2.gif","02_08_2.gif");

$(document).ready(function() {
	SetCharacter(1);
	$("#Select01").focus();
});


function SetCharacter(id) {
	for(var i = 1; i <= 8; i++) {
		$("#Char0" + i).attr("src", "imsges/" + pics[i - 1]);	
	}
	$("#Char0" + id).attr("src", "imsges/" + ch_pics[id - 1]);
	selected = id;
}

function OnMouseOver(id) {
	if(id != selected) {
		$("#Char0" + id).attr("src", "imsges/" + ch_pics[id - 1]);
	}
}

function OnMouseOut(id) {
	if(id != selected) {
		$("#Char0" + id).attr("src", "imsges/" + pics[id - 1]);
	}
}

function SendSetting() {
	document.frmLogin.Username.value = $("#_user").val();
	document.frmLogin.Password.value = $("#_pass").val();
	document.frmLogin.Character.value = selected;
	document.frmLogin.submit();
}


/*
 * onkeyup="SendAnswer(event);"
 */
function SendAnswer(e) {
	var key = (window.event)? e.keyCode : e.which;
		switch (key) {
			case 97:
			case 49:
				SendSetting();
			break;
			case 98:
			case 50:
				window.location.href="/";
			break;			
		}
	
}