{"main":["carousel.js","carousel.css"],"options":[{"name":"autoAdvance","type":"boolean","default":"false","description":"Flag to auto advance items"},{"name":"autoHeight","type":"boolean","default":"false","description":"Flag to auto-size items"},{"name":"autoTime","type":"int","default":"8000","description":"Auto advance time"},{"name":"controls","type":"boolean","default":"true","description":"Flag to draw controls"},{"name":"customClass","type":"string","default":"''","description":"Class applied to instance"},{"name":"fill","type":"boolean","default":"false","description":"Flag to fill viewport if item count is less then show count"},{"name":"infinite","type":"boolean","default":"false","description":"Flag for looping items"},{"name":"labels.next","type":"string","default":"'Next'","description":"Control text"},{"name":"labels.previous","type":"string","default":"'Previous'","description":"Control text"},{"name":"maxWidth","type":"string","default":"'Infinity'","description":"Width at which to auto-disable plugin"},{"name":"minWidth","type":"string","default":"'0'","description":"Width at which to auto-disable plugin"},{"name":"paged","type":"boolean","default":"false","description":"Flag for paged items"},{"name":"pagination","type":"boolean","default":"true","description":"Flag to draw pagination"},{"name":"show","type":"int / object","default":"1","description":"Items visible per page; Object for responsive counts"},{"name":"useMargin","type":"boolean","default":"false","description":"Use margins instead of css transitions (legacy browser support)"}],"events":[{"name":"update.carousel","description":"Carousel position updated"}],"methods":[{"name":"disable","description":"Disables instance of plugin","examples":["$(\".target\").carousel(\"disable\");"]},{"name":"enable","description":"Enables instance of plugin","examples":["$(\".target\").carousel(\"enable\");"]},{"name":"jump","description":"Jump instance of plugin to specific page","examples":["$(\".target\").carousel(\"jump\", 1);"]},{"name":"next","description":"Move to next item","params":[{"name":"data","type":"object","description":"Instance data"}]},{"name":"previous","description":"Move to the previous item","examples":["$(\".target\").carousel(\"previous\");"]},{"name":"reset","description":"Resets instance after item change","examples":["$(\".target\").carousel(\"reset\");"]},{"name":"resize","description":"Resizes instance","examples":["$(\".target\").carousel(\"resize\");"]}],"name":"Carousel","type":"widget","description":"A jQuery plugin for simple content carousels.","dependencies":["core.js","mediaquery.js","touch.js"],"css":[{"name":".fs-carousel-element","type":"element","description":"Target elmement"},{"name":".fs-carousel","type":"element","description":"Base widget class"},{"name":".fs-carousel.fs-enabled","type":"modifier","description":"Indicates enabled state"},{"name":".fs-carousel-viewport","type":"element","description":"Carousel container"},{"name":".fs-carousel-wrapper","type":"element","description":"Carousel container"},{"name":".fs-carousel-container","type":"element","description":"Canister container"},{"name":".fs-carousel-canister","type":"element","description":"Item container"},{"name":".fs-carousel-item","type":"element","description":"Individual item"},{"name":".fs-carousel-controls","type":"element","description":"Controls container"},{"name":".fs-carousel-controls.fs-carousel-visible","type":"modifier","description":"Indicates visible state"},{"name":".fs-carousel-control","type":"element","description":"Control element"},{"name":".fs-carousel-control.fs-carousel-control_previous","type":"modifier","description":"Indicates previous control"},{"name":".fs-carousel-control.fs-carousel-control_next","type":"modifier","description":"Indicates next control"},{"name":".fs-carousel-control.fs-carousel-control_disabled","type":"modifier","description":"Indicates disbaled state"},{"name":".fs-carousel-pagination","type":"element","description":"Item element"},{"name":".fs-carousel-pagination.fs-carousel-visible","type":"modifier","description":"Indicates visible state"},{"name":".fs-carousel-page","type":"element","description":"Pagiantion item element"},{"name":".fs-carousel-page.fs-carousel-active","type":"modifier","description":"Indicates active state"}],"use":"### Basic\n\nCarousel will treat immediate children as items to scroll through. By default, all pages will be sized to the width of the carousel.\n\n```javascript\n$(\".target\").carousel();\n```\n\n```markup\n<div class=\"target\">\n\t<div>1</div>\n\t<div>2</div>\n\t<div>3</div>\n\t<div>4</div>\n\t<div>5</div>\n</div>\n```\n\n### Show\n\nSet the `show` option to a value, or object, at initialization to allow more pages to be visible at once. If passing an object keys should be valid `min-width` media query values, including units.\n\n```javascript\n$(\".target\").carousel({\n\tshow: 2\n});\n```\n\n```javascript\n$(\".target\").carousel({\n\tshow: {\n\t\t\"740px\" : 2,\n\t\t\"960px\" : 3\n\t}\n});\n```","demo":"<style>\n\t.carousel { border-radius: 3px; margin: 20px 0; width: 100%; }\n\n\t.carousel_item { background: #34495E; border-radius: 3px; color: #fff; font-size: 75px; height: 200px; line-height: 200px; margin: 0 0 10px 0; text-align: center; width: 100%; }\n\t.carousel_item:nth-child(even) { background: #D35400; }\n\n\t.fs-carousel-enabled .carousel_item.fs-carousel-item { margin: 0 10px 0 0; }\n</style>\n\n<script>\n\t$(function() {\n\t\t$(\".carousel\").carousel();\n\t});\n</script>\n\n<h4>Basic</h4>\n<div class=\"carousel\">\n\t<div class=\"carousel_item\">1</div>\n\t<div class=\"carousel_item\">2</div>\n\t<div class=\"carousel_item\">3</div>\n\t<div class=\"carousel_item\">4</div>\n\t<div class=\"carousel_item\">5</div>\n</div>\n\n<h4>Paged</h4>\n<div class=\"carousel\" data-carousel-options='{\"paged\":true,\"show\":2}'>\n\t<div class=\"carousel_item\">1</div>\n\t<div class=\"carousel_item\">2</div>\n\t<div class=\"carousel_item\">3</div>\n\t<div class=\"carousel_item\">4</div>\n\t<div class=\"carousel_item\">5</div>\n</div>\n\n<h4>Uneven</h4>\n<div class=\"carousel\" data-carousel-options='{\"show\":3}'>\n\t<div class=\"carousel_item\">1</div>\n\t<div class=\"carousel_item\">2</div>\n\t<div class=\"carousel_item\">3</div>\n\t<div class=\"carousel_item\">4</div>\n\t<div class=\"carousel_item\">5</div>\n</div>\n\n<h4>Infinite</h4>\n<div class=\"carousel\" data-carousel-options='{\"infinite\":true}'>\n\t<div class=\"carousel_item\">1</div>\n\t<div class=\"carousel_item\">2</div>\n\t<div class=\"carousel_item\">3</div>\n\t<div class=\"carousel_item\">4</div>\n\t<div class=\"carousel_item\">5</div>\n</div>\n\n<h4>No Controls</h4>\n<div class=\"carousel\" data-carousel-options='{\"controls\":false,\"pagination\":false}'>\n\t<div class=\"carousel_item\">1</div>\n\t<div class=\"carousel_item\">2</div>\n\t<div class=\"carousel_item\">3</div>\n\t<div class=\"carousel_item\">4</div>\n\t<div class=\"carousel_item\">5</div>\n</div>\n\n<h4>Breakpoint</h4>\n<div class=\"carousel\" data-carousel-options='{\"minWidth\":\"740px\"}'>\n\t<div class=\"carousel_item\">1</div>\n\t<div class=\"carousel_item\">2</div>\n</div>\n\n<h4>Responsive Counts</h4>\n<div class=\"carousel\" data-carousel-options='{\"show\":{\"740px\":2,\"960px\":3}}'>\n\t<div class=\"carousel_item\">1</div>\n\t<div class=\"carousel_item\">2</div>\n\t<div class=\"carousel_item\">3</div>\n\t<div class=\"carousel_item\">4</div>\n\t<div class=\"carousel_item\">5</div>\n</div>"}