
var factionSelect = $('#faction');
var raceSelect = $('#race');
var classeSelect = $('#classe');


function factionToRace (val, where)
{
	if (val == 'a')
		options = '<option value="0">Toutes</option><option value="1">Humain</option><option value="3">Nain</option><option value="4">Elfe de la nuit</option><option value="11">Draenei</option><option value="7">Gnome</option>';
	else if	(val == 'h')
		options = '<option value="0">Toutes</option><option value="2">Orc</option><option value="6">Tauren</option><option value="8">Troll</option><option value="10">Elfe de sang</option><option value="5">Mort vivant</option>';
	else
		options = '<option value="0">Toutes</option><option value="2">Orc</option><option value="6">Tauren</option><option value="8">Troll</option><option value="10">Elfe de sang</option><option value="5">Mort vivant</option><option value="1">Humain</option><option value="3">Nain</option><option value="4">Elfe de la nuit</option><option value="11">Draenei</option><option value="7">Gnome</option>';
	where.html(options);		
	
}
function raceToClass (val, where)
{	
	val = parseInt(val); 
	switch (val)
	{
		default: 
		case 0:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="2">Paladin</option><option value="3">Chasseur</option><option value="7">Chaman</option><option value="5">Prêtre</option><option value="8">Mage</option><option value="4">Voleur</option><option value="9">Démoniste</option><option value="11">Druide</option>'; 
			break;
		case 1:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="2">Paladin</option><option value="5">Prêtre</option><option value="8">Mage</option><option value="4">Voleur</option><option value="9">Démoniste</option>'; 
			break;
		case 2:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="3">Chasseur</option><option value="7">Chaman</option><option value="4">Voleur</option><option value="9">Démoniste</option>'; 
			break; 
		case 3:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="2">Paladin</option><option value="5">Prêtre</option><option value="3">Chasseur</option><option value="4">Voleur</option>'; 
			break; 
		case 4:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="11">Druide</option><option value="5">Chasseur</option><option value="3">Chasseur</option><option value="4">Voleur</option>'; 
			break; 
		case 5:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="5">Prêtre</option><option value="8">Mage</option><option value="4">Voleur</option><option value="9">Démoniste</option>'; 
			break; 
		case 6:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="3">Chasseur</option><option value="7">Chaman</option><option value="11">Druide</option>'; 
			break; 
		case 7:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="4">Voleur</option><option value="8">Mage</option><option value="9">Démoniste</option>'; 
			break; 
		case 8:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="3">Chasseur</option><option value="7">Chaman</option><option value="5">Prêtre</option><option value="8">Mage</option><option value="4">Voleur</option>'; 
			break;
		case 10:
			options = '<option value="0">Toutes</option><option value="2">Paladin</option><option value="3">Chasseur</option><option value="5">Prêtre</option><option value="8">Mage</option><option value="4">Voleur</option><option value="9">Démoniste</option>'; 
			break;
		case 11:
			options = '<option value="0">Toutes</option><option value="1">Guerrier</option><option value="2">Paladin</option><option value="3">Chasseur</option><option value="7">Chaman</option><option value="5">Prêtre</option><option value="8">Mage</option>'; 
			break; 
	}
	where.html(options);			
}

$(document).ready(function() {
	
	$('#faction').change (function (){factionToRace(this.value, $('#race'));});
	$('#race').change (function (){raceToClass(this.value, $('#classe'))});

	$('#hideOptions').click (function (){
		// montrer
		if ($('#optionsTable').html () == 'Plus d\'options')
		{
			$('#optionsTable').toggle(1000);
			$(this).toggleClass ('less');
		}
		else // cacher
		{
			$('#optionsTable').toggle(1000);
			$(this).toggleClass ('less');
		}
	});
});
