<?xml version="1.0" encoding="UTF-8"?>
<widget>
<info>

	<PluginName>Image Slider</PluginName>
	<PluginVersion>1.1.0</PluginVersion>
	<ApplicationVersion>1.6.9</ApplicationVersion>
</info>

<dict>
<item>
	<key>Plugin Name</key>
	<string>Image Slider</string>
</item>
<item>
	<key>FullWidth</key>
	<boolean>TRUE</boolean>
</item>
<item>	
	<key>DefaultWidth</key>
	<integer>560</integer>
</item>
<item>	
	<key>DefaultHeight</key>
	<integer>315</integer>
</item>
<item>	
	<key>useJQuery</key>
	<boolean>TRUE</boolean>
</item>
<item>
	<key>HeadCode</key>
	<string>
	<![CDATA[
	<style>
    	#galleria_{!-SHAPEINDEX-!}{height:{!-$HEIGHT-!}px;width:100%; {!-plgsBackgroundTransparent(FALSE)//background: {!-plgsBackgroundColor-!}//plgsBackgroundTransparent-!}}
    		
    	#galleria_{!-SHAPEINDEX-!} .galleria-stage {left:0px;top:0px;right:0px;{!-plgsShowThumbnails(FALSE)//bottom:0px;//plgsShowThumbnails-!}{!-plgsShowThumbnails(TRUE)//bottom:60px;//plgsShowThumbnails-!}}
   		
   		#galleria_{!-SHAPEINDEX-!} .galleria-info-text {
    		background-color:{!-plgsCaptionBackgroundColor-!};
    		font-size:{!-%FontSize-!}px;
    	}
    	
   		#galleria_{!-SHAPEINDEX-!} .galleria-info-title {
    		font-family: {!-%FontName-!};
    		font-size:1.3em;
    		color:{!-%FontColor-!};
    		font-style:{!-%fontstyle-!};
    		font-weight:{!-%fontweight-!};
    		text-decoration:{!-%textdecoration-!};
    	}
    	
    	
    	#galleria_{!-SHAPEINDEX-!} .galleria-info-description {
    		font-family: {!-%FontName-!};
    		font-size:{!-%FontSize-!}px;
    		color:{!-%FontColor-!};
    		font-style:{!-%fontstyle-!};
    		font-weight:{!-%fontweight-!};
    		text-decoration:{!-%textdecoration-!};
    	}
    	
    	#galleria_{!-SHAPEINDEX-!} .galleria-info {
    		width:{!-plgsCaptionWidth-!}%;
    		top:{!-plgsCaptionTop-!}%;
    		left:{!-plgsCaptionLeft-!}%;
    		word-wrap: break-word;
    	}
   
    </style>
	]]>
	</string>
</item>


