don't know, why i have a buch of uncommited files
[opensuse:webdesign.git] / design_concept / theme_o.o-bento-mediawiki / bento / js_local / script.js
1 $(document).ready(function() {
2   
3   var formStatus = 0;
4   
5   var x1 = "";
6   var x2 = "";
7   var y1 = "";
8   var y2 = "";
9   
10   $('#login-form').insertAfter('#footer'); // move login form to end of document
11   
12   $('#login-trigger').click(function() { // display login form
13     var offsetSubheader = $('#subheader').offset(); // get position of #subheader
14     var posX = parseInt(offsetSubheader.left) + $('#subheader').width() - $('#login-form').width(); // calculate position for login-form
15     $('#login-form').css('left', posX).slideDown('fast'); // set position and slide down
16     formStatus = 1;
17     
18     lastFormElementOffset = $('#close-login').offset();
19     
20     x1 = posX;
21     x2 = posX + $('#login-form').width();
22     y1 = offsetSubheader.top;
23     y2 = offsetSubheader.top + lastFormElementOffset.top;
24     
25   });
26   
27   $('#login-form input.inline-text').each(function() { // hide overlaying <label> elements if there input-elements are NOT empty.
28     if ($(this).val()) { // check if value is set
29       $(this).prev('label').addClass('focus').hide();
30     };
31   });
32   
33   $('#login-form input').focus(function() { // hide label if input-field get focus
34     $(this).prev('label').addClass('focus').hide();
35   });
36
37   $('#login-form input').blur(function() { // show label if imput-field is empty and hase no focus
38     if ($(this).val() == false) { // check if value is empty
39       $('#login-form .focus').removeClass('focus').show();
40     };
41   });
42   
43   $('#close-login').click(function() { // close login-form onClick
44     closeLoginForm();
45     return false; // disable action onClick
46   });
47   
48   $(document).click(function(event) {
49
50
51       xClick = event.pageX;
52       yClick = event.pageY;
53       
54       // x1/y1--------------x2/y1
55       // |                      |
56       // |                      |
57       // |                      |
58       // |                      |
59       // |                      |
60       // |                      |
61       // x1/y2--------------x2/y2
62       
63       var x0 = 0;
64       var y0 = 0;
65       
66       if (xClick < x1 || xClick > x2) {
67         x0 = 1;
68       };
69       
70       if (yClick < y1 || yClick > y2) {
71         y0 = 1;
72       }
73       
74       if (x0 == 1 || y0 == 1) {
75         closeLoginForm();
76       }
77       
78             // 
79             // if ((xClick < x1 || xClick > x2) && (yClick < y1 || yClick > y2)) {
80             //   console.log('K');
81             // } else {
82             //   console.log('F');
83             // };
84
85
86
87     // Well, it works, and it's friday ...
88     // if(formStatus == 1) {
89     //       formStatus = 2;
90     //     } else {
91     //       
92     //       closeLoginForm();
93     //       formStatus = 0;
94     //     }
95     //     
96   });
97
98   function closeLoginForm () {
99     $('#login-form').slideUp().removeClass('login-show');    
100   }
101   
102   // $('#login-form input[type="submit"]').click(function() { // events on submit-button click
103   //   return false; // temp disabled
104   // });
105   
106 });