$(function(){
/* scroll */
var $animation_elements = $('.animation-element');
var $window = $(window);
function check_if_in_view() {
var window_height = $window.height();
var window_top_position = $window.scrollTop();
var window_bottom_position = (window_top_position + window_height);
$.each($animation_elements, function() {
var $element = $(this);
var element_height = $element.outerHeight();
var element_top_position = $element.offset().top+200;
var element_bottom_position = (element_top_position + element_height);
//console.log(element_top_position);
//check to see if this current container is within viewport
if ((element_bottom_position >= window_top_position) &&
(element_top_position <= window_bottom_position)) {
$element.addClass('in-view');
} else {
//$element.removeClass('in-view');
}
});
}
$window.on('scroll resize', check_if_in_view);
$window.trigger('scroll');
$(window).load(function(){
$(".bxslide").bxSlider({
mode: 'fade',
speed: 500,
auto: true,
autoDelay: 500,
pager: false,
infiniteLoop: true,
autoHover: false,
controls: true,
onSlideAfter: function(slideElement, oldIndex, newIndex){
if(newIndex == 0){
$(".main_s02 .txt").removeClass("on");
$(".main_s01 .txt").addClass("on");
$(".main_s02 .img").removeClass("on");
$(".main_s01 .img").addClass("on");
}else if(newIndex == 1){
$(".main_s01 .txt").removeClass("on");
$(".main_s02 .txt").addClass("on");
$(".main_s01 .img").removeClass("on");
$(".main_s02 .img").addClass("on");
}
}
});
$(".bxslide2").bxSlider({
mode: 'fade',
pause:5000,
speed: 500,
auto: false,
infiniteLoop: true,
autoHover: true,
controls: true,
pager: false,
slideWidth: 700,
nextSelector: '.public_next',
prevSelector: '.public_prev',
prevText: '',
nextText: ''
});
});
});