RubyGems - rbbt-views - Versions diffs - 1.0.1 → 2.0.0 - Mend

rbbt-views 1.0.1 → 2.0.0

Files changed (177) hide show

data/share/views/public/plugins/cytoscape-web/README.txt ADDED Viewed

@@ -0,0 +1,213 @@
+================================================================================
+LICENSE AGREEMENT AND DISCLAIMER
+================================================================================
+Cytoscape Web is developed as part of the Cytoscape project, by members of the
+Cytoscape Consortium.
+It is available at http://www.cytoscape.org and provided to all users
+free of charge under the Lesser GNU Public License (LGPL).
+Users of Cytoscape Web must first agree to the license agreement
+provided in the file "LICENSE.txt".
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+================================================================================
+WEBSITE
+================================================================================
+Visit our Website at http://cytoscapeweb.cytoscape.org/
+================================================================================
+INSTALLATION AND USAGE
+================================================================================
+1. Copy all the files from js/min/ and swf/ to your project folder.
+2. Create an HTML file in the same folder and reference the copied JavaScript
+   files:
+        <head>
+            <script type="text/javascript" src="AC_OETags.min.js"></script>
+            <script type="text/javascript" src="json2.min.js"></script>
+            <script type="text/javascript" src="cytoscapeweb.min.js"></script>
+        </head>
+3. Add a div or another HTML container and give it an ID (Cytoscape Web will
+   replace its contents with the rendered graph):
+        <body>
+            <div id="cytoscapeweb" style="width:600px;height:400px;"></div>
+        </body>
+4. Write JavaScript code to initialize and start Cytoscape Web:
+        <script type="text/javascript">
+            // network data could alternatively be grabbed via ajax
+            var xml = '\
+            <graphml>\
+              <graph>\
+                <node id="1"/>\
+                <node id="2"/>\
+                <edge target="1" source="2"/>\
+              </graph>\
+            </graphml>\
+            ';
+            // init and draw
+            var vis = new org.cytoscapeweb.Visualization("cytoscapeweb");
+            vis.draw({ network: xml });
+        </script>
+--------------------------------------------------------------------------------
+To see other examples and the API documentation, visit
+http://cytoscapeweb.cytoscape.org/documentation
+================================================================================
+SOURCE CODE
+================================================================================
+- You can browse the Cytoscape Web source code at
+  http://chianti.ucsd.edu/svn/cytoscapeweb
+- You can also download the latest source from our Subversion server, by using
+  the following command:
+  svn checkout http://chianti.ucsd.edu/svn/cytoscapeweb/trunk/cytoscapeweb cytoscapeweb-read-only
+- After you download the project from Subversion, you can use Flex Builder or
+  Apache Ant to build it.
+================================================================================
+PROJECT SETUP ON FLEX BUILDER
+================================================================================
+This option requires Adobe's Flex Builder 3 (or the Flex Builder plugin for
+Eclipse).
+It is not free, but you can download a 60-day trial from:
+    http://www.adobe.com/products/flex.
+The Cytoscape Web development team uses Eclipse with the Flex Builder plugin.
+1. Checkout the project from SVN or import it as a Flex project.
+2. Setup the Flex Build Path:
+   * Main source folder:            src
+   * Output folder:                 bin
+   * Source Path (Add Folder):      src-test
+   * Library Path (Add SWC Folder): lib
+3. Add this line to Flex's "additional compiler arguments":
+   -locale en_US -source-path=assets/locale/{locale}
+4. Set the Flex Applications:
+   * src/CytoscapeWeb.mxml (default)
+   * src/TestRunner.mxml
+5. Before running Cytoscape Web with the test page, you need to minify some
+   JavaScript files. We provided an Ant task for that.
+   One option is to manually execute the "js minify" Ant task after the
+   ActionScript code is compiled by the Flex Builder.
+   But if you are using Eclipse with the Flex Builder plugin, it might be
+   more convenient to let Eclipse do it automatically after each build.
+   To allow that, just follow these steps:
+   5.1. Open the project Properties panel and select "Builders".
+   5.2. Click "New..." and choose "Ant Builder".
+   5.3. Give it a name (e.g. "JS Minify"), and enter the following parameters:
+          - Main tab:
+            Buildfile:        ${workspace_loc:/cytoscapeweb/build.xml}
+            Base direectory:  ${workspace_loc:/cytoscapeweb}
+          - Targets tab:
+            Manual Build: js minify
+            Auto Build:   js minify
+    5.4. Click "Apply" and "OK".
+    Now, every time the project is built by the Eclipse Flex Builder plugin,
+    it will also minify the required JavaScript files.
+6. To test Cytoscape Web, just right-click src/CytoscapeWeb.mxml and choose:
+   Run As >> Flex Application
+   The first time it will open CytoscapeWeb.html in your default browser, but
+   it will not work. To fix it, right-click CytoscapeWeb.mxml again and select:
+   Run As >> Run Configurations...
+   Then, under "URL or path to launch", uncheck "Use defaults" and replace
+   "CytoscapeWeb.html" by "tests.html" (on Debug, Profile and Run). Now you can
+   run CytoscapeWeb.mxml again.
+================================================================================
+BUILDING WITH ANT
+================================================================================
+If you do not have Flex Builder, you still can build the project with Apache
+Ant:
+1. Download and install Apache Ant. Installation instructions are available at:
+   http://ant.apache.org/manual/install.html.
+2. Download and install the Flex SDK from:
+   http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3sdk
+3. After installing the Flex SDK, create a file called "local.properties" in the
+   root folder of the Cytoscape Web project (the one that contains "build.xml").
+   Open the created properties file with any text editor and add the FLEX_HOME
+   path, which is the location where you just installed the Flex SDK.
+   Example:
+   FLEX_HOME=/Library/flex_sdk_3.5/
+2. To build Cytoscape Web, open the terminal, go to the project folder and type:
+   ant build
+3. To test it, just open bin/tests.html in a web browser. It will probably not
+   work if you are doing that directly from the file system, because of the
+   Flash Player security settings. You can change it by going to this web page:
+   http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html
+   Just open "Edit locations...", select "Add location...", and add the folder
+   that contains the Cytoscape Web project. Now you can open bin/tests.html
+   again.
+   If you run Cytoscape Web from a Web server, there are no such security
+   issues.
+================================================================================
+LINKING BACK TO US
+================================================================================
+If you use Cytoscape Web, please link us back.
+We appreciate it, because that helps us keep Cytoscape Web development funded.
+Feel free to link to us however you choose or use one of the examples below:
+<a href="http://cytoscapeweb.cytoscape.org/">
+    <img src="http://cytoscapeweb.cytoscape.org/img/logos/cw_s.png" alt="Cytoscape Web"/>
+</a>
+<a href="http://cytoscapeweb.cytoscape.org/">
+    <img src="http://cytoscapeweb.cytoscape.org/img/logos/cw.png" alt="Cytoscape Web"/>
+</a>
+================================================================================
+Thank you for using Cytoscape Web!

