Griser champs

Bonjour, j'ai un soucis. je grise des champs(textarea/input type file) au select. Recemment jai voulu integrer le tinymce dans mes textarea pour permettre une bonne mise en forme des textes. Le probleme c'est que le textearea reste actif quelque soit le choix ce qui peut paraître problématique.

<script type="text/javascript" src="js/jquery.bvalidator-yc.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/tinymce/jquery.tinymce.js"></script>
<script>
    //select2 traitements
 jQuery(document).ready(function(){

 	jQuery('.astype').change(function(){
    var selected=jQuery('.astype option:selected').val();
    switch(selected)
    {
       	case"video":
	      	jQuery('.videotype').prop('disabled',false);
	      	jQuery('.filemp3').prop('disabled',true);
	      	jQuery('.astext').prop('disabled',true);
	      	jQuery('#cat').html('<option value="ENSEIGNEMENT">ENSEIGNEMENT</option><option value="PREDICATION">PREDICATION</option><option value="TEMOIGNAGE">TEMOIGNAGE</option><option value="MUSIQUE">MUSIQUE</option><option value="DIVERS">DIVERS</option>');
      	break;
      	case"audio":
       		jQuery('.filemp3').prop('disabled',false);
       		jQuery('.videotype').prop('disabled',true);
      		jQuery('.astext').prop('disabled',true);
      		jQuery('#cat').html('<option value="ENSEIGNEMENT">ENSEIGNEMENT</option><option value="PREDICATION">PREDICATION</option><option value="TEMOIGNAGE">TEMOIGNAGE</option><option value="MUSIQUE">MUSIQUE</option>');
      	break;
      	case"texte":
			jQuery('.astext').prop('disabled',false);
       		jQuery('.videotype').prop('disabled',true);
      		jQuery('.filemp3').prop('disabled',true);
      		jQuery('#cat').html('<option value="ENSEIGNEMENT">ENSEIGNEMENT</option><option value="PREDICATION">PREDICATION</option><option value="TEMOIGNAGE">TEMOIGNAGE</option>');
      	break;
      	default:
       		jQuery('.astext').prop('disabled',false);
       		jQuery('.videotype').prop('disabled',true);
      		jQuery('.filemp3').prop('disabled',true);
      		jQuery('#cat').html('<option value="">Catégorie</option>');
      	break;
    }
    
   });


 });
</script>
<style type="text/css">
	.formulaire label{
		font-size: 15px;
		font-weight: bold;
	}
