<?xml version="1.0" encoding="UTF-8"?>
<form>
	<fieldset name="j51_slideimages_modal" class="image-subform">
		<field name="j51_slidetitle" type="text" filter="safehtml" default="" label="Slide Title" description="Set your slide title" />
		<field name="j51_slidecaption" type="textarea" default="" label="Slide Caption" description="Set your slide caption" filter="safehtml"/>
		<field name="j51_slideimage" type="media" default="" label="Slide Image" description="Select your slide image(s)" directory="/" filter="" exclude="" stripext="" />
		<field name="j51_slidelink" type="text" filter="safehtml" default="" label="Slide Link" description="Set a link for your slide" />
		<field
			name="j51_linknewtab"
			type="radio"
			layout="joomla.form.field.radio.switcher"
			default="0"
			label="Open Slide Link in New Tab"
			showon="j51_slidelink!:"
		>
			<option value="0">JNO</option>
			<option value="1">JYES</option>
		</field>
		<field name="j51_slidetextwidth" type="textpx" default="500" label="Caption Max Width" description="Set the max width to the slides title and caption" />
		<field name="j51_slidetextalign" type="list" label="Text Alignment" description="Set the position of the title/caption within the slideshow" default="center">
			<option value="left">Left</option>
			<option value="center">Center</option>
			<option value="right">Right</option>
		</field>
		<field
			name="j51_override_anim"
			type="radio"
			layout="joomla.form.field.radio.switcher"
			default="0"
			label="Override Default Animation"
		>
			<option value="0">JNO</option>
			<option value="1">JYES</option>
		</field>
		<field name="j51_title_anim" type="list" label="Title Animation" description="Set the animation for the title text" default="fadeIn" showon="j51_override_anim:1">
			<option value="bounce">bounce</option>
			<option value="flash">flash</option>
			<option value="shake">shake</option>
			<option value="swing">swing</option>
			<option value="tada">tada</option>
			<option value="wobble">wobble</option>
			<option value="bounceIn">bounceIn</option>
			<option value="bounceInDown">bounceInDown</option>
			<option value="bounceInDown">bounceInDown</option>
			<option value="bounceInLeft">bounceInLeft</option>
			<option value="bounceInRight">bounceInRight</option>
			<option value="bounceInUp">bounceInUp</option>
			<option value="fadeIn">fadeIn</option>
			<option value="fadeInDown">fadeInDown</option>
			<option value="fadeInDownBig">fadeInDownBig</option>
			<option value="fadeInLeft">fadeInLeft</option>
			<option value="fadeInLeftBig">fadeInLeftBig</option>
			<option value="fadeInRight">fadeInRight</option>
			<option value="fadeInRightBig">fadeInRightBig</option>
			<option value="fadeInUp">fadeInUp</option>
			<option value="fadeInUpBig">fadeInUpBig</option>
			<option value="flip">flip</option>
			<option value="flipInX">flipInX</option>
			<option value="lightSpeedIn">lightSpeedIn</option>
			<option value="rotateIn">rotateIn</option>
			<option value="rotateInDownLeft">rotateInDownLeft</option>
			<option value="rotateInDownRight">fliprotateInDownRightInY</option>
			<option value="rotateInUpLeft">rotateInUpLeft</option>
			<option value="rotateInUpRight">rotateInUpRight</option>
			<option value="slideInUp">slideInUp</option>
			<option value="slideInDown">slideInDown</option>
			<option value="slideInLeft">slideInLeft</option>
			<option value="slideInRight">slideInRight</option>
			<option value="rollIn">rollIn</option>
		</field>
		<field name="j51_caption_anim" type="list" label="Caption Animation" description="Set the animation for the caption text" default="fadeIn" showon="j51_override_anim:1">
			<option value="bounce">bounce</option>
			<option value="flash">flash</option>
			<option value="shake">shake</option>
			<option value="swing">swing</option>
			<option value="tada">tada</option>
			<option value="wobble">wobble</option>
			<option value="bounceIn">bounceIn</option>
			<option value="bounceInDown">bounceInDown</option>
			<option value="bounceInDown">bounceInDown</option>
			<option value="bounceInLeft">bounceInLeft</option>
			<option value="bounceInRight">bounceInRight</option>
			<option value="bounceInUp">bounceInUp</option>
			<option value="fadeIn">fadeIn</option>
			<option value="fadeInDown">fadeInDown</option>
			<option value="fadeInDownBig">fadeInDownBig</option>
			<option value="fadeInLeft">fadeInLeft</option>
			<option value="fadeInLeftBig">fadeInLeftBig</option>
			<option value="fadeInRight">fadeInRight</option>
			<option value="fadeInRightBig">fadeInRightBig</option>
			<option value="fadeInUp">fadeInUp</option>
			<option value="fadeInUpBig">fadeInUpBig</option>
			<option value="flip">flip</option>
			<option value="flipInX">flipInX</option>
			<option value="lightSpeedIn">lightSpeedIn</option>
			<option value="rotateIn">rotateIn</option>
			<option value="rotateInDownLeft">rotateInDownLeft</option>
			<option value="rotateInDownRight">fliprotateInDownRightInY</option>
			<option value="rotateInUpLeft">rotateInUpLeft</option>
			<option value="rotateInUpRight">rotateInUpRight</option>
			<option value="slideInUp">slideInUp</option>
			<option value="slideInDown">slideInDown</option>
			<option value="slideInLeft">slideInLeft</option>
			<option value="slideInRight">slideInRight</option>
			<option value="rollIn">rollIn</option>
		</field>
	</fieldset>
</form>