data/share/views/public/plugins/cytoscape-web/js/AC_OETags.js ADDED Viewed

@@ -0,0 +1 @@

+ var isIE=(navigator.appVersion.indexOf("MSIE")!=-1)?true:false;var isWin=(navigator.appVersion.toLowerCase().indexOf("win")!=-1)?true:false;var isOpera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false;function ControlVersion(){var a;var b;var c;try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");a=b.GetVariable("$version")}catch(c){}if(!a){try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");a="WIN 6,0,21,0";b.AllowScriptAccess="always";a=b.GetVariable("$version")}catch(c){}}if(!a){try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");a=b.GetVariable("$version")}catch(c){}}if(!a){try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");a="WIN 3,0,18,0"}catch(c){}}if(!a){try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");a="WIN 2,0,0,11"}catch(c){a=-1}}return a}function GetSwfVer(){var g=-1;if(navigator.plugins!=null&&navigator.plugins.length>0){if(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]){var f=navigator.plugins["Shockwave Flash 2.0"]?" 2.0":"";var a=navigator.plugins["Shockwave Flash"+f].description;var e=a.split(" ");var c=e[2].split(".");var h=c[0];var b=c[1];var d=e[3];if(d==""){d=e[4]}if(d[0]=="d"){d=d.substring(1)}else{if(d[0]=="r"){d=d.substring(1);if(d.indexOf("d")>0){d=d.substring(0,d.indexOf("d"))}}else{if(d[0]=="b"){d=d.substring(1)}}}var g=h+"."+b+"."+d}}else{if(navigator.userAgent.toLowerCase().indexOf("webtv/2.6")!=-1){g=4}else{if(navigator.userAgent.toLowerCase().indexOf("webtv/2.5")!=-1){g=3}else{if(navigator.userAgent.toLowerCase().indexOf("webtv")!=-1){g=2}else{if(isIE&&isWin&&!isOpera){g=ControlVersion()}}}}}return g}function DetectFlashVer(f,d,c){versionStr=GetSwfVer();if(versionStr==-1){return false}else{if(versionStr!=0){if(isIE&&isWin&&!isOpera){tempArray=versionStr.split(" ");tempString=tempArray[1];versionArray=tempString.split(",")}else{versionArray=versionStr.split(".")}var e=versionArray[0];var a=versionArray[1];var b=versionArray[2];if(e>parseFloat(f)){return true}else{if(e==parseFloat(f)){if(a>parseFloat(d)){return true}else{if(a==parseFloat(d)){if(b>=parseFloat(c)){return true}}}}}return false}}}function AC_AddExtension(b,a){if(b.indexOf("?")!=-1){return b.replace(/\?/,a+"?")}else{return b+a}}function AC_Generateobj(e,d,a){var c="";if(isIE&&isWin&&!isOpera){c+="<object ";for(var b in e){c+=b+'="'+e[b]+'" '}c+=">";for(var b in d){c+='<param name="'+b+'" value="'+d[b]+'" /> '}c+="</object>"}else{c+="<embed ";for(var b in a){c+=b+'="'+a[b]+'" '}c+="> </embed>"}document.write(c)}function AC_FL_RunContent(){var a=AC_GetArgs(arguments,".swf","movie","clsid:d27cdb6e-ae6d-11cf-96b8-444553540000","application/x-shockwave-flash");AC_Generateobj(a.objAttrs,a.params,a.embedAttrs)}function AC_GetArgs(b,e,g,d,h){var a=new Object();a.embedAttrs=new Object();a.params=new Object();a.objAttrs=new Object();for(var c=0;c<b.length;c=c+2){var f=b[c].toLowerCase();switch(f){case"classid":break;case"pluginspage":a.embedAttrs[b[c]]=b[c+1];break;case"src":case"movie":b[c+1]=AC_AddExtension(b[c+1],e);a.embedAttrs.src=b[c+1];a.params[g]=b[c+1];break;case"onafterupdate":case"onbeforeupdate":case"onblur":case"oncellchange":case"onclick":case"ondblClick":case"ondrag":case"ondragend":case"ondragenter":case"ondragleave":case"ondragover":case"ondrop":case"onfinish":case"onfocus":case"onhelp":case"onmousedown":case"onmouseup":case"onmouseover":case"onmousemove":case"onmouseout":case"onkeypress":case"onkeydown":case"onkeyup":case"onload":case"onlosecapture":case"onpropertychange":case"onreadystatechange":case"onrowsdelete":case"onrowenter":case"onrowexit":case"onrowsinserted":case"onstart":case"onscroll":case"onbeforeeditfocus":case"onactivate":case"onbeforedeactivate":case"ondeactivate":case"type":case"codebase":a.objAttrs[b[c]]=b[c+1];break;case"id":case"width":case"height":case"align":case"vspace":case"hspace":case"class":case"title":case"accesskey":case"name":case"tabindex":a.embedAttrs[b[c]]=a.objAttrs[b[c]]=b[c+1];break;default:a.embedAttrs[b[c]]=a.params[b[c]]=b[c+1]}}a.objAttrs.classid=d;if(h){a.embedAttrs.type=h}return a};

data/share/views/public/plugins/cytoscape-web/js/cytoscapeweb.js ADDED Viewed

@@ -0,0 +1 @@

data/share/views/public/plugins/cytoscape-web/js/json2.js ADDED Viewed

@@ -0,0 +1 @@

+ if(!this.JSON){this.JSON={}}(function(){function f(n){return n<10?"0"+n:n}if(typeof Date.prototype.toJSON!=="function"){Date.prototype.toJSON=function(key){return isFinite(this.valueOf())?this.getUTCFullYear()+"-"+f(this.getUTCMonth()+1)+"-"+f(this.getUTCDate())+"T"+f(this.getUTCHours())+":"+f(this.getUTCMinutes())+":"+f(this.getUTCSeconds())+"Z":null};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(key){return this.valueOf()}}var cx=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,escapable=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,gap,indent,meta={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},rep;function quote(string){escapable.lastIndex=0;return escapable.test(string)?'"'+string.replace(escapable,function(a){var c=meta[a];return typeof c==="string"?c:"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+string+'"'}function str(key,holder){var i,k,v,length,mind=gap,partial,value=holder[key];if(value&&typeof value==="object"&&typeof value.toJSON==="function"){value=value.toJSON(key)}if(typeof rep==="function"){value=rep.call(holder,key,value)}switch(typeof value){case"string":return quote(value);case"number":return isFinite(value)?String(value):"null";case"boolean":case"null":return String(value);case"object":if(!value){return"null"}gap+=indent;partial=[];if(Object.prototype.toString.apply(value)==="[object Array]"){length=value.length;for(i=0;i<length;i+=1){partial[i]=str(i,value)||"null"}v=partial.length===0?"[]":gap?"[\n"+gap+partial.join(",\n"+gap)+"\n"+mind+"]":"["+partial.join(",")+"]";gap=mind;return v}if(rep&&typeof rep==="object"){length=rep.length;for(i=0;i<length;i+=1){k=rep[i];if(typeof k==="string"){v=str(k,value);if(v){partial.push(quote(k)+(gap?": ":":")+v)}}}}else{for(k in value){if(Object.hasOwnProperty.call(value,k)){v=str(k,value);if(v){partial.push(quote(k)+(gap?": ":":")+v)}}}}v=partial.length===0?"{}":gap?"{\n"+gap+partial.join(",\n"+gap)+"\n"+mind+"}":"{"+partial.join(",")+"}";gap=mind;return v}}if(typeof JSON.stringify!=="function"){JSON.stringify=function(value,replacer,space){var i;gap="";indent="";if(typeof space==="number"){for(i=0;i<space;i+=1){indent+=" "}}else{if(typeof space==="string"){indent=space}}rep=replacer;if(replacer&&typeof replacer!=="function"&&(typeof replacer!=="object"||typeof replacer.length!=="number")){throw new Error("JSON.stringify")}return str("",{"":value})}}if(typeof JSON.parse!=="function"){JSON.parse=function(text,reviver){var j;function walk(holder,key){var k,v,value=holder[key];if(value&&typeof value==="object"){for(k in value){if(Object.hasOwnProperty.call(value,k)){v=walk(value,k);if(v!==undefined){value[k]=v}else{delete value[k]}}}}return reviver.call(holder,key,value)}cx.lastIndex=0;if(cx.test(text)){text=text.replace(cx,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)})}if(/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,""))){j=eval("("+text+")");return typeof reviver==="function"?walk({"":j},""):j}throw new SyntaxError("JSON.parse")}}}());

data/share/views/public/plugins/cytoscape-web/swf/CytoscapeWeb.swf ADDED Viewed

Binary file

data/share/views/public/plugins/cytoscape-web/swf/playerProductInstall.swf ADDED Viewed

Binary file

data/share/views/public/plugins/fancybox/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,68 @@
+fancyBox - Changelog
+=========
+### Version 2.0.6 - April 16, 2012
+* Fixed #188 - keystrokes in contenteditable
+* Fixed #171 - non-images should not be preloaded
+* Fixed #158 - 'closeClick: true' breaks gallery navigation
+* New "media" helper - detects and displays various media types
+* New option "groupAttr" - name of group selector attribute, default is "data-fancybox-group"
+* New feature - selector expressions in URLs, see #170
+* Improved 'overlay' helper to use "position: fixed"
+* Improved autoSize, fixed wrong height in some cases
+* Improved centering and iframe scrolling for iOS
+* Updated markup, new element '.fancybox-skin' is now used for styling
+### Version 2.0.5 - February 21, 2012
+* Fixed #155 - easing for prev/next animations
+* Fixed #153 - overriding "keys" options
+* Fixed #147 - IE7 problem with #hash links
+* Fixed #130 - changing dynamically data-fancybox-group
+* Fixed #126 - obey minWidth/minHeight
+* Fixed #118 - placement of loading icon and navigation arrows
+* Fixed #101 - "index" option not working
+* Fixed #94 - "orig" option not working
+* Fixed #80 - does not work on IE6
+* Fixed #72 - can't set overlay opacity to 0
+* Fixed #63 - properly set gallery index
+* New option "autoCenter" - toggles centering on window resize or scroll, disabled for mobile devices by default
+* New option "autoResize" - toggles responsivity, disabled for mobile devices by default
+* New option "preload" - number of images to preload
+* New feature to target mobile/desktop browsers using CSS, see #108
+* Changed ajax option defaults to "{ dataType: 'html', headers: { 'X-fancyBox': true } }", see #150 and #128
+* Updated loading icon for IE7, IE8
+* Calculates height of the iframe if 'autoSize' is set to 'true' and the iframe is on the same domain as the main page
+### Version 2.0.4 - December 12, 2011
+* Fixed #47 - fix overriding properties
+* New option "position" to thumbnail and button helpers
+### Version 2.0.3 - November 29, 2011
+* Fixed #29 - broken elastic transitions
+### Version 2.0.2 - November 28, 2011
+* Fixed slidshow
+* Fixed scrollbar issue when displayed a very tall image
+* New option "nextClick" - navigate to next gallery item when user clicks the content
+* New option "modal" - to disable navigation and closing
+* Add 'metadata' plugin support
+* Add ability to create groups using 'data-fancybox-group' attribute
+* Updated manual usage to match earlier releases
+### Version 2.0.1 - November 23, 2011
+* Fixed keyboard events inside form elements
+* Fixed manual usage
+### Version 2.0.0 - November 21, 2011
+First release - completely rewritten, many new features and updated graphics.

data/share/views/public/plugins/fancybox/README.md ADDED Viewed

@@ -0,0 +1,220 @@
+NOTE
+====
+This package has been rearranged, visit http://fancyapps.com/fancybox for the
+original
+Miguel Vazquez
+fancyBox
+========
+fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
+More information and examples: http://www.fancyapps.com/fancybox/
+License: http://www.fancyapps.com/fancybox/#license
+Copyright (c) 2012 Janis Skarnelis - janis@fancyapps.com
+How to use
+----------
+To get started, download the plugin, unzip it and copy files to your website/application directory.
+Load files in the <head> section of your HTML document. Make sure you also add the jQuery library.
+    <head>
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+        <link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
+        <script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>
+    </head>
+Create your links with a `title` if you want a title to be shown, and add a class:
+    <a href="large_image.jpg" class="fancybox" title="Sample title"><img src="small_image.jpg" /></a>
+If you have a set of related items that you would like to group,
+additionally include a group name in the `rel` (or `data-fancybox-group`) attribute:
+    <a href="large_1.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_1.jpg" /></a>
+    <a href="large_2.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_2.jpg" /></a>
+Initialise the script like this:
+    <script>
+        $(document).ready(function() {
+            $('.fancybox').fancybox();
+        });
+    </script>
+May also be passed an optional options object which will extend the default values. Example:
+    <script>
+        $(document).ready(function() {
+            $('.fancybox').fancybox({
+                padding : 0,
+                openEffect  : 'elastic'
+            });
+        });
+    </script>
+Tip: Automatically group and apply fancyBox to all images:
+    $("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox();
+Script uses the `href` attribute of the matched elements to obtain the location of the content and to figure out content type you want to display.
+You can specify type directly by adding classname (fancybox.image, fancybox.iframe, etc) or `data-fancybox-group` attribute:
+    //Ajax:
+    <a href="/example.html" class="fancybox fancybox.ajax">Example</a>
+    //or
+    <a href="/example.html" class="fancybox" data-fancybox-type="ajax">Example</a>
+    //Iframe:
+    <a href="example.html" class="fancybox fancybox.iframe">Example</a>
+    //Inline (will display an element with `id="example"`)
+    <a href="#example" class="fancybox">Example</a>
+    //SWF:
+    <a href="example.swf" class="fancybox">Example</a>
+    //Image:
+    <a href="example.jpg" class="fancybox">Example</a>
+Note, ajax requests are subject to the [same origin policy](http://en.wikipedia.org/wiki/Same_origin_policy).
+If fancyBox will not be able to get content type, error message will be displayed (this is different from previsous versions where 'ajax' was used as default type).
+Advanced
+--------
+### Helpers
+Helpers provide a simple mechanism to extend the capabilities of fancyBox. There are two built-in helpers - 'overlay' and 'title'.
+You can disable them, set custom options or enable other helpers. Examples:
+    //Disable title helper
+    $(".fancybox").fancybox({
+        helpers:  {
+            title:  null
+        }
+    });
+    //Disable overlay helper
+    $(".fancybox").fancybox({
+        helpers:  {
+            overlay : null
+        }
+    });
+    //Change title position and overlay color
+    $(".fancybox").fancybox({
+        helpers:  {
+            title : {
+                type : 'inside'
+            },
+            overlay : {
+                css : {
+                    'background-color' : '#fff'
+                }
+            }
+        }
+    });
+    //Enable thumbnail helper and set custom options
+    $(".fancybox").fancybox({
+        helpers:  {
+            thumbs : {
+                width: 50,
+                height: 50
+            }
+        }
+    });
+### API
+Also available are event driven callback methods.  The `this` keyword refers to the current or upcoming object (depends on callback method). Here is how you can change title:
+    $(".fancybox").fancybox({
+        beforeLoad : function() {
+            this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
+            /*
+                "this.element" refers to current element, so you can, for example, use the "alt" attribute of the image to store the title:
+                this.title = $(this.element).find('img').attr('alt');
+            */
+        }
+    });
+It`s possible to open fancyBox programmatically in various ways:
+    //HTML content:
+    $.fancybox( '<div><h1>Lorem Lipsum</h1><p>Lorem lipsum</p></div>', {
+        title : 'Custom Title'
+    });
+    //DOM element:
+    $.fancybox( $("#inline"), {
+        title : 'Custom Title'
+    });
+    //Custom object:
+    $.fancybox({
+        href: 'example.jpg',
+        title : 'Custom Title'
+    });
+    //Array of objects:
+    $.fancybox([
+        {
+            href: 'example1.jpg',
+            title : 'Custom Title 1'
+        },
+        {
+            href: 'example2.jpg',
+            title : 'Custom Title 2'
+        }
+    ], {
+        padding: 0
+    });
+There are several methods that allow you to interact with and manipulate fancyBox, example:
+    //Close fancybox:
+    $.fancybox.close();
+There is a simply way to access wrapping elements using JS:
+    $.fancybox.wrap
+    $.fancybox.skin
+    $.fancybox.outer
+    $.fancybox.inner
+You can override CSS to customize the look. For example, make navigation arrows always visible
+and move them outside of area (use this snippet after including fancybox.css):
+    .fancybox-nav span {
+        visibility: visible;
+    }
+    .fancybox-prev {
+        left: -80px;
+    }
+    .fancybox-next {
+        right: -80px;
+    }
+In that case, you might want to increase space around box:
+    $(".fancybox").fancybox({
+        margin : [20, 60, 20, 60]
+    });
+Bug tracker
+-----------
+Have a bug? Please create an issue on GitHub at https://github.com/fancyapps/fancyBox/issues