</style>
<div class="row-fluid">
	<div id="dashboard-left" class="span9">
		<div class="widget">
			<h4 class="widgettitle">Ajouter un enseignement</h4>
			<div class="widgetcontent">
				<form class="formulaire" action="asavoirtraitement.php" method="post" enctype="multipart/form-data">
					<!-- theme de l'enseignement' -->
					<p>
						<label>Sélectionnez le thème de l'enseignement<em style="color:red;">*</em></label>
						<select name="theme" id="theme" class="uniformselect">
							<option value="">Choisissez le thème de l'enseignement</option>
							<?php    
								try{
									require"connectionbd.php";
									$req="select * from ad_theme order by titre";
									foreach($bdd->query($req) as $r)
										{
										  echo"<option value='".$r['id']."' class='themeop'>".$r['titre']."</option>";
										}
								}
								  catch(Exception $e)
								  {
									die('Erreur : ' . $e->getMessage().' a la ligne '.$e->getLine().' dans le fichier '.$e->getFile());
								  }
							?>
						</select>
						<!-- selection du type de l'enseignement -->
						<select name="astype" class="uniformselect astype">
					        <option value="">type de l'enseignement</option>
					        <option value="video" id="video">VIDEO</option>
					        <option value="audio" id='audio'>AUDIO</option>
					        <option value="texte" id='texte'>TEXTE</option>
				      	</select>
					</p>
					
					<!-- thème alternatif de l'enseignement -->
					<p>
						<label>Si votre thème ne figure pas dans la liste veuillez l'entrer ici</label>
						<span class="field"><input type="text" name="tema" class="input-xxlarge" placeholder="Entrez votre thème ici" /></span>
					</p>
					
					<!-- titre de la l'enseignement -->
					<p>
						<label>Entrez le titre de l'enseignement</label>
						<span class="field"><input type="text" name="astitre" class="input-xxlarge" placeholder="Entrez le titre ici" /></span>
					</p>
					
					<!-- fichier audio de la l'enseignement -->
					<p>
						<label>Fichier MP3:</label>
						<div class="fileupload fileupload-new" data-provides="fileupload">
						<div class="input-append">
						<div class="uneditable-input span3">
							<i class="iconfa-file fileupload-exists"></i>
							<span class="fileupload-preview"></span>
						</div>
						<span class="btn btn-file"><span class="fileupload-new">Selectionnez le fichier</span>
						<span class="fileupload-exists">Changer</span>
						<input type="file" name="filemp3" class="filemp3" disabled>
						<a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Enlever</a>
						</div>
						</div>
					</p>
					
					<!-- fichier vidéo de la l'enseignement -->
					<p>
						<label>Entrez le fichier de la dévotion</label>
						<select name="videotype" class="uniformselect videotype">
							<option value="">Choisir la catégortie de la vidéo</option>
							<option value="fichmp4" id="fichmp4">Vidéo MP4</option>
							<option value="youlink" id="youlink">Lien youtube</option>
						</select>
					</p>
					<div>
						<div class="cotacot mp4f" style="display:none;">
							<label>Fichier mp4:</label>
							<div class="fileupload fileupload-new" data-provides="fileupload">
								<div class="input-append">
									<div class="uneditable-input span3"> <i class="iconfa-file fileupload-exists"></i> <span class="fileupload-preview"></span> </div>
									<span class="btn btn-file"><span class="fileupload-new">Sélectionner le fichier</span> <span class="fileupload-exists">Changer</span>
										<input type="file" name="filemp4">
									</span> <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Enlever</a> 
								</div>
							</div>
						</div>
						<div class="cotacot yt" style="display:none;">
							<label>Lien youtube:</label>
							<span class="field">
								<input type="url" name="youtubelink" class="input-large" >
							</span>
						</div>
					</div>
					<br/>
				
					
					<!-- fichier image(image de couverture) de la l'enseignement -->
					<p>
						<label>Fichier image (Jpeg, Png, Gif ...)</label>
						<div class="fileupload fileupload-new" data-provides="fileupload">
						<div class="input-append">
						<div class="uneditable-input span3">
							<i class="iconfa-file fileupload-exists"></i>
							<span class="fileupload-preview"></span>
						</div>
						<span class="btn btn-file"><span class="fileupload-new">Selectionnez le fichier</span>
						<span class="fileupload-exists">Changer</span>
						<input type="file" name="image"/></span>
						<a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Enlever</a>
						</div>
						</div>
					</p>

					<p>
						<label>Entrez le texte de l'enseignement (Réference biblique de l'étude) si vous avez choisi le type texte</label>
      					<textarea class="astext tinymce" name='astext' disabled></textarea>
					</p>

					<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
					<div>
						<label>Entrez une description de la l'enseignement</label>
						<textarea id="astexte" name="asdestext" rows="15" cols="80" style="width: 80%" class="tinymce">
						</textarea>
					</div>
					
					<p>
						<button type="submit" name="submit" class="btn btn-primary">Ajouter l'enseignement</button>
						<button type="reset" name="reset" class="btn">Annuler</button>
					</p>
					
				</form>
			</div><!--widgetcontent-->
		</div><!--widget-->
	</div><!--span9-->
                    
	<div id="dashboard-right" class="span3"> 
		<h4 class="widgettitle">Calendrier</h4>
		<div class="widgetcontent nopadding">
			<div id="datepicker"></div>
		</div>
	</div><!--span3-->
</div><!--row-fluid-->