// Dans l'exemple ci-dessous nous allons remplacer les h1 par matypo.swf et les h2 par matypo2.swf :
// Pour commencer on déclare les swf en leur attribuant une variable :

var square721 = { src: 'css-js/square721.swf' };
var square7212 = { src: 'css-js/square721.swf' };

// Si vous voulez utiliser plusieurs typos swf appliquées à des classes différentes:
//
//    var futura = { src: '/path/to/futura.swf' };
//    var garamond = { src '/path/to/garamond.swf' };
//    var rockwell = { src: '/path/to/rockwell.swf' };

// Possibilité de configurer des styles de façons + complexe.... à voir dans le futur. Pas nécessaire pour des besoins simples.
// sIFR.useStyleCheck = true;

// Ensuite, activation de sIFR avec matypo et matypo2 :
sIFR.activate(square721, square7212);

// Attention, il n'y a qu'un seul `sIFR.activate()`!

// Maintenant, reste à lier les typos swf aux div, classes que l'on souhaite :

sIFR.replace(square721, {
      selector: 'h1', // Choix de la cible, ici h1, mais peut être #trucmuche ou .trucmuche ou h1 .titre  ...... bref, ce que l'on veut. 
      css: [
      '.sIFR-root {  font-size:15px; color:#ffffff; text-transform:uppercase; text-decoration:none; }' // On peut ajouter ici des styles qui s'appliqueront au texte du swf (idem H1)
      ],
	  
      wmode: 'transparent'// mettre 'opaque' si vous voulez bénéficier de la couleur de fond du swf
});

sIFR.replace(square7212, {
      selector: 'h2',
      css: [
      '.sIFR-root {  color:#000000; text-transform:uppercase; text-decoration:none; }',// On peut ajouter ici des styles qui s'appliqueront au texte du swf (idem H2)
	  '.sIFR-root a { font-weight:bold;   color:#5AA0D2; text-decoration:none;}',// On peut ajouter ici des styles qui s'appliqueront dans ce cas aux 'a' du swf 
	  '.sIFR-root a:hover { font-weight:bold;   color:#5AA0D2; text-decoration:underline;}'// On peut ajouter ici des styles qui s'appliqueront dans ce cas aux 'a:hover' du swf
      ],
	  
      wmode: 'transparent'
});