jQuery(function ($) { "use strict";
/* ========================================================================= */
/* Page Preloader
/* ========================================================================= */
if($("#loading-mask").length>0){
var g=setTimeout("$('.loading-img').find('b').html('您的网速较慢请多等待一会，如果长时间无法进入请刷新网页！')",10000);
window.onload = function () {
clearTimeout(g);
if (!window.applicationCache) {
//alert("你的浏览器不支持HTML5,请更换浏览器！");
$('.loading-img').find('b').html('你的浏览器不支持HTML5,请更换浏览器！');
}else{
document.getElementById('loading-mask').style.display = 'none';
}
}
}
/* =========================================================================== */
/* FitVids js
/* =========================================================================== */
$(".media-wrapper").fitVids();
/* ========================================================================= */
/* Nice Scroll - Custom Scrollbar
/* ========================================================================= */
var nice = $("html").niceScroll({
cursorborderradius: 0,
cursorwidth: "8px",
cursorfixedheight: 150,
cursorcolor: "#cf2727",
zindex: 9999,
cursorborder: 0
});
/* ========================================================================= */
/* Scroll Up / Back to top
/* ========================================================================= */
$(window).scroll(function() {
if ($(window).scrollTop() > 400) {
$("#scrollUp").fadeIn(200);
} else {
$("#scrollUp").fadeOut(200);
}
});
$('#scrollUp').click(function() {
$('html, body').stop().animate({
scrollTop : 0
}, 1500, 'easeInOutExpo');
});
/* ========================================================================= */
/* Post image slider
/* ========================================================================= */
$("#post-thumb, #gallery-post,.wqflash").owlCarousel({
navigation : true,
pagination : false,
slideSpeed : 800,
autoHeight : true,
paginationSpeed : 800,
singleItem:true,
navigationText : ["",""]
});
$("#features").owlCarousel({
navigation : false,
pagination : true,
slideSpeed : 800,
singleItem : true,
transitionStyle : "fadeUp",
paginationSpeed : 800
});
/* ========================================================================= */
/* Menu item highlighting
/* ========================================================================= */
if($("#navigation").length>0){
$("#navigation").sticky({
topSpacing : 0
});
$('#nav').onePageNav({
currentClass: 'current',
changeHash: false,
scrollSpeed: 1500,
scrollThreshold: 0.5,
filter: '',
easing: 'easeInOutExpo'
});
}
/* ========================================================================= */
/* Fix Slider Height
/* ========================================================================= */
var slideHeight = $(window).height();
$('#slitSlider, .sl-slider, .sl-content-wrapper').css('height',slideHeight);
$(window).resize(function(){'use strict',
$('#slitSlider, .sl-slider, .sl-content-wrapper').css('height',slideHeight);
});
/* ========================================================================= */
/* Timer count
/* ========================================================================= */
(function() {
var count = {
initialized : false,
initialize : function() {
if (this.initialized)
return;
this.initialized = true;
this.build();
},
build : function() {
this.animations();
},
animations : function() {
// Count To
$(".counters-item [data-to]").each(function() {
var $this = $(this);
$this.appear(function() {
$this.countTo({});
}, {
accX : 0,
accY : -150
});
});
}
};
count.initialize();
})();
/* ========================================================================= */
/* Skills Chart
/* ========================================================================= */
if($(".chart").length>0){
$(".chart").appear(function () {
$(".chart").easyPieChart({
easing: "easeOutBounce",
barColor: "#6CB670",
size: "150",
lineWidth: 15,
animate: 2e3,
onStep: function (e, t, n) {
$(this.el).find(".percent").text(Math.round(n))
}
})
});
}
/* ========================================================================= */
/* Twitter Feed
/* ========================================================================= */
if($(".tweet").length>0){
$(".tweet").twittie({
dateFormat: "%b. %d, %Y",
template: "{{tweet}}",
count: 1
});
}
/* ========================================================================= */
/* Portfolio Filtering Hook
/* ========================================================================= */
if($(".og-grid").length>0){
$('#og-grid').mixItUp(); // Portfolio filter
Grid.init(); //Portfolio Grid Expand
}
/* ========================================================================= */
/* Testimonial Carousel
/* ========================================================================= */
//Init the carousel
$("#testimonials").owlCarousel({
slideSpeed: 500,
paginationSpeed: 500,
singleItem: true,
pagination : true,
transitionStyle : "backSlide"
});
/* ========================================================================= */
/* Contact Form Validating
/* ========================================================================= */
$('#contact-submit').click(function (e) {
//stop the form from being submitted
e.preventDefault();
/* declare the variables, var error is the variable that we use on the end
to determine if there was an error or not */
var error = false;
var name = $('#name').val();
var email = $('#email').val();
var subject = $('#subject').val();
var message = $('#message').val();
/* in the next section we do the checking by using VARIABLE.length
where VARIABLE is the variable we are checking (like name, email),
length is a JavaScript function to get the number of characters.
And as you can see if the num of characters is 0 we set the error
variable to true and show the name_error div with the fadeIn effect.
if it's not 0 then we fadeOut the div( that's if the div is shown and
the error is fixed it fadesOut.
The only difference from these checks is the email checking, we have
email.indexOf('@') which checks if there is @ in the email input field.
This JavaScript function will return -1 if no occurrence have been found.*/
if (name.length == 0) {
var error = true;
$('#name').css("border-color", "#D8000C");
} else {
$('#name').css("border-color", "#666");
}
if (email.length == 0 || email.length != 11) {
var error = true;
$('#email').css("border-color", "#D8000C");
} else {
$('#email').css("border-color", "#666");
}
if (subject.length == 0) {
var error = true;
$('#subject').css("border-color", "#D8000C");
} else {
$('#subject').css("border-color", "#666");
}
if (message.length == 0) {
var error = true;
$('#message').css("border-color", "#D8000C");
} else {
$('#message').css("border-color", "#666");
}
//now when the validation is done we check if the error variable is false (no errors)
if (error == false) {
//disable the submit button to avoid spamming
//and change the button text to Sending...
$('#contact-submit').attr({
'disabled': 'false',
'value': '提交中...'
});
/* using the jquery's post(ajax) function and a lifesaver
function serialize() which gets all the data from the form
we submit it to send_email.php */
$.post($("#contact-form").attr("action"), $("#contact-form").serialize(), function (result) {
//and after the ajax request ends we check the text returned
if (result == 'sent') {
//if the mail is sent remove the submit paragraph
$('#cf-submit').remove();
//and show the mail success div with fadeIn
$('#mail-success').fadeIn(500);
} else {
//show the mail failed div
$('#mail-fail').html(result).fadeIn(500);
//re enable the submit button by removing attribute disabled and change the text back to Send The Message
$('#contact-submit').removeAttr('disabled').attr('value', '提交');
}
});
}
});
/* ========================================================================= */
/* Google Map Customization
/* ========================================================================= */
function initialize() {
var myLatLng = new google.maps.LatLng(22.333851, 91.812256);
var roadAtlasStyles = [{
"featureType": "landscape",
"elementType": "geometry.fill",
"stylers": [{
"color": "#2F3238"
}]
}, {
"elementType": "labels.text.fill",
"stylers": [{
"color": "#FFFFFF"
}]
}, {
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "road",
"elementType": "geometry.fill",
"stylers": [{
"color": "#50525f"
}]
}, {
"featureType": "road",
"elementType": "geometry.stroke",
"stylers": [{
"visibility": "on"
}, {
"color": "#808080"
}]
}, {
"featureType": "poi",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "transit",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#808080"
}]
}, {
"featureType": "water",
"elementType": "geometry.fill",
"stylers": [{
"color": "#3071a7"
}, {
"saturation": -65
}]
}, {
"featureType": "road",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "landscape",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#bbbbbb"
}]
}];
}
});
/* ========================================================================= */
/* On scroll fade/bounce fffect
/* ========================================================================= */
wow = new WOW({
animateClass: 'animated',
offset: 120
});
wow.init();
/* ========================================================================= */
/* Home page Slider
/* ========================================================================= */
$(function() {
var Page = (function() {
var $navArrows = $( '#nav-arrows' ),
$nav = $( '#nav-dots > span' ),
slitslider = $( '#slitSlider' ).length>0?$( '#slitSlider' ).slitslider( {
speed : 1600,
onBeforeChange : function( slide, pos ) {
$nav.removeClass( 'nav-dot-current' );
$nav.eq( pos ).addClass( 'nav-dot-current' );
}
} ):null,
init = function() {
initEvents();
},
initEvents = function() {
// add navigation events
$navArrows.children( ':last' ).on( 'click', function() {
slitslider.next();
return false;
} );
$navArrows.children( ':first' ).on( 'click', function() {
slitslider.previous();
return false;
});
$nav.each( function( i ) {
$( this ).on( 'click', function( event ) {
var $dot = $( this );
if( !slitslider.isActive() ) {
$nav.removeClass( 'nav-dot-current' );
$dot.addClass( 'nav-dot-current' );
}
slitslider.jump( i + 1 );
return false;
});
});
};
return { init : init };
})();
Page.init();
});
/* ========================================================================= */
/* Parallax Sections
/* ========================================================================= */
"use strict";
function parallaxInit() {
if($("#counter").length>0){
$('#counter').parallax("50%", 0.3);}
if($("#team-skills").length>0){
$('#team-skills').parallax("50%", 0.3);}
if($("#twitter-feed").length>0){
$('#twitter-feed').parallax("50%", 0.3);}
if($("#testimonial").length>0){
$('#testimonial').parallax("50%", 0.3);}
}
$(window).bind("load", function () {
parallaxInit()
});