Fix name-typo in NEWS
[coquelicot.git] / public / javascripts / jquery.lightBoxFu.js
1 /*
2  * lightboxFu
3  *
4  * Copyright (c) 2008 Piotr Sarnacki (drogomir.com)
5  *
6  * Licensed under the MIT license:
7  *   http://www.opensource.org/licenses/mit-license.php
8  *
9  */
10
11 (function($) {
12   $.extend($, {lightBoxFu: {}});
13   $.extend($.lightBoxFu, {
14     initialize: function (o) {
15       if($('#lightboxfu').length == 0) {
16                 options = {stylesheetsPath: '/stylesheets/', imagesPath: '/images/'};
17                 jQuery.extend(options, o);
18         html = '<div id="lightboxfu" style="display: none"><div id="lOverlay"><div id="lWindow"><div id="lInner"></div></div></div></div>';
19         $('body').append(html);
20                 $('#lOverlay').css('background', 'url('+options.imagesPath+'overlay.png) fixed');
21         
22         $.lightBoxFu.appendStyle();
23       }
24     },
25     open: function(options) {
26       options = options || {};
27       $('#lInner').html(options.html);
28       $('#lightboxfu').show();
29       var width = options.width || '250';
30       $('#lInner').css({'width': width});
31       
32       if(options.closeOnClick != false) {
33         $('#lOverlay').one('click', $.lightBoxFu.close);
34       }
35     },
36     close: function() {
37       $('#lightboxfu').hide();
38     },
39     appendStyle: function() {
40       $('#lOverlay').css({display: 'table'});
41       $('#lOverlay #lWindow').css({display: 'table-cell'});
42       $('#lOverlay').css({position: 'fixed', top: 0, left: 0, width: "100%", height: "100%"});
43       $('#lOverlay #lWindow').css({'vertical-align': 'middle'});
44       $('#lOverlay #lInner').css({width: '300px', 'background-color': '#fff', '-webkit-border-radius': '10px', 'border-radius': '10px', '-moz-border-radius': '10px', 'max-height': '350px', margin: '0 auto', padding: '15px', overflow: 'auto'});
45     }
46   });
47   
48   $.extend($.fn, {
49           lightBoxFu: function(options){
50                   return this.each(function() {
51         $(this).click(function() {
52                         $.lightBoxFu.open(options);
53           return false;
54         });
55       });
56   }});
57 })(jQuery);
58