/*-----------------------------------------------------------------------------------
/*
/* 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 	= $('<div />', {'class': 'carousel-control'});
			ui.prev 	= $('<div />', {'class': 'carousel-prev'});
			ui.next 	= $('<div />', {'class': 'carousel-next'});
			ui.paglist  = $('<ul />', {'class': 'carousel-pagination'});
			ui.pagitem  = $('<li></li>');

			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 = $('<div/>', {'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 */
});