[(#REM)  L'appel depuis un article se fait par < sjcycleXX >, alors id_sjcycle=XX
	ou par un modele  CROCHET(# MODELE{sjcycle}{id_sjcycle=XX})CROCHET , alors id_article=XX
	(A noter que CROCHET(# MODELE{sjcycle}{id=XX})CROCHET ne fonctionne pas si le modele se trouve
   dans une boucle, id prenant l'id de l'objet de la boucle. Donc on evite cette ecriture)
]

[(#SET{id_objet,       		[(#ENV{id_rubrique,     		0})]})]
[(#SET{id_diapo,   	  		[(#ENV{id_diapo,       		#VAL{id_}|uniqid})]})]
[(#SET{img_width,      		[(#ENV{width,     		 	#CONFIG{sjcycle/img_width}})]})]
[(#SET{img_height,     		[(#ENV{height,    		 	#CONFIG{sjcycle/img_height}})]})]
[(#SET{img_position,   		[(#ENV{position,  		 	#CONFIG{sjcycle/img_position}})]})]
[(#SET{img_background, 		[(#ENV{background,		 	#CONFIG{sjcycle/img_background}})]})]
[(#SET{div_background, 		[(#ENV{border_color,   		#CONFIG{sjcycle/div_background}})]})]
[(#SET{div_margin,     		[(#ENV{div_margin,   	 	#CONFIG{sjcycle/div_margin}})]})]
[(#SET{img_bordure,    		[(#ENV{border_width,   		#CONFIG{sjcycle/img_bordure}})]})]
[(#SET{legende,        		[(#ENV{legende,        		0})]})]
[(#SET{liens_individuels,	[(#ENV{liens_individuels,	0})]})]

[(#REM) largeur div = largeur image + 2*bordure ]
[(#SET{div_width,			#GET{img_bordure}|mult{2}|plus{#GET{img_width}} })]
[(#SET{btn_pre,        		[(#ENV{btn_precedent,        	0})]})]
[(#SET{btn_suiv,        	[(#ENV{btn_suivant,        		0})]})]

[(#REM)
	 Ceci permet de surclasser la taille définie sur un éventuel filtre image placé sur la balise #TEXTE.]
	 
[(#ENV{width}|ou{#ENV{height}}|oui)#SET{class,no_image_filtrer}]
[(#ENV{width}|ou{#ENV{height}}|non)#SET{class,image_filtrer}]

<BOUCLE_contexte_rubrique(RUBRIQUES){id_rubrique=#ENV{lien_rubriqe}}>
   [(#ENV{forcer_lien_reference}|oui)
      #SET{id_rubrique_a_lier,#ID_RUBRIQUE}
      #SET{titre_rubrique_a_lier,#TITRE}]
</BOUCLE_contexte_rubrique>

[(#REM) Je ne sais plus a quoi ca sert, mais ca gene pour l'affichage des legendes a partir des titres des documents 
		  C'etait auparavant dans le style de la div principale ]
[(#SET{div_height, #GET{img_bordure}|mult{2}|plus{#GET{img_height}} })]

[(#SET{cssbox,	[(#EVAL{8}|randomString)]})]

<B_img>
	<script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/
	$(document).ready(function() {
		[(#CONFIG{sjcycle/tooltip}|=={on}|oui)
			$('.infobulle').tooltip({
					bodyHandler: function() {
						return $($(this).children(".textinfobulle")).html();
					},
					track: true,
					delay: 0,
					showURL: false,
					opacity: 1,
					fixPNG: true,
					extraClass: "pretty",
					top: -15,
					left: 5
			});
		]
		[(#CONFIG{sjcycle/mediabox}|=={on}|oui)
			$("a.#GET{cssbox}").mediabox(box_settings);
		]
		$("#dsjcycle_#GET{id_diapo}").cycle({
			 fx:			"#CONFIG{sjcycle/fx}",
			 timeout:	"#CONFIG{sjcycle/timeout}",
			 speed:		"#CONFIG{sjcycle/speed}",
			 sync:		"#CONFIG{sjcycle/sync}",
			 pause:		"#CONFIG{sjcycle/pause}",
			 random:		"#CONFIG{sjcycle/random}"[,
			 prev:		".dsjcycle_prev#GET{id_diapo}"(#GET{btn_pre}|oui)][,
			 next:		".dsjcycle_next#GET{id_diapo}"(#GET{btn_suiv}|oui)],
			 cleartype: 1
			 [,(#ENV*{opt}|replace{';',','}|html_entity_decode)]
			 });
		[(#GET{btn_pre}|oui) $('.dsjcycle_prev#GET{id_diapo}').click(function(){ return false; }); ]
		[(#GET{btn_suiv}|oui) $('.dsjcycle_next#GET{id_diapo}').click(function(){ return false; }); ]
	});

	/*#EVAL{chr(93)}[(#EVAL{chr(93)})]>*/</script>
	[(#REM) diaporama documents images conteneur jquery cycle ]
	[(#SET{style,[float:(#ENV{align}|match{left|right});margin:[(#GET{div_margin})]px;][width:(#GET{div_width})px;][background:(#GET{div_background})]})]
   
	<div class="#CONFIG{sjcycle/div_class}" id="dsjcycle_#GET{id_diapo}" style='#GET{style}'>

	[(#REM) Solution de denisb pour eviter de dupliquer le code Cf http://article.gmane.org/gmane.comp.web.spip.zone/18622 ]

	<BOUCLE_img(DOCUMENTS){id_rubrique=#GET{id_objet}}{extension==jpg|png|gif}{id_document==^((#ENV{docs}|replace{',',|}|sinon{.*}))$}{par #ENV{par}}{par num titre, date}{doublons}{0,#ENV{limite,100000000}}>
   	<div>
   		[(#REM) Les effets de type turnLeft ne fonctionnent pas si ce div est en place. En attendant de corriger
         rajout dans la doc de l'incompatibilite entre infobulles et ces effets. Du coup la bordure autour de l'image
         ne se met pas en place non plus ]
         #SET{fermer_a,non}
         
         [(#REM) Doit-on afficher les infobulles ET y a t'il quelque chose a afficher ?]
         #SET{afficher_infobulle,non}
         [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
         	[(#SET{texte_infobulle,[<h4>(#TITRE|supprimer_numero)</h4>][(#DESCRIPTIF)<br />]})]
            [(#CONFIG{sjcycle/tooltip_carac}|=={on}|oui)
               [(#SET{texte_infobulle,[(#GET{texte_infobulle}|concat{<strong>Original :</strong> l. #LARGEUR x L. #HAUTEUR pixels, [(#TAILLE|taille_en_octets)]})]})]
            ]
            [(#SET{texte_infobulle,[(#GET{texte_infobulle}|trim)]})]
            [(#GET{texte_infobulle}|strlen|!={0}|oui) #SET{afficher_infobulle,oui}]
         ]

         [(#GET{afficher_infobulle}|=={oui}|oui)
        		<div class="infobulle" style="width:#GET{img_width}px;
      										[(#GET{img_height}|>{0}|oui)height:#GET{img_height}px;]
                                    padding:0px;
                                    margin:[(#GET{img_bordure})]px;">
         ]
         [(#REM) Si un lien est demande vers une rubrique, on annule l'ouverture vers une box ]
         [(#GET{liens_individuels}|=={article}|oui)
            <a href="#URL_ARTICLE{#DESCRIPTIF|supprimer_tags}"[ title="(#TITRE)"]>
            #SET{fermer_a,oui}]
         [(#GET{liens_individuels}|=={rubrique}|oui)
            <a href="#URL_RUBRIQUE{#DESCRIPTIF|supprimer_tags}"[ title="(#TITRE)"]>
            #SET{fermer_a,oui}]
         [(#GET{liens_individuels}|=={externe}|oui)
            <a href="[(#DESCRIPTIF|supprimer_tags)]"[ title="(#TITRE)"]>
            #SET{fermer_a,oui}]
         [(#GET{id_rubrique_a_lier}|oui)
            <a href="#URL_RUBRIQUE{#GET{id_rubrique_a_lier}}" title="#GET{titre_rubrique_a_lier}">
            #SET{fermer_a,oui}]
         [(#GET{fermer_a}|=={oui}|non|et{#CONFIG{sjcycle/mediabox}|=={on}|oui})
            <a href="[(#URL_DOCUMENT)]" type="#MIME_TYPE"
                                         class="#GET{cssbox}"
                                         rel="#GET{cssbox}"
                                         [(#CONFIG{sjcycle/tooltip}|=={on}|non) title="[(#TITRE|supprimer_numero|attribut_html)]"]
                                         style="display:block;padding:0px;margin:0px;">
            #SET{fermer_a,oui}]
         [(#GET{img_background}|=={'transparent'}|oui)
            [(#FICHIER|image_passe_partout{ #GET{img_width},
                                      #GET{img_height}}
                      |image_alpha{0}
                      |image_recadre{ #GET{img_width},
                                      #GET{img_height},
                                      #GET{img_position},
                                      #GET{img_background}}
                      |inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html)]}
                      |inserer_attribut{style,"display:block;"}
                      |inserer_attribut{class,#GET{class}})]
         ]
         [(#GET{img_background}|=={'transparent'}|non)
            [(#FICHIER|image_passe_partout{ #GET{img_width},
                                      #GET{img_height}}
                      |image_recadre{ #GET{img_width},
                                      #GET{img_height},
                                      #GET{img_position},
                                      #GET{img_background}}
                      |inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html)]}
                      |inserer_attribut{style,"display:block;"}
                      |inserer_attribut{class,#GET{class}})]
         ]
         [(#GET{fermer_a}|=={oui}|oui)
         	</a>
         ]
         [(#GET{afficher_infobulle}|=={oui}|oui)
            <div class="textinfobulle" style="display:none;text-align:left;">#GET{texte_infobulle}</div>
         </div> <!-- .infobulle -->
         ]
         [(#GET{legende}|oui|et{#GET{legende}|=={1}|oui})
            [(#REM) La legende est cree a partir du titre de chaque image ]
            [<div class="sjcycle_legende">(#TITRE)</div>]
         ]
		</div>
	</BOUCLE_img>
	</div><!-- sjcycle-->

   [(#GET{legende}|oui|et{#GET{legende}|=={modele}|oui})
         [(#REM) La legende est cree a partir du modele sjcycle_legende ]
         [<div class="sjcycle_legende"  style='#GET{style}'>(#MODELE{sjcycle_legende}{id_rubrique=#GET{id_objet}})</div>]
   ]

   [(#GET{legende}|oui|et{#GET{legende}|=={1}|non}|et{#GET{legende}|=={modele}|non})
         [(#REM) La legende est cree a partir du texte fourni ]
         [<div class="sjcycle_legende"  style='#GET{style}'>(#GET{legende})</div>]
   ]
	[(#GET{btn_pre}|oui)<a href="#" class="sjcycle_btn sjcycle_btn_precedent[ dsjcycle_prev(#GET{id_diapo})]">[(#CONFIG{sjcycle/text_prev}|sinon{<:sjcycle:prev:>})]</a>]
	[(#GET{btn_pre}|?{ [(#GET{btn_suiv}|oui)<span class="dsjcycle_sep"> / </span>] , '' })]
	[(#GET{btn_suiv}|oui)<a href="#" class="sjcycle_btn sjcycle_btn_suivant[ dsjcycle_next(#GET{id_diapo})]">[(#CONFIG{sjcycle/text_next}|sinon{<:sjcycle:next:>})]</a>]
	
</B_img>