Style minor fixes
[astakos] / snf-astakos-app / astakos / im / static / im / js / common.js
1 function setContainerMinHeight( applicableDiv){\r
2         \r
3     if ( $(applicableDiv).length > 0 ) {\r
4         //var h = $('.header').height(); div.header is not found \r
5         var f = $('.footer').height();\r
6         var w = $(window).height();\r
7         var pTop = parseInt (($(applicableDiv).css('padding-top').replace("px", "")) );\r
8         var pBottom = parseInt (($(applicableDiv).css('padding-bottom').replace("px", "")));\r
9 \r
10         var c = w - ( f+pTop+pBottom+36);//36 is header's height.\r
11         $(applicableDiv).css('min-height', c);\r
12     }    \r
13 \r
14 }\r
15 \r
16 $(document).ready(function() {\r
17         \r
18          \r
19     setContainerMinHeight('.container .wrapper');\r
20     \r
21         \r
22     $('.show-extra').click(function(e) {\r
23         e.preventDefault();\r
24         \r
25         $(this).parents('.bg-wrap').find('.extra').toggle('slow');\r
26         $('.hide-extra').toggle();    \r
27     });\r
28     $('.hide-extra').click(function(e) {\r
29         e.preventDefault();\r
30         $(this).hide();\r
31         $(this).parents('.bg-wrap').find('.extra').hide('slow');\r
32     });\r
33     \r
34     $('.box-more p').click(function(e) {\r
35         $(this).siblings('.clearfix').toggle('slow');\r
36         $(this).parents('.box-more').toggleClass('border');\r
37     });\r
38         \r
39         var fixTopMessageHeight = function() {\r
40                 var topMargin = parseInt($('.mainlogo img').height())+parseInt($('.top-msg').css('marginBottom'));\r
41                 $('.mainlogo').css('marginTop','-'+topMargin+'px');\r
42         }\r
43         \r
44         if ($('.mainlogo img').length > 0) {\r
45                 $('.mainlogo img').bind('load', fixTopMessageHeight)\r
46         } else {\r
47                 fixTopMessageHeight();\r
48         }\r
49         \r
50         $('.top-msg a.close').click(function(e) {\r
51         $('.top-msg').animate({\r
52             paddingTop:'0',\r
53             paddingBottom:'0',\r
54             height:'0'\r
55         }, 1000, function (){\r
56              $('.top-msg').removeClass('active')\r
57         });\r
58         $('.mainlogo').animate({\r
59             marginTop:'0'\r
60         }, 1000, function (){\r
61              //todo\r
62         });\r
63     }); \r
64     //$('select').dropkick();\r
65     \r
66  \r
67     \r
68     $('.top-msg .success').parents('.top-msg').css(\r
69         {\r
70                 backgroundColor: '#00A2B1',\r
71                 color: '#fff'\r
72         }\r
73     )\r
74     \r
75     $('.top-msg .error').parents('.top-msg').css(\r
76         {\r
77                 backgroundColor: '#C43F73',\r
78                 color: '#fff'\r
79         }\r
80     )\r
81     \r
82     \r
83     $('.top-msg .warning').parents('.top-msg').css(\r
84         {\r
85                 backgroundColor: '#F0A216',\r
86                 color: '#fff'\r
87         }\r
88     )\r
89     \r
90     $('.top-msg .info').parents('.top-msg').css(\r
91         {\r
92                 backgroundColor: '#75A23A',\r
93                 color: '#fff'\r
94         }\r
95     )\r
96     \r
97 });\r
98 \r
99 $(window).resize(function() {\r
100     \r
101    setContainerMinHeight('.container .wrapper');\r
102 \r
103 });\r