7af03709dd3aa201b48e21fe3f1c43e3d2b61d11
[wolnelektury.git] / wolnelektury / static / js / base.js
1 (function($) {
2     $(function() {
3         $.fn.toggle_slide = function(p) {
4             cont = $(this);
5             short_el = p['short_el'] || $(':first-child', this);
6             long_el = p['long_el'] || short_el.next();
7             button = p['button'];
8             short_text = p['short_text'],
9             long_text = p['long_text'];
10
11             var toggle_fun = function(cont, short_el, long_el, button, short_text, long_text) {
12                 var toggle = function() {
13                     if (cont.hasClass('short')) {
14                         cont.animate({"height": long_el.attr("cont_h")+'px'}, {duration: "fast" }).removeClass('short');
15                         short_el.hide();
16                         long_el.show();
17                         if (button && long_text) button.html(long_text);
18                     } else {
19                         cont.animate({"height": short_el.attr("cont_h")+'px'}, {duration: "fast" }).addClass('short');
20                         long_el.hide();
21                         short_el.show();
22                         if (button && short_text) button.html(short_text);
23                     }
24                     return false;
25                 }
26                 return toggle;
27             }
28             if (long_el.html().length <= short_el.html().length)
29                 return;
30
31             // ensure long element shown first
32             long_el.show();short_el.hide();
33             long_el.attr("cont_h", $(this).height()).hide();
34             short_el.show().attr("cont_h", $(this).height());
35             $(this).addClass('short');
36
37             if (button && short_text) button.html(short_text);
38             if (button) button.hover(
39                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
40                 function() { $(this).css({background: '#EEE'}); }
41             ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
42             short_el.hover(
43                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
44                 function() { $(this).css({background: '#FFF'}); }
45             ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
46             long_el.hover(
47                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
48                 function() { $(this).css({background: '#FFF'}); }
49             ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
50         };
51
52
53         // Fragments
54         $('.fragment-short-text').each(function() {
55             var fragment = $(this).closest('.fragment');
56             fragment.toggle_slide({
57                 short_el: $(this),
58                 long_el: fragment.find('.fragment-text')
59             })
60         });
61
62
63
64                 (function() {
65                         var $current = null;
66                         $('.hidden-box-wrapper').each(function() {
67                                 var $hidden = $('.hidden-box', this);
68                                 $('.hidden-box-trigger', this).click(function(event) {
69                                         event.preventDefault();
70                                         if ($current == $hidden) {
71                                                 $current = null;
72                                                 $hidden.hide('fast');
73                                         } else {
74                                                 $current && $current.hide('fast');
75                                                 $hidden.show('fast');
76                                                 $current = $hidden;
77                                         } 
78                                 });
79                         });
80                 })();
81
82
83
84 $('#themes-list-toggle').click(function(event) {
85     event.preventDefault();
86     $('#themes-list').toggle('slow');
87 });
88
89
90 $('.open-player').click(function(event) {
91     event.preventDefault();
92     window.open($(this).attr('href'),
93         'player',
94         'width=420, height=500'
95         );
96 });
97
98
99         $('.book-list-index').click(function(){
100             $('.book-list-show-index').hide('slow');
101             if($(this).parent().next('ul:not(:hidden)').length == 0){
102                 $(this).parent().next('ul').toggle('slow');
103             }
104             return false;
105         });
106
107
108     });
109 })(jQuery)
110