陳沛鴻 Home templatemo 398 nature templatemo script

From 2014hs.igem.org

Revision as of 01:51, 4 May 2014 by F91445122 (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* Credit: http://www.templatemo.com */

var menuDisabled = false;

jQuery(function($) {

   $(window).load(function() { // makes sure the whole site is loaded
           $('#status').fadeOut(); // will first fade out the loading animation
           $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
           $('#main-wrapper').delay(350).css({'overflow':'visible'});
   });
   
   $(document).ready( function() {
       loadGoogleMap();
       
       // backstretch for background image
       var defaultImgSrc = $('img.main-img').attr('src');
       $.backstretch(defaultImgSrc, {speed: 500});

// for responsive-menu $("#m-btn").click(function(){ $("#responsive").toggle(); });

       // copy menu list to responsive menu
       var mainMenuList = $('#menu-list').html();
       $('#responsive').html(mainMenuList);

//for image slide on menu item click(normal) and responsive $("#menu-list a, #responsive a").on('click',function(e){

           e.preventDefault();
           if (menuDisabled == false) // check the menu has disabled?
           {
               menuDisabled = true; // disable to menu
               
               var name = $(this).attr('href');
               $('#menu-list li').removeClass('active');
               $('#responsive li').removeClass('active');
               //  set active to both menu
               var menuClass = $(this).parent('li').attr('class');
               $('.'+menuClass).addClass('active');
               // hide responsive menu
               $("#responsive").hide();
               
               // get image url and assign to backstretch for background
               var imgSrc = $("img"+name+"-img").attr('src');
               $.backstretch(imgSrc, {speed: 500}); //backstretch for background fade in/out
               
               // content slide in/out
               $("section.active").animate({left:$("section.active").outerWidth()}, 400,function(){
                   $(this).removeClass("active");
                   $(this).hide();
                   $(name+"-text").show();
                   $(name+"-text").animate({left:'0px'},400,function(){
                       $(this).addClass("active");
                       
                       google.maps.event.trigger(map, 'resize'); // resize map
                       $.backstretch("resize"); // resize the background image
                       
                       menuDisabled = false; // enable the menu
                   });
               });
               
           }
           return;

});

   });

});

var map = ;

function initialize() {

   var mapOptions = {
     zoom: 14,
     center: new google.maps.LatLng(16.8461789,96.1309764)
   };
   map = new google.maps.Map(document.getElementById('map-canvas'),  mapOptions);

}

function loadGoogleMap(){

   // load google map
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
       'callback=initialize';
   document.body.appendChild(script);

}