<item>
	<key>HTMLCode</key>
	<string>
	<![CDATA[
	<!--{!-$width-!}-->
	<div id="galleria_{!-SHAPEINDEX-!}">
 	{@-plytAssetsList//
 		{!-plytAssetsList-!}
 	//plytAssetsList-@}
	</div>
 <script>


       Galleria.run('#galleria_{!-SHAPEINDEX-!}', {
		    transition: 'fadeslide',
		    imageCrop: '{!-plgsImageCrop(Fill)//true//plgsImageCrop-!}{!-plgsImageCrop(Fit)//false//plgsImageCrop-!}{!-plgsImageCrop(Fill Height)//height//plgsImageCrop-!}{!-plgsImageCrop(Fill Width)//width//plgsImageCrop-!}{!-plgsImageCrop(Landscape)//landscape//plgsImageCrop-!}{!-plgsImageCrop(portrait)//portrait//plgsImageCrop-!}',
		    carousel: true,
		    responsive:true,
		    {!-plgsAutoPlay(TRUE)//autoplay: {!-plgsSlideShowSpeed-!},//plgsAutoPlay-!}
		    {!-plgsShowThumbnails(FALSE)//thumbnails: false,//plgsShowThumbnails-!}
		    {!-plgsLightBox(TRUE)//lightbox: true,//plgsLightBox-!}
		    initialTransition: '',
		  	 transition:'{!-plgsTransition-!}',
		  	 transitionSpeed:{!-plgsTransitionSpeed-!},
		  	 {!-plgsShowImageNav(FALSE)//showImagenav: false,//plgsShowImageNav-!}
		  	 {!-plgsShowCounter(FALSE)//showCounter: false,//plgsShowCounter-!}
		  	 height:{!-$HEIGHT-!},
		  	 
		  });


    </script>
	]]>
	</string>
</item>

<item>
	<key>Javascript</key>
	<array>
	<string>galleria-1.4.2.min.js</string>
	<string>galleria.classic.min.js</string>
	</array>
</item>

<item>
	<key>StyleSheets</key>
	<array>
	<string>galleria.classic.css</string>
	<string>classic-map.png</string>
	<string>classic-loader.gif</string>
	
	</array>
</item>

</dict>

<options>

   
   
    
	<option>
    	<displayName>Assets List</displayName>
    	<optionName>plytAssetsList</optionName>
    	<optionDescription>Show related videos</optionDescription>
    	<resourceFilter>1</resourceFilter>
    	<listType>Assets</listType>
    	<controlType>8</controlType>
    	<height>500</height>
    	<maxValue>10000</maxValue>
    	
    		<processingRowCode><![CDATA[
			
Dim i as integer
dim Value, name As String 
Dim sResult As String
Dim sListContents(-1) As String
Dim rowText As String
name=Input("dictVariableName")
value=Input("dictVariableValue")
rowText=Input("dictcode")

Dim sImageCaption As String = Input("&plgsImageCaption")
Dim sImageDescription As String = Input("&plgsImageDescription")
Dim sImageURL As String = Input("&plgsImageURL")



sResult=sResult + "<img src=""[!-ASSETPATH-!]"""

if sImageCaption.lenb > 0 then

	sResult = sResult + " data-title="""+sImageCaption+""""
	//sResult = sResult + " alt="""+sImageCaption+""""
 
 end if
 
 if sImageDescription.lenb > 0 then

	sResult = sResult + " data-description="""+sImageDescription+""""
 
 end if
 
 if sImageURL.lenb > 0 then
 	
 	sResult = sResult + " data-link="""+sImageURL+""""
 	
 	
 	
 end if
 
 

sResult = sResult + "/>"



print sResult//rowText.replace("{!-"+name+"-!}",sResult)


			]]></processingRowCode>  
    	
    	
    	
    	
    	  <rowTags>
  		    <options>
 
			  
  				<option>
			  <displayName>Caption</displayName>
			  <optionName>plgsImageCaption</optionName>
			  <defaultValue></defaultValue>
			  <optionDescription>Enter a caption for this image</optionDescription>
			  <controlType>6</controlType>
			  <height>22</height>
			  </option>
			  
			  
			  
			  
			 <!-- <option>
			  <displayName>Description</displayName>
			  <optionName>plgsImageDescription</optionName>
			  <defaultValue></defaultValue>
			  <optionDescription>Enter an image description</optionDescription>
			  <controlType>6</controlType>
			  <height>50</height>
			  </option>-->
  
  
				<option>
			<displayName>URL:</displayName>
			<isBold>TRUE</isBold>
			<optionName>plgsImageURL</optionName>
			<ControlWidth>240</ControlWidth>
			<defaultValue>#</defaultValue>
			<OnNewLine>TRUE</OnNewLine>
			<optionDescription>Enter a URL for this slide</optionDescription>
			<controlType>6</controlType>
			<textFieldMaxLength>0</textFieldMaxLength>
			<Value>**N/A**</Value>
			</option>
			
		

		     </options>
		  </rowTags>
    	
    	
    	
    </option>
    
   
  	
  	  	 <option>
			  <displayName>Sep</displayName>
			  <optionName>plgsSlideShowSeparator</optionName>
			  <defaultValue></defaultValue>
			  <controlType>12</controlType>
			  
	</option>
	
	 <option>
			  <displayName>Slide Show Options</displayName>
			  <optionName>plgsSlideShowLabel</optionName>
			  <defaultValue></defaultValue>
			  <controlType>7</controlType>
			  <controlWidth>200</controlWidth>
			  <isBold>TRUE</isBold>
			  <value><![CDATA[Slide Show Options]]></value>"
  			<defaultValue><![CDATA[Slide Show Options]]></defaultValue>
	</option>
  	
  	<option>
  		<optionName>plgsAutoPlay</optionName>
  		<displayName>Auto play slideshow</displayName>
  		<defaultValue>TRUE</defaultValue>
  		<optionDescription>Start slide show immediately</optionDescription>
  		<controlType>4</controlType>
  		<ControlWidth>200</ControlWidth>
  		<value>**N/A**</value>
  	</option>
  	
  	<option>
  		<optionName>plgsSlideShowSpeed</optionName>
  		<displayName>Slideshow Speed:</displayName>
  		<defaultValue>4000</defaultValue>
  		<optionDescription>Speed of each slide</optionDescription>
  		<controlType>2</controlType>
  		<onNewline>TRUE</onNewline>
  		<ControlWidth>250</ControlWidth>
  		<maxValue>10000</maxValue>
  		<minValue>500</minValue>
  		<value>**N/A**</value>
  	</option>
  	
  	<option>
  		<optionName>plgsTransition</optionName>
  		<displayName>Transition:</displayName>
  		<defaultValue>0</defaultValue>
  		<optionDescription>fade|flash|pulse|slide|fadeslide</optionDescription>
  		<controlType>3</controlType>
  		<ControlWidth>150</ControlWidth>
  		<value>**N/A**</value>
  	</option>
  	
  	<option>
  		<optionName>plgsTransitionSpeed</optionName>
  		<displayName>Transition Speed:</displayName>
  		<defaultValue>500</defaultValue>
  		<optionDescription>Speed of each transition</optionDescription>
  		<controlType>2</controlType>
  		<onNewline>TRUE</onNewline>
  		<ControlWidth>250</ControlWidth>
  		<maxValue>3000</maxValue>
  		<value>**N/A**</value>
  	</option>
  	
  	
  	
  	 <option>
			  <displayName>Sep</displayName>
			  <optionName>plgsSlideShowSeparator</optionName>
			  <defaultValue></defaultValue>
			  <controlType>12</controlType>
			  
	</option>
	
	<option>
			  <displayName>Appearance</displayName>
			  <optionName>plgsAppearanceLabel</optionName>
			  <defaultValue></defaultValue>
			  <controlType>7</controlType>
			  <controlWidth>200</controlWidth>
			  <isBold>TRUE</isBold>
			  <value><![CDATA[Appearance]]></value>"
  			<defaultValue><![CDATA[Appearance]]></defaultValue>
	</option>
	
	<option>
  		<optionName>plgsShowImageNav</optionName>
  		<displayName>Show navigation arrows</displayName>
  		<defaultValue>TRUE</defaultValue>
  		<optionDescription>Allow visitor to click images to navigate images</optionDescription>
  		<controlType>4</controlType>
  		<ControlWidth>200</ControlWidth>
  		<value>**N/A**</value>
  	</option>
	
	 <option>
  		<optionName>plgsShowThumbnails</optionName>
  		<displayName>Show thumbnails</displayName>
  		<defaultValue>TRUE</defaultValue>
  		<optionDescription>Whether to show thumbnails or not</optionDescription>
  		<controlType>4</controlType>
  		<ControlWidth>200</ControlWidth>
  		<value>**N/A**</value>
  	</option>
  	

  	
  	
  	
  	<option>
  		<optionName>plgsShowCounter</optionName>
  		<displayName>Show image counter</displayName>
  		<defaultValue>FALSE</defaultValue>
  		<optionDescription>Show the current and number of images</optionDescription>
  		<controlType>4</controlType>
  		<ControlWidth>200</ControlWidth>
  		<value>**N/A**</value>
  	</option>
  	
  	<option>
  		<optionName>plgsBackgroundTransparent</optionName>
  		<displayName>Transparent background</displayName>
  		<defaultValue>FALSE</defaultValue>
  		<optionDescription>Use a transparent background</optionDescription>
  		<controlType>4</controlType>
  		<ControlWidth>200</ControlWidth>
  		<value>**N/A**</value>
  	</option>
    
    <option>
  		<optionName>plgsBackgroundColor</optionName>
  		<displayName>Background:</displayName>
  		<defaultValue>#ffffff</defaultValue>
  		<optionDescription>Background color for the image slider</optionDescription>
  		<controlType>5</controlType>
  		<ControlWidth>100</ControlWidth>
  		<value>**N/A**</value>
  	</option>
  	
  
  	
  	
  	
  	
  	<option>
  		<optionName>plgsImageCrop</optionName>
  		<displayName>Image Crop:</displayName>
  		<defaultValue>0</defaultValue>
  		<optionDescription>Fill|Fit|Fill Height|Fill Width|Landscape|Portrait</optionDescription>
  		<controlType>3</controlType>
  		<ControlWidth>100</ControlWidth>
  		<value>**N/A**</value>
  	</option>
  	
  	 <option>
			  <displayName>Sep</displayName>
			  <optionName>plgsActionSeparator</optionName>
			  <defaultValue></defaultValue>
			  <controlType>12</controlType>
			  
	</option>
	
	<option>
			  <displayName>Behavior</displayName>
			  <optionName>plgsBehaviorLabel</optionName>
			  <defaultValue></defaultValue>
			  <controlType>7</controlType>
			  <controlWidth>200</controlWidth>
			  <isBold>TRUE</isBold>
			  <value><![CDATA[Behavior]]></value>"
  			<defaultValue><![CDATA[Behavior]]></defaultValue>
	</option>
	
	  	<option>
  		<optionName>plgsLightBox</optionName>
  		<displayName>Click to enlarge image</displayName>
  		<defaultValue>FALSE</defaultValue>
  		<optionDescription>Click images to display larger preview</optionDescription>
  		<controlType>4</controlType>
  		<ControlWidth>200</ControlWidth>
  		<value>**N/A**</value>
  	</option>
  	
  	 <option>
			  <displayName>Sep</displayName>
			  <optionName>plgsCaptionSeparator</optionName>
			  <defaultValue></defaultValue>
			  <controlType>12</controlType>
			  
	</option>
	
	<option>
			  <displayName>Caption Settings</displayName>
			  <optionName>plgsCaptionLabel</optionName>
			  <defaultValue></defaultValue>
			  <controlType>7</controlType>
			  <controlWidth>200</controlWidth>
			  <isBold>TRUE</isBold>
			  <value><![CDATA[Caption]]></value>"
  			<defaultValue><![CDATA[Caption]]></defaultValue>
	</option>
	
	
  	<option>
  		<optionName>plgsCaptionLeft</optionName>
  		<displayName>Caption Left:</displayName>
  		<defaultValue>50</defaultValue>
  		<optionDescription>X position of caption box</optionDescription>
  		<controlType>2</controlType>
  		<onNewline>TRUE</onNewline>
  		<ControlWidth>250</ControlWidth>
  		<maxValue>95</maxValue>
  		<minValue>0</minValue>
  		<value>**N/A**</value>
  	</option>
  	<option>
  		<optionName>plgsCaptionTop</optionName>
  		<displayName>Caption Top:</displayName>
  		<defaultValue>50</defaultValue>
  		<optionDescription>Y position of caption box</optionDescription>
  		<controlType>2</controlType>
  		<onNewline>TRUE</onNewline>
  		<ControlWidth>250</ControlWidth>
  		<maxValue>95</maxValue>
  		<minValue>0</minValue>
  		<value>**N/A**</value>
  	</option>
  	<option>
  		<optionName>plgsCaptionWidth</optionName>
  		<displayName>Caption Width:</displayName>
  		<defaultValue>50</defaultValue>
  		<optionDescription>Width of caption box in percentage</optionDescription>
  		<controlType>2</controlType>
  		<onNewline>TRUE</onNewline>
  		<ControlWidth>250</ControlWidth>
  		<maxValue>100</maxValue>
  		<minValue>5</minValue>
  		<value>**N/A**</value>
  	</option>
  	
  	<!--<option>
  		<optionName>plgsCaptionTop</optionName>
  		<displayName>Top:</displayName>
  		<defaultValue>5</defaultValue>
  		<optionDescription></optionDescription>
  		<controlType>1</controlType>
  		<ControlWidth>80</ControlWidth>
  		<value>**N/A**</value>  		
  	</option>
  	
  	<option>
  		<optionName>plgsCaptionLeft</optionName>
  		<displayName>Left:</displayName>
  		<defaultValue>5</defaultValue>
  		<optionDescription></optionDescription>
  		<controlType>1</controlType>
  		<ControlWidth>80</ControlWidth>
  		<value>**N/A**</value>  		
  	</option>-->
  	
  		<option>
  		<optionName>plgsCaptionBackgroundOpacity</optionName>
  		<displayName>Background Opacity:</displayName>
  		<defaultValue>30</defaultValue>
  		<optionDescription>Opacity of caption box background</optionDescription>
  		<controlType>2</controlType>
  		<onNewline>TRUE</onNewline>
  		<ControlWidth>250</ControlWidth>
  		<maxValue>100</maxValue>
  		<minValue>0</minValue>
  		<value>**N/A**</value>
  		<processingCode><![CDATA[
			



			]]></processingCode>  
  		
  		
  	</option>

  	
  	 <option>
  		<optionName>plgsCaptionBackgroundColor</optionName>
  		<displayName>Background:</displayName>
  		<defaultValue>#000000</defaultValue>
  		<optionDescription>Background color for the caption</optionDescription>
  		<controlType>5</controlType>
  		<ControlWidth>100</ControlWidth>
  		<asRGB>1</asRGB>
  		<value>**N/A**</value>
  		
  		<processingCode><![CDATA[
			
dim Value, name As String 
Dim sResult As String
Dim rowText As String
dim opacityValue As String
dim sOptionLabel As String
name=Input("dictVariableName")
value=Input("dictVariableValue")
rowText=Input("dictcode")

//get our opacity value and set the RGBA value
opacityValue = Input("&plgsCaptionBackgroundOpacity")

//convert to decimal
opacityValue = Str(val(opacityValue)/100)


value = value.replace("rgb","rgba")
value = value.replace(")",","+opacityValue+")")

rowtext = rowText.replaceall("{!-"+name+"-!}",value)

print rowText


			]]></processingCode>  
  		
  	</option>
  	
  

</options>


</widget>