JS/custom.js

   1 /////////////////////////////////////////////////////////////////////////////////////////////\r
   2 // Custom JS (ADD YOUR JS HERE!)\r
   3 /////////////////////////////////////////////////////////////////////////////////////////////\r
   4 \r
   5 $(document).ready(function(){\r
   6         \r
   7         /////////////////////////////////////////////////////////////////\r
   8         // BACKSTRETCH SLIDER (UNCOMMENT TO USE)\r
   9         /////////////////////////////////////////////////////////////////\r
  10         \r
  11         /*$("body").backstretch([\r
  12                 "img-1.jpg",\r
  13                 "img-2.jpg",\r
  14                 "img-3.jpg"\r
  15         ], {duration: 3000, fade: 750, random: true});*/\r
  16         \r
  17         /////////////////////////////////////////////////////////////////\r
  18         // CAMERA SLIDER\r
  19         /////////////////////////////////////////////////////////////////\r
  20         \r
  21         if ($('.camera_slider').length > 0) {\r
  22                 jQuery('.camera_slider').camera({\r
  23                         fx: 'random',\r
  24                         playPause: true,\r
  25                         pagination: false,\r
  26                         height: '400',\r
  27                         random: false\r
  28                 });\r
  29         }\r
  30         \r
  31         /////////////////////////////////////////////////////////////////\r
  32         // Fancybox\r
  33         /////////////////////////////////////////////////////////////////\r
  34         \r
  35         //if ($('body#gallery').is('*')) { // Uncomment to run script on specific page only\r
  36                 if(jQuery.browser.mobile) {\r
  37                         var myPhotoSwipe = $(".fancybox").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });\r
  38                 }\r
  39                 else {\r
  40                         // Single Image\r
  41                         //$("a.fancybox").fancybox();\r
  42                         \r
  43                         // Multiple Images\r
  44                         $("a.fancybox[rel='gallery_group']").fancybox({\r
  45                                 'transitionIn'  :  'elastic',\r
  46                                 'transitionOut' :  'elastic',\r
  47                                 'speedIn'       :  600, \r
  48                                 'speedOut'      :  200 \r
  49                         });\r
  50                 }\r
  51     //}\r
  52         \r
  53         /////////////////////////////////////////////////////////////////\r
  54         // Animated Entrances\r
  55         /////////////////////////////////////////////////////////////////\r
  56         \r
  57         $(window).scroll(function() {\r
  58                 $('.animatedEntrance').each(function(){\r
  59                 var imagePos = $(this).offset().top;\r
  60 \r
  61                 var topOfWindow = $(window).scrollTop();\r
  62                         if (imagePos < topOfWindow+400) {\r
  63                                 $(this).addClass("slideUp"); // slideUp, slideDown, slideLeft, slideRight, slideExpandUp, expandUp, fadeIn, expandOpen, bigEntrance, hatch\r
  64                         }\r
  65                 });\r
  66         });\r
  67         \r
  68         /////////////////////////////////////////////////////////////////\r
  69         // Form Validation\r
  70         /////////////////////////////////////////////////////////////////\r
  71         \r
  72         $('#custom_form').formValidation({ \r
  73                 validateText: ["name","message"],\r
  74                 validateEmail: ["email"],\r
  75                 validateSpam: true,\r
  76                 captchaTheme: 'greyscale' // default, mini, dark, mini-dark, light, mini-light, greyscale, mini-greyscale\r
  77         });\r
  78         \r
  79         /////////////////////////////////////////////////////////////////\r
  80         // GOOGLE MAPS\r
  81         /////////////////////////////////////////////////////////////////\r
  82 \r
  83         function map() {\r
  84                 var myLatlng = new google.maps.LatLng(-12.47518, 130.99042);\r
  85                 var mapOptions = {\r
  86                         zoom: 14,\r
  87                         center: myLatlng,\r
  88                         mapTypeId: google.maps.MapTypeId.ROADMAP,\r
  89                         scrollwheel: false,\r
  90                         styles:\r
  91                         [\r
  92         {\r
  93         "featureType": "all",\r
  94         "stylers": [\r
  95                         {\r
  96                         "saturation": -100\r
  97                         },\r
  98                         {\r
  99                         "gamma": 0.5\r
 100                                 }\r
 101                                 ]\r
 102                         }\r
 103                         ]\r
 104                 }\r
 105                 // For Contact Page\r
 106                 if ($('#map').length > 0) {\r
 107                         var map = new google.maps.Map(document.getElementById('map'), mapOptions);\r
 108                         var image = 'img/mapicon.png';\r
 109                         var marker = new google.maps.Marker({\r
 110                                 position: myLatlng,\r
 111                                 map: map,\r
 112                                 icon: image\r
 113                         });\r
 114                         google.maps.event.addDomListener(window, 'resize orientationchange', function() {\r
 115                                 map.setCenter(myLatlng);\r
 116                         });\r
 117                 }\r
 118                 // For Footer\r
 119                 if ($('#footer-map').length > 0) {\r
 120                         var map = new google.maps.Map(document.getElementById('footer-map'), mapOptions);\r
 121                         var image = 'img/mapicon.png';\r
 122                         var marker = new google.maps.Marker({\r
 123                                 position: myLatlng,\r
 124                                 map: map,\r
 125                                 icon: image\r
 126                         });\r
 127                         google.maps.event.addDomListener(window, 'resize orientationchange', function() {\r
 128                                 map.setCenter(myLatlng);\r
 129                         }); \r
 130                 }\r
 131         }\r
 132         google.maps.event.addDomListener(window, 'load', map);\r
 133         \r
 134         /////////////////////////////////////////////////////////////////\r
 135         // YAY FOR LOLLIES!\r
 136         /////////////////////////////////////////////////////////////////\r
 137 \r
 138 });