$(document).ready(function()
{
	$('#mpreview').attr("src", "images/pregen/female_black_yellow.png");
	
	$('#gender').change(function()
	{
		$('#mpreview').attr("src", "images/layout3/newaccount_loading.png");
		$('#mpreview').attr("src", evalPreview());
	});
	
	$('#catcolor').change(function()
	{
		$('#mpreview').attr("src", "images/layout3/newaccount_loading.png");
		$('#mpreview').attr("src", evalPreview());
	});
	
	$('#eyecolor').change(function()
	{
		$('#mpreview').attr("src", "images/layout3/newaccount_loading.png");
		$('#mpreview').attr("src", evalPreview());
	});
});

function evalPreview()
{
		var gender = $('#gender').val();
		var base = $('#catcolor').val();
		var eyes = $('#eyecolor').val();
		var newurl = "images/pregen/";
		
		if(gender == 0) newurl = newurl + "female";
		else newurl = newurl + "male";
			
		newurl = newurl + "_";
			
		if(base == 0) newurl = newurl + "black";
		else if(base == 1) newurl = newurl + "gray";
		else if(base == 2) newurl = newurl + "white";
		else newurl = newurl + "brown";
			
		newurl = newurl + "_";
			
		if(eyes == 0) newurl = newurl + "yellow";
		else if(eyes == 1) newurl = newurl + "blue";
		else if(eyes == 2) newurl = newurl + "green";
		else newurl = newurl + "brown";
			
		newurl = newurl + ".png";
		
    return newurl;
}