[
  {
    "path": "README.md",
    "content": "\r\nBaraja\r\n=========\r\n\r\nBaraja is a jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translating the items. There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way.\r\n\r\nInstallation\r\n------------\r\n\r\nTo use the plugin integrate these scripts and styles into your application\r\n\r\n```html\r\n<link href=\"./path/to/your/css/baraja.css\" rel=\"stylesheet\">\r\n\r\n<script src=\"https://code.jquery.com/jquery-3.2.1.min.js\"></script>\r\n<script src=\"./path/to/your/js/modernizr.custom.79639.js\"></script>\r\n<script src=\"./path/to/your/js/jquery.baraja.js\"></script>\r\n```\r\n\r\n[article on Codrops](http://tympanus.net/codrops/?p=12050)\r\n\r\n[demo](http://tympanus.net/Development/Baraja/)\r\n\r\nLicensed under the MIT License\r\n"
  },
  {
    "path": "README.txt",
    "content": "Created by Codrops\nPlease read the about our license: http://tympanus.net/codrops/licensing/\n\nBackground Pattern(s) from http://subtlepatterns.com/\nhttp://creativecommons.org/licenses/by-sa/3.0/deed.en_US\n\nIllustrations by Jason Custer: http://dribbble.com/jdelamancha\n\n"
  },
  {
    "path": "css/baraja.css",
    "content": "ul.baraja-container {\n\twidth: 200px;\n\theight: 310px;\n\tmargin: 0 auto 30px;\n\tposition: relative;\n\tpadding: 0;\n\tlist-style-type: none;\n}\n\nul.baraja-container li {\n\twidth: 100%;\n\theight: 100%;\n\tmargin: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tcursor: pointer;\n\tbackground: #fff;\n\tpointer-events: auto;\n\t-webkit-backface-visibility: hidden;\n\t-moz-backface-visibility: hidden;\n\t-ms-backface-visibility: hidden;\n\t-o-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n}\n\n.no-js ul.baraja-container {\n\twidth: auto;\n\theight: auto;\n\ttext-align: center;\n}\n\n.no-js ul.baraja-container li {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: 200px;\n\theight: 310px;\n\tmargin: 10px;\n}"
  },
  {
    "path": "css/custom.css",
    "content": ".baraja-demo {\n\twidth: 200px;\n\tmargin: 30px auto;\n\tcolor: #aaa;\n}\n\n.no-js .baraja-demo {\n\twidth: auto;\n}\n\n.baraja-demo h4 {\n\tcolor: #666;\n\tfont-size: 14px;\n\tpadding: 8px 10px 5px;\n\tmargin: 20px 3px 5px;\n\tborder-bottom: 1px solid #f0f0f0;\n}\n\n.baraja-demo p {\n\tfont-size: 12px;\n\tfont-weight: 700;\n\tpadding: 0 10px;\n\tmargin: 10px 3px 0;\n}\n\n.baraja-demo ul.baraja-container li {\n\tborder-radius: 10px;\n\tpadding: 5px;\n\tbox-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n\n.baraja-demo li img {\n\tdisplay: block;\n\tmargin: 0 auto;\n\twidth: 100%;\n\tborder-radius: 10px 10px 0 0;\n}"
  },
  {
    "path": "css/demo.css",
    "content": "/* General Demo Style */\n@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);\n\n*,\n*:after,\n*:before {\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\nhtml { \n\theight: 100%; \n\tfont-size: 62.5%;\n}\n\n/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */\n.clearfix:before,\n.clearfix:after {\n\tcontent: \" \";\n\tdisplay: table;\n}\n\n.clearfix:after {\n\tclear: both;\n}\n\n.clearfix {\n\t*zoom: 1;\n}\n\nbody {\n\tfont-family: 'Lato', Calibri, Arial, sans-serif;\n\tbackground: #fff url(../images/bg.jpg);\n\tfont-weight: 300;\n\tfont-size: 14px; \n\tfont-size: 1.4rem;\n\tcolor: #333;\n\t-webkit-font-smoothing: antialiased;\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n}\n\na {\n\tcolor: #555;\n\ttext-decoration: none;\n}\n\n.container {\n\twidth: 100%;\n\tposition: relative;\n}\n\n.clr {\n\tclear: both;\n\tpadding: 0;\n\theight: 0;\n\tmargin: 0;\n}\n\n.container > header,\n.main {\n\twidth: 80%;\n\tmax-width: 960px;\n\tmargin: 0 auto;\n\tpadding: 0 30px;\n}\n\n.container > header {\n\tpadding: 30px;\n}\n\n.container > header h1 {\n\tmargin: 0;\n\tfont-weight: 700;\n\tcolor: #333;\n\tfloat: left;\n\tfont-size: 36px; \n\tfont-size: 3.6rem;\n\tline-height: 46px; \n\tline-height: 4.6rem;\n}\n\n.container > header h1 span {\n\tdisplay: block;\n\tcolor: #444;\n\tfont-size: 20px;\n\tline-height: 28px;\n\tline-height: 2.8rem;\n\tfont-weight: 300;\n\ttext-shadow: 0 1px 0 rgba(255,255,255,0.5);\n}\n\n/* Header Style */\n.codrops-top {\n\tfont-size: 11px; \n\tfont-size: 1.1rem;\n\tline-height: 24px; \n\tline-height: 2.4rem;\n\tbackground: #fff;\n\tbackground: rgba(255, 255, 255, 0.5);\n\ttext-transform: uppercase;\n\tz-index: 9999;\n\tposition: relative;\n\tbox-shadow: 1px 0px 2px rgba(0,0,0,0.2);\n}\n\n.codrops-top a {\n\tpadding: 0px 10px;\n\tletter-spacing: 1px;\n\tcolor: #333;\n\tfont-weight: 400;\n\ttext-shadow: 0 -1px 0 #fff;\n\tdisplay: inline-block;\n}\n\n.codrops-top a:hover {\n\tbackground: rgba(255,255,255,0.8);\n\tcolor: #000;\n}\n\n.codrops-top span.right {\n\tfloat: right;\n}\n\n.codrops-top span.right a {\n\tfloat: left;\n\tdisplay: block;\n}\n\n.support-note {\n\tclear: both;\n}\n\n.support-note span{\n\tcolor: #ac375d;\n\tfont-size: 16px;\n\tfont-size: 1.6rem;\n\tdisplay: none;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 5px 0;\n}\n\n.actions {\n\twidth: 100%;\n\tpadding: 0 0 20px 0;\n}\n\n.actions span {\n\tbox-shadow: 0 1px 1px rgba(0,0,0,0.2);\n\tbackground: #fff;\n\tcolor: #888;\n\tfont-weight: 700;\n\tfont-size: 12px;\n\tfont-size: 1.2rem;\n\ttext-align: center;\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 5px 10px;\n\ttext-transform: uppercase;\n\tmargin: 3px;\n\tborder-radius: 3px;\n\n}\n\n.actions span:hover {\n\tbackground: #f7f7f7;\n}\n\n.actions span:active {\n\tbackground: #aaa;\n\tcolor: #fff;\n\tbox-shadow: 0 1px 1px rgba(255,255,255,0.5);\n}\n\n.actions span.disabled {\n\topacity: 0.8;\n\tcolor: #ddd;\n}\n\n.light {\n\tpadding: 60px 0 250px;\n}\n\n.light span {\n\tbackground: #aaa;\n\tcolor: #fff;\n\ttext-shadow: 0 1px 1px rgba(0,0,0,0.3);\n\tbox-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.8);\n}\n\n.light span:hover {\n\tbackground: #444;\n}\n\n#nav-prev, #nav-next {\n\twidth: 30px;\n\theight: 30px;\n\tfont-size: 18px;\n\tline-height: 20px;\n}\n\n#close {\n\tfloat: right;\n}\n"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\" class=\"no-js\">\n\t<head>\n\t\t<meta charset=\"UTF-8\" />\n\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\"> \n\t\t<title>Baraja: A Plugin for Spreading Items in a Card-Like Fashion</title>\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> \n\t\t<meta name=\"description\" content=\"Baraja: A Plugin for Spreading Items in a Card-Like Fashion\" />\n\t\t<meta name=\"keywords\" content=\"jquery, plugin, transform, css3, cards, spread, items, web development\" />\n\t\t<meta name=\"author\" content=\"Codrops\" />\n\t\t<link rel=\"shortcut icon\" href=\"../favicon.ico\"> \n\t\t<link rel=\"stylesheet\" type=\"text/css\" href=\"css/baraja.css\" />\n\t\t<link rel=\"stylesheet\" type=\"text/css\" href=\"css/demo.css\" />\n\t\t<link rel=\"stylesheet\" type=\"text/css\" href=\"css/custom.css\" />\n\t\t<script type=\"text/javascript\" src=\"js/modernizr.custom.79639.js\"></script>\n\t</head>\n\t<body>\n\n\t\t<div class=\"container\">\n\t\t\n\t\t\t<!-- Codrops top bar -->\n\t\t\t<div class=\"codrops-top clearfix\">\n\t\t\t\t<a href=\"http://tympanus.net/Development/GammaGallery/\">\n\t\t\t\t\t<strong>&laquo; Previous Demo: </strong>Gamma Gallery\n\t\t\t\t</a>\n\t\t\t\t<span class=\"right\">\n\t\t\t\t\t<a href=\"http://dribbble.com/jdelamancha\">Illustrations by Jason Custer</a>\n\t\t\t\t\t<a href=\"http://tympanus.net/codrops/?p=12050\">\n\t\t\t\t\t\t<strong>Back to the Codrops Article</strong>\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t</div><!--/ Codrops top bar -->\n\t\t\t\n\t\t\t<header class=\"clearfix\">\n\t\t\t\n\t\t\t\t<h1>Baraja <span>A plugin for spreading items in a card-like fashion</span></h1>\n\t\t\t\t\n\t\t\t</header>\n\t\t\t\n\t\t\t<section class=\"main\">\n\n\t\t\t\t<nav class=\"actions\">\n\t\t\t\t\t<span id=\"nav-fan\">Fan right</span>\n\t\t\t\t\t<span id=\"nav-fan2\">Fan left</span>\n\t\t\t\t\t\n\t\t\t\t\t<span id=\"nav-fan3\">Fan right (asym.)</span>\n\t\t\t\t\t<span id=\"nav-fan4\">Fan left (asym.)</span>\n\t\t\t\t\t\n\t\t\t\t\t<span id=\"nav-fan5\">Rotated spread (horizontal)</span>\n\t\t\t\t\t<span id=\"nav-fan6\">Rotated spread (vertical)</span>\n\t\t\t\t\t\n\t\t\t\t\t<span id=\"nav-fan7\">Linear spread right</span>\n\t\t\t\t\t<span id=\"nav-fan8\">Linear spread left</span>\n\t\t\t\t\t\n\t\t\t\t\t<span id=\"nav-fan9\">Linear spread right (irregular)</span>\n\t\t\t\t\t<span id=\"nav-fan10\">Linear spread left (irregular)</span>\n\n\t\t\t\t\t<span id=\"nav-fanOther1\">other</span>\n\t\t\t\t\t<span id=\"nav-fanOther2\">other</span>\n\t\t\t\t\t<span id=\"nav-fanOther3\">other</span>\n\t\t\t\t\t<span id=\"nav-fanOther4\">other...</span>\n\n\t\t\t\t\t<span id=\"add\">Add items</span>\n\t\t\t\t</nav>\n\n\t\t\t\t<div class=\"baraja-demo\">\n\t\t\t\t\t<ul id=\"baraja-el\" class=\"baraja-container\">\n\t\t\t\t\t\t<li><img src=\"images/1.jpg\" alt=\"image1\"/><h4>Coco Loko</h4><p>Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/2.jpg\" alt=\"image2\"/><h4>Vermouth Land</h4><p>Velit chambray fugiat, enim aesthetic esse ullamco typewriter.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/3.jpg\" alt=\"image3\"/><h4>Electrodynamics</h4><p>Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/4.jpg\" alt=\"image4\"/><h4>Retinal Bliss</h4><p>Locavore vero ad, before they sold out food truck bushwick helvetica.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/5.jpg\" alt=\"image5\"/><h4>Disco Fever</h4><p>Cillum laboris consequat, qui elit retro next level skateboard freegan hella.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/6.jpg\" alt=\"image6\"/><h4>Serenity</h4><p>Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/7.jpg\" alt=\"image7\"/><h4>Dark Honor</h4><p>Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/8.jpg\" alt=\"image8\"/><h4>Nested Happiness</h4><p>Minim post-ironic banksy american apparel iphone wayfarers.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/9.jpg\" alt=\"image9\"/><h4>Cherry Country</h4><p>Sint vinyl Austin street art odd future id trust fund, terry richardson cray.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/10.jpg\" alt=\"image10\"/><h4>Cherry Country</h4><p>Sint vinyl Austin street art odd future id trust fund, terry richardson cray.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/11.jpg\" alt=\"image11\"/><h4>Coco Loko</h4><p>Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/12.jpg\" alt=\"image12\"/><h4>Vermouth Land</h4><p>Velit chambray fugiat, enim aesthetic esse ullamco typewriter.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/3.jpg\" alt=\"image3\"/><h4>Electrodynamics</h4><p>Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/4.jpg\" alt=\"image4\"/><h4>Retinal Bliss</h4><p>Locavore vero ad, before they sold out food truck bushwick helvetica.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/5.jpg\" alt=\"image5\"/><h4>Disco Fever</h4><p>Cillum laboris consequat, qui elit retro next level skateboard freegan hella.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/6.jpg\" alt=\"image6\"/><h4>Serenity</h4><p>Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/7.jpg\" alt=\"image7\"/><h4>Dark Honor</h4><p>Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.</p></li>\n\t\t\t\t\t\t<li><img src=\"images/8.jpg\" alt=\"image8\"/><h4>Nested Happiness</h4><p>Minim post-ironic banksy american apparel iphone wayfarers.</p></li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<nav class=\"actions light\">\n\t\t\t\t\t<span id=\"nav-prev\">&lt;</span>\n\t\t\t\t\t<span id=\"nav-next\">&gt;</span>\n\t\t\t\t\t<span id=\"close\">close</span>\n\t\t\t\t</nav>\n\t\t\t</section>\n\t\t\t\n        </div>\n        <script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js\"></script>\n        <script type=\"text/javascript\" src=\"js/jquery.baraja.js\"></script>\n        <script type=\"text/javascript\">\t\n\t\t\t$(function() {\n\n\t\t\t\tvar $el = $( '#baraja-el' ),\n\t\t\t\t\tbaraja = $el.baraja();\n\n\t\t\t\t// navigation\n\t\t\t\t$( '#nav-prev' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.previous();\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-next' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.next();\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t// simple fan\n\t\t\t\t$( '#nav-fan' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 90,\n\t\t\t\t\t\tdirection : 'right',\n\t\t\t\t\t\torigin : { x : 25, y : 100 },\n\t\t\t\t\t\tcenter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fan2' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 90,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\t// note that the x origin changes (symmetric)\n\t\t\t\t\t\torigin : { x : 75, y : 100 },\n\t\t\t\t\t\tcenter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t// more realistic fan: without common origin (means the origin changes / increments by card )\n\t\t\t\t$( '#nav-fan3' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 90,\n\t\t\t\t\t\tdirection : 'right',\n\t\t\t\t\t\torigin : { minX : 20, maxX : 80, y : 100 },\n\t\t\t\t\t\tcenter : true,\n\t\t\t\t\t\ttranslation : 60\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fan4' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 90,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\torigin : { minX : 20, maxX : 80, y : 100 },\n\t\t\t\t\t\tcenter : true,\n\t\t\t\t\t\ttranslation : 60\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t// playing with different origins and ranges\t\n\t\t\t\t$( '#nav-fan5' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 100,\n\t\t\t\t\t\tdirection : 'right',\n\t\t\t\t\t\torigin : { x : 50, y : 200 },\n\t\t\t\t\t\tcenter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fan6' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 80,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\torigin : { x : 200, y : 50 },\n\t\t\t\t\t\tcenter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t// center false, playing with translation\n\t\t\t\t$( '#nav-fan7' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 20,\n\t\t\t\t\t\tdirection : 'right',\n\t\t\t\t\t\torigin : { x : 50, y : 200 },\n\t\t\t\t\t\tcenter : false,\n\t\t\t\t\t\ttranslation : 300\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fan8' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 20,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\torigin : { x : 50, y : 200 },\n\t\t\t\t\t\tcenter : false,\n\t\t\t\t\t\ttranslation : 300\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t// using scatter : true\n\t\t\t\t$( '#nav-fan9' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 20,\n\t\t\t\t\t\tdirection : 'right',\n\t\t\t\t\t\torigin : { x : 50, y : 200 },\n\t\t\t\t\t\tcenter : false,\n\t\t\t\t\t\ttranslation : 300,\n\t\t\t\t\t\tscatter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fan10' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 20,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\torigin : { x : 50, y : 200 },\n\t\t\t\t\t\tcenter : false,\n\t\t\t\t\t\ttranslation : 300,\n\t\t\t\t\t\tscatter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fanOther1' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 130,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\torigin : { x : 25, y : 100 },\n\t\t\t\t\t\tcenter : false\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fanOther2' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 360,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\torigin : { x : 50, y : 90 },\n\t\t\t\t\t\tcenter : false\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fanOther3' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 330,\n\t\t\t\t\t\tdirection : 'left',\n\t\t\t\t\t\torigin : { x : 50, y : 100 },\n\t\t\t\t\t\tcenter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t$( '#nav-fanOther4' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.fan( {\n\t\t\t\t\t\tspeed : 500,\n\t\t\t\t\t\teasing : 'ease-out',\n\t\t\t\t\t\trange : 90,\n\t\t\t\t\t\tdirection : 'right',\n\t\t\t\t\t\torigin : { minX : 20, maxX : 80, y : 100 },\n\t\t\t\t\t\tcenter : true,\n\t\t\t\t\t\ttranslation : 60,\n\t\t\t\t\t\tscatter : true\n\t\t\t\t\t} );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t// close the baraja\n\t\t\t\t$( '#close' ).on( 'click', function( event ) {\n\n\t\t\t\t\tbaraja.close();\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t\t// example of how to add more items\n\t\t\t\t$( '#add' ).on( 'click', function( event ) {\n\n\t\t\t\t\tif( $( this ).hasClass( 'disabled' ) ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\t$( this ).addClass( 'disabled' );\n\n\t\t\t\t\tbaraja.add( $('<li><img src=\"images/6.jpg\" alt=\"image6\"/><h4>Serenity</h4><p>Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.</p></li><li><img src=\"images/7.jpg\" alt=\"image7\"/><h4>Dark Honor</h4><p>Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.</p></li><li><img src=\"images/8.jpg\" alt=\"image8\"/><h4>Nested Happiness</h4><p>Minim post-ironic banksy american apparel iphone wayfarers.</p></li><li><img src=\"images/9.jpg\" alt=\"image9\"/><h4>Cherry Country</h4><p>Sint vinyl Austin street art odd future id trust fund, terry richardson cray.</p></li>') );\n\t\t\t\t\n\t\t\t\t} );\n\n\t\t\t});\n\t\t</script>\n    </body>\n</html>\n"
  },
  {
    "path": "js/jquery.baraja.js",
    "content": "/**\n * jquery.baraja.js v1.0.0\n * http://www.codrops.com\n *\n * Licensed under the MIT license.\n * http://www.opensource.org/licenses/mit-license.php\n * \n * Copyright 2012, Codrops\n * http://www.codrops.com\n */\n;( function( $, window, undefined ) {\n\t\n\t'use strict';\n\n\t// global\n\tvar Modernizr = window.Modernizr;\n\n\tjQuery.fn.reverse = [].reverse;\n\n\t$.Baraja = function( options, element ) {\n\t\t\n\t\tthis.$el = $( element );\n\t\tthis._init( options );\n\t\t\n\t};\n\n\t// the options\n\t$.Baraja.defaults = {\n\t\t// if we want to specify a selector that triggers the next() function. example: '#baraja-nav-next'\n\t\tnextEl : '',\n\t\t// if we want to specify a selector that triggers the previous() function\n\t\tprevEl : '',\n\t\t// default transition speed\n\t\tspeed : 300,\n\t\t// default transition easing\n\t\teasing : 'ease-in-out'\n\t};\n\n\t$.Baraja.prototype = {\n\n\t\t_init : function( options ) {\n\t\t\t\n\t\t\t// options\n\t\t\tthis.options = $.extend( true, {}, $.Baraja.defaults, options );\n\n\t\t\tvar transEndEventNames = {\n\t\t\t\t'WebkitTransition' : 'webkitTransitionEnd',\n\t\t\t\t'MozTransition' : 'transitionend',\n\t\t\t\t'OTransition' : 'oTransitionEnd',\n\t\t\t\t'msTransition' : 'MSTransitionEnd',\n\t\t\t\t'transition' : 'transitionend'\n\t\t\t};\n\t\t\tthis.transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ];\n\n\t\t\tthis._setDefaultFanSettings();\n\n\t\t\tthis.$items = this.$el.children( 'li' );\n\t\t\tthis.itemsCount = this.$items.length;\n\t\t\tif( this.itemsCount === 0 ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t// support for CSS Transitions\n\t\t\tthis.supportTransitions = Modernizr.csstransitions;\n\t\t\t// opened/closed deck\n\t\t\tthis.closed = true;\n\t\t\t// lowest value for the z-index given to the items\n\t\t\tthis.itemZIndexMin = 1000;\n\t\t\t// sets the item's z-index value\n\t\t\tthis._setStack();\n\t\t\t// initialize some events\n\t\t\tthis._initEvents();\n\n\t\t},\n\t\t_setDefaultFanSettings : function() {\n\n\t\t\tthis.fanSettings = {\n\t\t\t\t// speed for opening/closing\n\t\t\t\tspeed : 500,\n\t\t\t\t// easing for opening/closing\n\t\t\t\teasing : 'ease-out',\n\t\t\t\t// difference/range of possible angles that the items will have\n\t\t\t\t// example: with range:90 and center:false the first item\n\t\t\t\t// will have 0deg and the last one 90deg;\n\t\t\t\t// if center:true, then the first one will have 45deg\n\t\t\t\t// and the last one -45deg; in both cases the difference is 90deg\n\t\t\t\trange : 90,\n\t\t\t\t// this defines the position of the first item \n\t\t\t\t// (to the right, to the left)\n\t\t\t\t// and its angle (clockwise / counterclockwise)\n\t\t\t\tdirection : 'right',\n\t\t\t\t// transform origin:\n\t\t\t\t// you can also pass a minX and maxX, meaning the left value \n\t\t\t\t// will vary between minX and maxX \n\t\t\t\torigin : { x : 25, y : 100 },\n\t\t\t\t// additional translation of each item\n\t\t\t\ttranslation : 0,\n\t\t\t\t// if the cards should be centered after the transform \n\t\t\t\t// is applied\n\t\t\t\tcenter : true,\n\t\t\t\t// add a random factor to the final transform\n\t\t\t\tscatter : false\n\t\t\t};\n\n\t\t},\n\t\t_validateDefaultFanSettings : function( settings ) {\n\n\t\t\tif( !settings.origin ) {\n\t\t\t\tsettings.origin = this.fanSettings.origin;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tsettings.origin.x = settings.origin.x || this.fanSettings.origin.x;\n\t\t\t\tsettings.origin.y = settings.origin.y || this.fanSettings.origin.y;\n\t\t\t}\n\t\t\tsettings.speed = settings.speed || this.fanSettings.speed;\n\t\t\tsettings.easing = settings.easing || this.fanSettings.easing;\n\t\t\tsettings.direction = settings.direction || this.fanSettings.direction;\n\t\t\tsettings.range = settings.range || this.fanSettings.range;\n\t\t\tsettings.translation = settings.translation || this.fanSettings.translation;\n\t\t\tif( settings.center == undefined ) {\n\t\t\t\tsettings.center = this.fanSettings.center\n\t\t\t}\n\t\t\tif( settings.scatter == undefined ) {\n\t\t\t\tsettings.scatter = this.fanSettings.scatter\n\t\t\t}\n\t\t\t\n\t\t\tthis.direction = settings.direction;\n\n\t\t\treturn settings;\n\n\t\t},\n\t\t_setStack : function( $items ) {\n\n\t\t\tvar self = this;\n\t\t\t$items = $items || this.$items;\n\n\t\t\t$items.each( function( i ) {\n\n\t\t\t\t$( this ).css( 'z-index', self.itemZIndexMin + self.itemsCount - 1 - i );\n\n\t\t\t} );\n\n\t\t},\n\t\t_updateStack : function( $el, dir ) {\n\n\t\t\tvar currZIndex = Number( $el.css( 'z-index' ) ),\n\t\t\t\tnewZIndex = dir === 'next' ? this.itemZIndexMin - 1 : this.itemZIndexMin + this.itemsCount,\n\t\t\t\textra = dir === 'next' ? '+=1' : '-=1';\n\t\t\t\n\t\t\t$el.css( 'z-index', newZIndex );\n\n\t\t\tthis.$items.filter( function() {\n\n\t\t\t\tvar zIdx = Number( $( this ).css( 'z-index' ) ),\n\t\t\t\t\tcond = dir === 'next' ? zIdx < currZIndex : zIdx > currZIndex\n\t\t\t\t\n\t\t\t\treturn cond;\n\n\t\t\t} ).css( 'z-index', extra );\n\n\t\t},\n\t\t_initEvents : function() {\n\n\t\t\tvar self = this;\n\n\t\t\tif( this.options.nextEl !== '' ) {\n\n\t\t\t\t$( this.options.nextEl ).on( 'click.baraja', function() {\n\n\t\t\t\t\tself._navigate( 'next' );\n\t\t\t\t\treturn false;\n\n\t\t\t\t} );\n\n\t\t\t}\n\n\t\t\tif( this.options.prevEl !== '' ) {\n\n\t\t\t\t$( this.options.prevEl ).on( 'click.baraja', function() {\n\n\t\t\t\t\tself._navigate( 'prev' );\n\t\t\t\t\treturn false;\n\n\t\t\t\t} );\n\n\t\t\t}\n\n\t\t\tthis.$el.on( 'click.baraja', 'li', function() {\n\n\t\t\t\tif( !self.isAnimating ) {\n\n\t\t\t\t\tself._move2front( $( this ) );\n\n\t\t\t\t}\n\n\t\t\t} );\n\n\t\t},\n\t\t_resetTransition : function( $el ) {\n\n\t\t\t$el.css( {\n\t\t\t\t'-webkit-transition' : 'none',\n\t\t\t\t'-moz-transition' : 'none',\n\t\t\t\t'-ms-transition' : 'none',\n\t\t\t\t'-o-transition' : 'none',\n\t\t\t\t'transition' : 'none'\n\t\t\t} );\n\n\t\t},\n\t\t_setOrigin : function( $el, x, y ) {\n\n\t\t\t$el.css( 'transform-origin' , x + '% ' + y + '%' );\n\n\t\t},\n\t\t_setTransition : function( $el, prop, speed, easing, delay ) {\n\n\t\t\tif( !this.supportTransitions ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tif( !prop ) {\n\t\t\t\tprop = 'all';\n\t\t\t}\n\t\t\tif( !speed ) {\n\t\t\t\tspeed = this.options.speed;\n\t\t\t}\n\t\t\tif( !easing ) {\n\t\t\t\teasing = this.options.easing;\n\t\t\t}\n\t\t\tif( !delay ) {\n\t\t\t\tdelay = 0;\n\t\t\t}\n\n\t\t\tvar styleCSS = '';\n\t\t\t\n\t\t\tprop === 'transform' ?\n\t\t\t\tstyleCSS = {\n\t\t\t\t\t'-webkit-transition' : '-webkit-transform ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'-moz-transition' : '-moz-transform ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'-ms-transition' : '-ms-transform ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'-o-transition' : '-o-transform ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'transition' : 'transform ' + speed + 'ms ' + easing + ' ' + delay + 'ms'\n\t\t\t\t} :\n\t\t\t\tstyleCSS = {\n\t\t\t\t\t'-webkit-transition' : prop + ' ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'-moz-transition' : prop + ' ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'-ms-transition' : prop + ' ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'-o-transition' : prop + ' ' + speed + 'ms ' + easing + ' ' + delay + 'ms',\n\t\t\t\t\t'transition' : prop + ' ' + speed + 'ms ' + easing + ' ' + delay + 'ms'\n\t\t\t\t}\n\n\t\t\t$el.css( styleCSS );\n\n\t\t},\n\t\t_applyTransition : function( $el, styleCSS, fncomplete, force ) {\n\n\t\t\tif( this.supportTransitions ) {\n\n\t\t\t\tif( fncomplete ) {\n\n\t\t\t\t\t$el.on( this.transEndEventName, fncomplete );\n\n\t\t\t\t\tif( force ) {\n\t\t\t\t\t\tfncomplete.call();\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\tsetTimeout( function() { $el.css( styleCSS ); }, 25 );\n\n\t\t\t}\n\t\t\telse {\n\n\t\t\t\t$el.css( styleCSS );\n\n\t\t\t\tif( fncomplete ) {\n\n\t\t\t\t\tfncomplete.call();\n\t\t\t\t\t\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t},\n\t\t_navigate : function( dir ) {\n\n\t\t\tthis.closed = false;\n\n\t\t\tvar self = this, \n\t\t\t\textra = 15,\n\t\t\t\tcond = dir === 'next' ? self.itemZIndexMin + self.itemsCount - 1 : self.itemZIndexMin,\n\t\t\t\t$item = this.$items.filter( function() {\n\t\t\t\t\t\n\t\t\t\t\treturn Number( $( this ).css( 'z-index' ) ) === cond;\n\n\t\t\t\t} ),\n\t\t\t\ttranslation = dir === 'next' ? $item.outerWidth( true ) + extra : $item.outerWidth( true ) * -1 - extra,\n\t\t\t\trotation = dir === 'next' ? 5 : 5 * -1;\n\t\t\t\t\n\t\t\tthis._setTransition( $item, 'transform', this.options.speed, this.options.easing );\n\n\t\t\tthis._applyTransition( $item, { transform : 'translate(' + translation + 'px) rotate(' + rotation + 'deg)' }, function() {\n\n\t\t\t\t$item.off( self.transEndEventName );\n\t\t\t\tself._updateStack( $item, dir );\n\n\t\t\t\tself._applyTransition( $item, { transform : 'translate(0px) rotate(0deg)' }, function() {\n\t\t\t\t\t\n\t\t\t\t\t$item.off( self.transEndEventName );\n\t\t\t\t\tself.isAnimating = false;\n\t\t\t\t\tself.closed = true;\n\n\t\t\t\t} );\n\n\t\t\t} );\n\n\t\t},\n\t\t_move2front : function( $item ) {\n\n\t\t\tthis.isAnimating = true;\n\n\t\t\tvar self = this,\n\t\t\t\tisTop = Number( $item.css( 'z-index' ) ) === this.itemZIndexMin + this.itemsCount - 1,\n\t\t\t\tcallback = isTop ? function() { self.isAnimating = false; } : function() { return false; },\n\t\t\t\t$item = isTop ? null : $item;\n\n\t\t\t// if it's the one with higher z-index, just close the baraja\n\t\t\tif( !this.closed ) {\n\n\t\t\t\tthis._close( callback, $item );\n\n\t\t\t}\n\t\t\telse {\n\n\t\t\t\tthis._fan();\n\n\t\t\t}\n\n\t\t\tif( isTop ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tthis._resetTransition( $item );\n\t\t\tthis._setOrigin( $item, 50, 50 );\n\n\t\t\t$item.css( {\n\t\t\t\topacity : 0,\n\t\t\t\ttransform : 'scale(2) translate(100px) rotate(20deg)'\n\t\t\t} );\n\n\t\t\tthis._updateStack( $item, 'prev' );\n\n\t\t\tsetTimeout( function() {\n\n\t\t\t\tself._setTransition( $item, 'all', self.options.speed, 'ease-in' );\n\t\t\t\tself._applyTransition( $item, { transform : 'none', opacity : 1 }, function() {\n\n\t\t\t\t\t$item.off( self.transEndEventName );\n\t\t\t\t\tself.isAnimating = false;\n\n\t\t\t\t} );\n\n\t\t\t}, this.options.speed / 2 );\n\n\t\t},\n\t\t_close : function( callback, $item ) {\n\n\t\t\tvar self = this,\n\t\t\t\t$items = self.$items,\n\t\t\t\tforce = this.closed ? true : false;\n\n\t\t\tif( $item ) {\n\t\t\t\t$items = $items.not( $item );\n\t\t\t}\n\n\t\t\tthis._applyTransition( $items, { transform : 'none' }, function() {\n\t\t\t\t\n\t\t\t\tself.closed = true;\n\t\t\t\t$items.off( self.transEndEventName );\n\t\t\t\tself._resetTransition( $items );\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\n\t\t\t\t\tself._setOrigin( $items, 50, 50 );\n\t\t\t\t\t\n\t\t\t\t\tif( callback ) {\n\t\t\t\t\t\tcallback.call();\n\t\t\t\t\t}\n\n\t\t\t\t}, 25);\n\n\t\t\t}, force );\n\n\t\t},\n\t\t_fan : function( settings ) {\n\n\t\t\tvar self = this;\n\n\t\t\tthis.closed = false;\n\n\t\t\tsettings = this._validateDefaultFanSettings( settings || {} );\n\t\t\t\n\t\t\t// set transform origins\n\t\t\t// if minX and maxX are passed:\n\t\t\tif( settings.origin.minX && settings.origin.maxX ) {\n\n\t\t\t\tvar max = settings.origin.maxX, min = settings.origin.minX,\n\t\t\t\t\tstepOrigin = ( max - min ) / this.itemsCount;\n\n\t\t\t\tthis.$items.each( function( i ) {\n\n\t\t\t\t\tvar $el = $( this ),\n\t\t\t\t\t\tpos = self.itemsCount - 1 - ( Number( $el.css( 'z-index' ) ) - self.itemZIndexMin ),\n\t\t\t\t\t\toriginX = pos * ( max - min + stepOrigin ) / self.itemsCount + min;\n\n\t\t\t\t\tif( settings.direction === 'left' ) {\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\toriginX = max + min - originX;\n\n\t\t\t\t\t}\n\n\t\t\t\t\tself._setOrigin( $( this ), originX, settings.origin.y );\n\n\t\t\t\t} );\n\t\t\t\n\t\t\t}\n\t\t\telse {\n\n\t\t\t\tthis._setOrigin( this.$items, settings.origin.x , settings.origin.y );\n\n\t\t\t}\n\n\t\t\tthis._setTransition( this.$items, 'transform', settings.speed, settings.easing );\n\n\t\t\tvar stepAngle = settings.range / ( this.itemsCount - 1 ),\n\t\t\t\tstepTranslation = settings.translation / ( this.itemsCount - 1 ),\n\t\t\t\tcnt = 0;\n\t\t\t\n\t\t\tthis.$items.each( function( i ) {\n\n\t\t\t\tvar $el = $( this ),\n\t\t\t\t\tpos = self.itemsCount - 1 - ( Number( $el.css( 'z-index' ) ) - self.itemZIndexMin ),\n\t\t\t\t\tval = settings.center ? settings.range / 2 : settings.range,\n\t\t\t\t\tangle = val - stepAngle * pos,\n\t\t\t\t\tposition = stepTranslation * ( self.itemsCount - pos - 1 );\n\n\t\t\t\tif( settings.direction === 'left' ) {\n\t\t\t\t\t\n\t\t\t\t\tangle *= -1;\n\t\t\t\t\tposition *= -1;\n\n\t\t\t\t}\n\n\t\t\t\tif( settings.scatter ) {\n\t\t\t\t\t\n\t\t\t\t\tvar extraAngle = Math.floor( Math.random() * stepAngle ),\n\t\t\t\t\t\textraPosition = Math.floor( Math.random() * stepTranslation ) ;\n\t\t\t\t\t\n\t\t\t\t\t// not for the first item..\n\t\t\t\t\tif( pos !== self.itemsCount - 1 ) {\n\n\t\t\t\t\t\tangle = settings.direction === 'left' ? angle + extraAngle : angle - extraAngle;\n\t\t\t\t\t\tposition = settings.direction === 'left' ? position - extraPosition : position + extraPosition;\n\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t// save..\n\t\t\t\t$el.data( { translation : position, rotation : angle } );\n\n\t\t\t\tself._applyTransition( $el, { transform : 'translate(' + position + 'px) rotate(' + angle + 'deg)' }, function() {\n\n\t\t\t\t\t++cnt;\n\t\t\t\t\t$el.off( self.transEndEventName );\n\t\t\t\t\t\n\t\t\t\t\tif( cnt === self.itemsCount - 1 ) {\n\t\t\t\t\t\tself.isAnimating = false;\n\t\t\t\t\t}\n\n\t\t\t\t} );\n\n\t\t\t} );\n\n\t\t},\n\t\t// adds new elements to the deck\n\t\t_add : function( $elems ) {\n\n\t\t\tvar self = this, \n\t\t\t\tnewElemsCount = $elems.length, cnt = 0;\n\n\t\t\t$elems.css( 'opacity', 0 ).appendTo( this.$el );\n\n\t\t\t// reset\n\t\t\tthis.$items = this.$el.children( 'li' );\n\t\t\tthis.itemsCount = this.$items.length;\n\t\t\t\n\t\t\t// set z-indexes\n\t\t\tthis._setStack( $elems );\n\t\t\t\n\t\t\t// animate new items\n\t\t\t$elems.css( 'transform', 'scale(1.8) translate(200px) rotate(15deg)' ).reverse().each( function( i ) {\n\n\t\t\t\tvar $el = $( this );\n\n\t\t\t\tself._setTransition( $el, 'all', 500, 'ease-out', i * 200 );\n\t\t\t\tself._applyTransition( $el, { transform : 'none', opacity : 1 }, function() {\n\n\t\t\t\t\t++cnt;\n\t\t\t\t\t\n\t\t\t\t\t$el.off( self.transEndEventName );\n\t\t\t\t\tself._resetTransition( $el );\n\n\t\t\t\t\tif( cnt === newElemsCount ) {\n\t\t\t\t\t\tself.isAnimating = false;\n\t\t\t\t\t}\n\n\t\t\t\t} );\n\n\t\t\t} );\n\n\t\t},\n\t\t_allowAction : function() {\n\n\t\t\treturn this.itemsCount > 1;\n\n\t\t},\n\t\t_prepare : function( callback ) {\n\n\t\t\tvar self = this;\n\t\t\t\n\t\t\tif( !this.closed ) {\n\n\t\t\t\tthis._close( function() {\n\n\t\t\t\t\tcallback.call();\n\n\t\t\t\t} );\n\n\t\t\t}\n\t\t\telse {\n\n\t\t\t\tcallback.call();\n\n\t\t\t}\n\n\t\t},\n\t\t_dispatch : function( action, args ) {\n\n\t\t\tvar self = this;\n\n\t\t\tif( ( ( action === this._fan || action === this._navigate ) && !this._allowAction() ) || this.isAnimating ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tthis.isAnimating = true;\n\t\t\t\n\t\t\tthis._prepare( function() {\n\n\t\t\t\taction.call( self, args );\n\n\t\t\t} );\n\n\t\t},\n\t\t// public method: closes the deck\n\t\tclose : function( settings ) {\n\n\t\t\tif( this.isAnimating ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tthis._close();\n\n\t\t},\n\t\t// public method: shows next item\n\t\tnext : function() {\n\n\t\t\tthis._dispatch( this._navigate, 'next' );\n\n\t\t},\n\t\t// public method: shows previous item\n\t\tprevious : function() {\n\n\t\t\tthis._dispatch( this._navigate, 'prev' );\n\n\t\t},\n\t\t// public method: opens the deck\n\t\tfan : function( settings ) {\n\n\t\t\tthis._dispatch( this._fan, settings );\n\n\t\t},\n\t\t// public method: adds new elements\n\t\tadd : function ( $elems ) {\n\n\t\t\tthis._dispatch( this._add, $elems );\n\n\t\t}\n\n\t};\n\t\n\tvar logError = function( message ) {\n\n\t\tif ( window.console ) {\n\n\t\t\twindow.console.error( message );\n\t\t\n\t\t}\n\n\t};\n\t\n\t$.fn.baraja = function( options ) {\n\n\t\tvar instance = $.data( this, 'baraja' );\n\t\t\n\t\tif ( typeof options === 'string' ) {\n\t\t\t\n\t\t\tvar args = Array.prototype.slice.call( arguments, 1 );\n\t\t\t\n\t\t\tthis.each(function() {\n\t\t\t\n\t\t\t\tif ( !instance ) {\n\n\t\t\t\t\tlogError( \"cannot call methods on baraja prior to initialization; \" +\n\t\t\t\t\t\"attempted to call method '\" + options + \"'\" );\n\t\t\t\t\treturn;\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tif ( !$.isFunction( instance[options] ) || options.charAt(0) === \"_\" ) {\n\n\t\t\t\t\tlogError( \"no such method '\" + options + \"' for baraja instance\" );\n\t\t\t\t\treturn;\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tinstance[ options ].apply( instance, args );\n\t\t\t\n\t\t\t});\n\t\t\n\t\t} \n\t\telse {\n\t\t\n\t\t\tthis.each(function() {\n\t\t\t\t\n\t\t\t\tif ( instance ) {\n\n\t\t\t\t\tinstance._init();\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\telse {\n\n\t\t\t\t\tinstance = $.data( this, 'baraja', new $.Baraja( options, this ) );\n\t\t\t\t\n\t\t\t\t}\n\n\t\t\t});\n\t\t\n\t\t}\n\t\t\n\t\treturn instance;\n\t\t\n\t};\n\t\n} )( jQuery, window );\n"
  },
  {
    "path": "js/modernizr.custom.79639.js",
    "content": "/* Modernizr 2.6.2 (Custom Build) | MIT & BSD\n * Build: http://modernizr.com/download/#-csstransforms-csstransforms3d-csstransitions-shiv-cssclasses-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes-load\n */\n;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+\";\")+(b||\"\"))}function B(a,b){return typeof a===b}function C(a,b){return!!~(\"\"+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,\"-\")&&j[e]!==c)return b==\"pfx\"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,\"function\")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+\" \"+o.join(d+\" \")+d).split(\" \");return B(b,\"string\")||B(b,\"undefined\")?D(e,b):(e=(a+\" \"+p.join(d+\" \")+d).split(\" \"),E(e,b,c))}var d=\"2.6.2\",e={},f=!0,g=b.documentElement,h=\"modernizr\",i=b.createElement(h),j=i.style,k,l={}.toString,m=\" -webkit- -moz- -o- -ms- \".split(\" \"),n=\"Webkit Moz O ms\",o=n.split(\" \"),p=n.toLowerCase().split(\" \"),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement(\"div\"),m=b.body,n=m||b.createElement(\"body\");if(parseInt(d,10))while(d--)j=b.createElement(\"div\"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=[\"&#173;\",'<style id=\"s',h,'\">',a,\"</style>\"].join(\"\"),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background=\"\",n.style.overflow=\"hidden\",k=g.style.overflow,g.style.overflow=\"hidden\",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,\"undefined\")&&!B(x.call,\"undefined\")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],\"undefined\")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!=\"function\")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.csstransforms=function(){return!!F(\"transform\")},q.csstransforms3d=function(){var a=!!F(\"perspective\");return a&&\"webkitPerspective\"in g.style&&w(\"@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}\",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},q.csstransitions=function(){return F(\"transition\")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?\"\":\"no-\")+v));return e.addTest=function(a,b){if(typeof a==\"object\")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b==\"function\"?b():b,typeof f!=\"undefined\"&&f&&(g.className+=\" \"+(b?\"\":\"no-\")+a),e[a]=b}return e},z(\"\"),i=k=null,function(a,b){function k(a,b){var c=a.createElement(\"p\"),d=a.getElementsByTagName(\"head\")[0]||a.documentElement;return c.innerHTML=\"x<style>\"+b+\"</style>\",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a==\"string\"?a.split(\" \"):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function(\"h,f\",\"return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(\"+l().join().replace(/\\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c(\"'+a+'\")'})+\");return n}\")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,\"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}\")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g=\"_html5shiv\",h=0,i={},j;(function(){try{var a=b.createElement(\"a\");a.innerHTML=\"<xyz></xyz>\",f=\"hidden\"in a,j=a.childNodes.length==1||function(){b.createElement(\"a\");var a=b.createDocumentFragment();return typeof a.cloneNode==\"undefined\"||typeof a.createDocumentFragment==\"undefined\"||typeof a.createElement==\"undefined\"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||\"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video\",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:\"default\",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,e.prefixed=function(a,b,c){return b?F(a,b,c):F(a,\"pfx\")},g.className=g.className.replace(/(^|\\s)no-js(\\s|$)/,\"$1$2\")+(f?\" js \"+t.join(\" \"):\"\"),e}(this,this.document),function(a,b,c){function d(a){return\"[object Function]\"==o.call(a)}function e(a){return\"string\"==typeof a}function f(){}function g(a){return!a||\"loaded\"==a||\"complete\"==a||\"uninitialized\"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){(\"c\"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){\"img\"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),\"object\"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height=\"0\",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),\"img\"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||\"j\",e(a)?i(\"c\"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName(\"script\")[0],o={}.toString,p=[],q=0,r=\"MozAppearance\"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&\"[object Opera]\"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?\"object\":l?\"script\":\"img\",v=l?\"script\":u,w=Array.isArray||function(a){return\"[object Array]\"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split(\"!\"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split(\"=\"),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(\".\").pop().split(\"?\").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split(\"/\").pop().split(\"?\")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&\"css\"==i.url.split(\".\").pop().split(\"?\").shift()?\"c\":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState=\"loading\",b.addEventListener(\"DOMContentLoaded\",A=function(){b.removeEventListener(\"DOMContentLoaded\",A,0),b.readyState=\"complete\"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement(\"script\"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement(\"link\"),j,c=i?h:c||f;e.href=a,e.rel=\"stylesheet\",e.type=\"text/css\";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};"
  }
]