/*-----------------------------------------------------------------------------------
/*
/* custom js
/*
-----------------------------------------------------------------------------------*/
/* start document */
jquery(document).ready(function() {
/* ---------------------------------------------------------------------- */
/* tabs
/* ---------------------------------------------------------------------- */
if ($().tabs) {
$(".tabs").tabs();
}
/* ---------------------------------------------------------------------- */
/* toggle
/* ---------------------------------------------------------------------- */
if ($().toggle) {
$(".toggle").each(function () {
if ($(this).attr('data-id') == 'open') {
$(this).accordion({header:'.toggle-title', collapsible:true, heightstyle:"content"});
} else {
$(this).accordion({header:'.toggle-title', collapsible:true, heightstyle:"content", active:false});
}
});
}
/*----------------------------------------------------*/
/* accordion
/*----------------------------------------------------*/
if ($().accordion) {
$(".accordion").accordion({
header:'.accordion-title',
collapsible:true,
heightstyle:"content"
});
}
/*----------------------------------------------------*/
/* progress bar
/*----------------------------------------------------*/
$('.progress-bar').each(function() {
var cap = parseint($(this).attr('data-capacity'), 10),
val = parseint($(this).attr('data-value'), 10),
len = 100 * (val / cap) + '%';
$(this).find('.progress-line').css('width', len);
});
/*----------------------------------------------------*/
/* carousel
/*----------------------------------------------------*/
$.fn.carousel = function(op) {
var op, ui = {};
op = $.extend({
speed: 500,
autochange: false,
interval: 5000
}, op);
ui.carousel = this;
ui.items = ui.carousel.find('.carousel-item');
ui.itemslen = ui.items.length;
// create controls
ui.ctrl = $('
', {'class': 'carousel-control'});
ui.prev = $('', {'class': 'carousel-prev'});
ui.next = $('', {'class': 'carousel-next'});
ui.paglist = $('', {'class': 'carousel-pagination'});
ui.pagitem = $('');
for (var i = 0; i < ui.itemslen; i++) {
ui.pagitem.clone().appendto(ui.paglist);
}
ui.prev.appendto(ui.ctrl);
ui.next.appendto(ui.ctrl);
ui.paglist.appendto(ui.ctrl);
ui.ctrl.appendto(ui.carousel);
ui.carousel.find('.carousel-pagination li').eq(0).addclass('active');
ui.carousel.find('.carousel-item').each(function() {
$(this).hide();
});
ui.carousel.find('.carousel-item').eq(0).show().addclass('active');
// change item
var changeimage = function(direction, context) {
var current = ui.carousel.find('.carousel-item.active');
if (direction == 'index') {
if(current.index() === context.index())
return false;
context.addclass('active').siblings().removeclass('active');
ui.items.eq(context.index()).addclass('current').fadein(op.speed, function() {
current.removeclass('active').hide();
$(this).addclass('active').removeclass('current');
});
}
if (direction == 'prev') {
if (current.index() == 0) {
ui.carousel.find('.carousel-item:last').addclass('current').fadein(op.speed, function() {
current.removeclass('active').hide();
$(this).addclass('active').removeclass('current');
});
}
else {
current.prev().addclass('current').fadein(op.speed, function() {
current.removeclass('active').hide();
$(this).addclass('active').removeclass('current');
});
}
}
if (direction == undefined) {
if (current.index() == ui.itemslen - 1) {
ui.carousel.find('.carousel-item:first').addclass('current').fadein(300, function() {
current.removeclass('active').hide();
$(this).addclass('active').removeclass('current');
});
}
else {
current.next().addclass('current').fadein(300, function() {
current.removeclass('active').hide();
$(this).addclass('active').removeclass('current');
});
}
}
ui.carousel.find('.carousel-pagination li').eq( ui.carousel.find('.carousel-item.current').index() ).addclass('active').siblings().removeclass('active');
};
ui.carousel
.on('click', 'li', function() {
changeimage('index', $(this));
})
.on('click', '.carousel-prev', function() {
changeimage('prev');
})
.on('click', '.carousel-next', function() {
changeimage();
});
// auto change
if (op.autochange) {
var changeinterval = setinterval(changeimage, op.interval);
ui.carousel
.on('mouseenter', function() {
clearinterval(changeinterval);
})
.on('mouseleave', function() {
changeinterval = setinterval(changeimage, op.interval);
});
}
return this;
};
$('.carousel').each(function() {
$(this).carousel({
autochange: true
});
});
$("a[data-rel]").tooltip();
/*----------------------------------------------------*/
/* back to top button
/*----------------------------------------------------*/
var btnup = $('', {'class':'btn-up'});
btnup.appendto('body');
$(document)
.on('click', '.btn-up', function() {
$('html, body').animate({
scrolltop: 0
}, 700);
});
$(window)
.on('scroll', function() {
if ($(this).scrolltop() > 200)
$('.btn-up').addclass('active');
else
$('.btn-up').removeclass('active');
});
/* end document */
});