code.grnet.gr Git - snf-cloudcms/blob - cloudcms/static/cloudcms/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         $(this).parents('.bg-wrap').find('.extra').slideToggle(600);\r
  25     });\r
  26     $('.hide-extra').click(function(e) {\r
  27         e.preventDefault();\r
  28         $(this).parents('.bg-wrap').find('.extra').slideUp(600);\r
  29     });\r
  30     \r
  31     $('.box-more p').click(function(e) {\r
  32         $(this).siblings('.clearfix').toggle('slow');\r
  33         $(this).parents('.box-more').toggleClass('border');\r
  34     });\r
  35         \r
  36         var fixTopMessageHeight = function() {\r
  37                 var topMargin = parseInt($('.mainlogo img').height())+parseInt($('.top-msg').css('marginBottom'));\r
  38                 $('.mainlogo').css('marginTop','-'+topMargin+'px');\r
  39         }\r
  40         \r
  41         if ($('.mainlogo img').length > 0) {\r
  42                 $('.mainlogo img').bind('load', fixTopMessageHeight)\r
  43         } else {\r
  44                 fixTopMessageHeight();\r
  45         }\r
  46         \r
  47         $('.top-msg a.close').click(function(e) {\r
  48                 e.preventDefault();\r
  49         $('.top-msg').animate({\r
  50             paddingTop:'0',\r
  51             paddingBottom:'0',\r
  52             height:'0'\r
  53         }, 1000, function (){\r
  54              $('.top-msg').removeClass('active')\r
  55         });\r
  56         $('.mainlogo').animate({\r
  57             marginTop:'0'\r
  58         }, 1000, function (){\r
  59              //todo\r
  60         });\r
  61     }); \r
  62     //$('select').dropkick();\r
  63     \r
  64  \r
  65     \r
  66     $('.top-msg .success').parents('.top-msg').css(\r
  67         {\r
  68                 backgroundColor: '#77C596',\r
  69                 color: '#fff'\r
  70         }\r
  71     );\r
  72     \r
  73     $('.top-msg .error').parents('.top-msg').css(\r
  74         {\r
  75                 backgroundColor: '#EF4F54',\r
  76                 color: '#fff'\r
  77         }\r
  78     );\r
  79     \r
  80     \r
  81     $('.top-msg .warning').parents('.top-msg').css(\r
  82         {\r
  83                 backgroundColor: '#F6921E',\r
  84                 color: '#fff'\r
  85         }\r
  86     );\r
  87     \r
  88     $('.top-msg .info').parents('.top-msg').css(\r
  89         {\r
  90                 backgroundColor: '#C3C3B9',\r
  91                 color: '#fff'\r
  92         }\r
  93     );\r
  94     \r
  95     // clouds homepage animation\r
  96     $('#animation a').hover(\r
  97       function () {\r
  98         \r
  99         $(this).animate({\r
 100            top: '+=-10'   \r
 101            }, 600, function() {\r
 102                 if ($(this).find('img').attr('src').indexOf("_top") == -1) {\r
 103                         var src = $(this).find('img').attr('src').replace('.png', '_top.png')\r
 104                         $(this).find('img').attr("src", src);\r
 105                 }\r
 106 \r
 107                 });\r
 108         $(this).siblings('p').find('img').animate({\r
 109           width: '60%'       \r
 110         });\r
 111       }, \r
 112       function () {\r
 113 \r
 114         $(this).animate({top: '0'}, 600, function() {\r
 115                 var src = $(this).find('img').attr('src').replace('_top.png', '.png')\r
 116                 $(this).find('img').attr("src", src);\r
 117                 });\r
 118         $(this).siblings('p').find('img').animate({\r
 119           width: '65%'       \r
 120         });\r
 121       }\r
 122     );\r
 123     \r
 124     \r
 125     /*$('#animation a').hover(\r
 126       function () {\r
 127         var src = $(this).find('img').attr('src').replace('.png', '_top.png')\r
 128         $(this).find('img').attr("src", src);\r
 129         $(this).animate({\r
 130            top: '+=-10'   \r
 131            }, 600, function() {\r
 132                         // action to do when animation is finished\r
 133                 });\r
 134         $(this).siblings('p').find('img').animate({\r
 135           width: '60%'       \r
 136         });\r
 137       }, \r
 138       function () {\r
 139         \r
 140         $(this).animate({\r
 141          top: '0'   \r
 142             \r
 143         }, 600, function() {\r
 144                 var src = $(this).find('img').attr('src').replace('_top.png', '.png')\r
 145                 $(this).find('img').attr("src", src);\r
 146                 });\r
 147         $(this).siblings('p').find('img').animate({\r
 148           width: '65%'       \r
 149         });\r
 150       }\r
 151     );*/\r
 152     \r
 153     \r
 154 });\r
 155 \r
 156 $(window).resize(function() {\r
 157     \r
 158    setContainerMinHeight('.container .wrapper');\r
 159 \r
 160 });\r