1 function setContainerMinHeight( applicableDiv){
\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
10 var c = w - ( f+pTop+pBottom+36);//36 is header's height.
\r
11 $(applicableDiv).css('min-height', c);
\r
16 $(document).ready(function() {
\r
19 setContainerMinHeight('.container .wrapper');
\r
22 $('.show-extra').click(function(e) {
\r
24 $(this).parents('.bg-wrap').find('.extra').slideToggle(600);
\r
26 $('.hide-extra').click(function(e) {
\r
28 $(this).parents('.bg-wrap').find('.extra').slideUp(600);
\r
31 $('.box-more p').click(function(e) {
\r
32 $(this).siblings('.clearfix').toggle('slow');
\r
33 $(this).parents('.box-more').toggleClass('border');
\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
41 if ($('.mainlogo img').length > 0) {
\r
42 $('.mainlogo img').bind('load', fixTopMessageHeight)
\r
44 fixTopMessageHeight();
\r
47 $('.top-msg a.close').click(function(e) {
\r
49 $('.top-msg').animate({
\r
53 }, 1000, function (){
\r
54 $('.top-msg').removeClass('active')
\r
56 $('.mainlogo').animate({
\r
58 }, 1000, function (){
\r
62 //$('select').dropkick();
\r
66 $('.top-msg .success').parents('.top-msg').css(
\r
68 backgroundColor: '#77C596',
\r
73 $('.top-msg .error').parents('.top-msg').css(
\r
75 backgroundColor: '#EF4F54',
\r
81 $('.top-msg .warning').parents('.top-msg').css(
\r
83 backgroundColor: '#F6921E',
\r
88 $('.top-msg .info').parents('.top-msg').css(
\r
90 backgroundColor: '#C3C3B9',
\r
95 // clouds homepage animation
\r
96 $('#animation a').hover(
\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
108 $(this).siblings('p').find('img').animate({
\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
118 $(this).siblings('p').find('img').animate({
\r
125 /*$('#animation a').hover(
\r
127 var src = $(this).find('img').attr('src').replace('.png', '_top.png')
\r
128 $(this).find('img').attr("src", src);
\r
131 }, 600, function() {
\r
132 // action to do when animation is finished
\r
134 $(this).siblings('p').find('img').animate({
\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
147 $(this).siblings('p').find('img').animate({
\r
156 $(window).resize(function() {
\r
158 setContainerMinHeight('.container .wrapper');
\r