$(document).ready(function() {

	$('.blason').click(function() {

		modifierBlason(this.id);
		afficherContenu(this.id);
		
	});

	function afficherContenu (idVille) {
	
		$('.contenuCadre').hide();
		$('.cadreVAActus').hide();
		
		switch(idVille) {
		
			case 'BlasonNational':
				$('#CadreNational, #CadreVAActusNational').show();
			break;
			case 'BlasonParis':
				$('#CadreParis, #CadreVAActusParis').show();
			break;
			case 'BlasonNantes':
				$('#CadreNantes, #CadreVAActusNantes').show();
			break;
			case 'BlasonBordeaux':
				$('#CadreBordeaux, #CadreVAActusBordeaux').show();
			break;
			case 'BlasonLyon':
				$('#CadreLyon, #CadreVAActusLyon').show();
			break;
			case 'BlasonStrasbourg':
				$('#CadreStrasbourg, #CadreVAActusStrasbourg').show();
			break;
			case 'BlasonToulouse':
				$('#CadreToulouse, #CadreVAActusToulouse').show();
			break;
			case 'BlasonLille':
				$('#CadreLille, #CadreVAActusLille').show();
			break;

		}
	
	}
	
	function modifierBlason (idVille) {
	
		$('#BlasonNational img').attr({src : "../images/design/boutons/7-ecoles-en-france/barre.png"});
		$('#BlasonParis img').attr({src : "../images/design/boutons/7-ecoles-en-france/paris/barre.png"});
		$('#BlasonNantes img').attr({src : "../images/design/boutons/7-ecoles-en-france/nantes/barre.png"});
		$('#BlasonBordeaux img').attr({src : "../images/design/boutons/7-ecoles-en-france/bordeaux/barre.png"});
		$('#BlasonLyon img').attr({src : "../images/design/boutons/7-ecoles-en-france/lyon/barre.png"});
		$('#BlasonStrasbourg img').attr({src : "../images/design/boutons/7-ecoles-en-france/strasbourg/barre.png"});
		$('#BlasonToulouse img').attr({src : "../images/design/boutons/7-ecoles-en-france/toulouse/barre.png"});
		$('#BlasonLille img').attr({src : "../images/design/boutons/7-ecoles-en-france/lille/barre.png"});
		
		switch(idVille) {
		
			case 'BlasonNational':
				$('#BlasonNational img').attr({src : "../images/design/boutons/7-ecoles-en-france/barre-select.png"});
			break;
			case 'BlasonParis':
				$('#BlasonParis img').attr({src : "../images/design/boutons/7-ecoles-en-france/paris/barre-select.png"});
			break;
			case 'BlasonNantes':
				$('#BlasonNantes img').attr({src : "../images/design/boutons/7-ecoles-en-france/nantes/barre-select.png"});
			break;
			case 'BlasonBordeaux':
				$('#BlasonBordeaux img').attr({src : "../images/design/boutons/7-ecoles-en-france/bordeaux/barre-select.png"});
			break;
			case 'BlasonLyon':
				$('#BlasonLyon img').attr({src : "../images/design/boutons/7-ecoles-en-france/lyon/barre-select.png"});
			break;
			case 'BlasonStrasbourg':
				$('#BlasonStrasbourg img').attr({src : "../images/design/boutons/7-ecoles-en-france/strasbourg/barre-select.png"});
			break;
			case 'BlasonToulouse':
				$('#BlasonToulouse img').attr({src : "../images/design/boutons/7-ecoles-en-france/toulouse/barre-select.png"});
			break;
			case 'BlasonLille':
				$('#BlasonLille img').attr({src : "../images/design/boutons/7-ecoles-en-france/lille/barre-select.png"});
			break;
		
		}
	
	}

});