/*
*   Boden (WordPress)
*   Copyright 2015, Royalz
*   www.losroyalz.com
*/


var windowHeight;
var windowWidth;
var settings;
var theme;
var retina = false;
var $j = jQuery.noConflict();

settings = {
	enableAnimations: $j("body").attr("data-animated"),
	enableLoader: $j("body").attr("data-loader"),
}


jQuery(document).ready(function($) {
   'use strict';

   	theme = boden.themeurl;

   	//Basic
	$j(".background.image").each(function() {
		var img = $j(this).attr("data-url");
		$j(this).css("background-image", "url("+img+")");
	});

	$j(".background").each(function() {
		if ($j(this).hasClass("overlay-dark")) $j(this).append("<div class='overlay-dark'></div>").removeClass("overlay-dark");
		if ($j(this).hasClass("overlay-light")) $j(this).append("<div class='overlay-light'></div>").removeClass("overlay-light");
	});

	$j(".video[data-url]").each(function() {
		var url = $j(this).attr("data-url");
		if (url.indexOf(".mp4") != -1) {
			var v = "<div class='video'><video autoplay controls><source src='"+url+"' type='video/mp4'></video></div>";
			$j(this).prepend(v);
		} else if (url.indexOf("vimeo.com") != -1) {
			var i = url.substring(url.lastIndexOf('/') + 1);
			var v = "<iframe src='https://player.vimeo.com/video/"+i+"?autoplay=1&byline=0&portrait=0' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>";
			$j(this).prepend(v);
		} else if (url.indexOf("youtube.com") != -1) {
			var i = url.substring(url.lastIndexOf('=') + 1);
			var v = "<iframe src='https://www.youtube.com/embed/"+i+"?showinfo=0&controls=0&rel=0&color=black&autoplay=1' frameborder='0'></iframe>";
			$j(this).prepend(v);
		}
	});
   	//Basic


   	// Header
   	$j(".wrapper > .menu .menu-toggle").on( "click", function() {
   		$j(".wrapper > nav.navigation, .wrapper > div.menu").toggleClass("active");
   	});
   	$j(".wrapper > .navigation.side-menu .menu-button").on( "click", function() {
   		$j(".wrapper > nav.navigation, .wrapper > div.menu").removeClass("active");
   	});
   	// Header


   	//Navigate
	$j("body").attr("data-simplebar-direction","vertical");

	$j("a[href^='#']").click(function(event){
    	event.preventDefault();
		$j('.simplebar-scroll-content').stop().animate({scrollTop: $j($j(this).attr("href")).position().top-80}, 'slow');
	});

	$j("footer.footer .back-button").on( "click", function() {
		$j('.simplebar-scroll-content').stop().animate({ scrollTop: 0 }, 800);
	});
   	//Navigate


   	// Landing
   	if ( $j("section.landing").length ) {
	   	if( $j("section.landing").hasClass("slider") ) {

		   	$j("section.landing").slider({
		    	container: ".section-content",
		    	controls: true,
		    	item: ".item",
		    	itemContent: ".item-content",
			});

	   	}
	}
   	// Landing


   	// Quotes
   	if ( $j("section.quotes").length ) {
	   	$j("section.quotes").slider({
	    	container: ".section-content",
	    	item: ".item",
	    	itemContent: ".item-content",
	    	navigation: true,
		});
	}
   	// Quotes


   	// Blog
   	if ( $j("section.blog").length ) {
   		loadBlog();
		$("section.blog .section-content .item").on( "hover", function() {
			$(this).addClass("active");
			$(this).siblings().addClass("unactive");
		}, function(){ 
			$("section.blog .section-content .item").removeClass("active unactive");
		});
   	}
   	// Blog


   	// Begin Portfolio
   	if ( $j("section.portfolio").length ) {
   		var type = $j("section.portfolio").attr("data-type");
   		$j("section.portfolio .section-header .filterbar li").eq(0).addClass("active");
   		loadPortfolio(type);
	   	$j("section.portfolio .section-header .item-content .filter .filter-button").on( "click", function() {
	   		var p1 = $j("section.portfolio .section-header .item-content .filter").position();
	   		var p2 = $j("section.portfolio .section-header .item-content").position();
	   		var p = p1.top + p2.top;
	   		$j("section.portfolio .portfolio-filter").css("top", p);
	   		$j("section.portfolio").toggleClass("active");
	   		if ( !$j("section.portfolio").hasClass("active") ) loadPortfolio(type);
	   	});
	   	$j("section.portfolio .portfolio-filter li").on( "click", function() {
	   		var t = $j("section.portfolio .portfolio-filter li").length;
	   		var s = $j("section.portfolio .portfolio-filter li.active").length;
	   		if( $j(this).hasClass("active") ) {
	   			if ( s>1 ) {
	   				$j(this).removeClass("active"); 
	   				$j("section.portfolio .portfolio-filter li.all").removeClass("active");
	   			}

	   		} else {
	   			$j(this).addClass("active"); 
	   		}
	   	});
	   	$j("section.portfolio .portfolio-filter .all").on( "click", function() {
	   		$j("section.portfolio .portfolio-filter li").addClass("active");
	   	});
	   	$j("section.portfolio .section-header .filterbar li").on( "click", function() {
	   		$j(this).addClass("active").siblings().removeClass("active"); 
	   		loadPortfolio(type);
	   	});

	}
   	// End Portfolio


   	// Begin Project
   	$j("section.project .section-content .watch").on( "click", function( event ) {
    	event.preventDefault();
		var l = $j(this).attr("href");

		if(l.indexOf(".mp4") != -1) {
			var v = "<div class='video'><video autoplay controls><source src='"+l+"' type='video/mp4'></video></div>";
			$j(this).parent().html(v);
		} else if(l.indexOf("vimeo.com") != -1) {
			var i = l.substring(l.lastIndexOf('/') + 1);
			var v = "<iframe src='https://player.vimeo.com/video/"+i+"?autoplay=1&byline=0&portrait=0' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>";
			$j(this).parent().html(v);
		} else if(l.indexOf("youtube.com") != -1) {
			var i = l.substring(l.lastIndexOf('=') + 1);
			var v = "<iframe src='https://www.youtube.com/embed/"+i+"?showinfo=0&controls=0&rel=0&color=black&autoplay=1' frameborder='0'></iframe>";
			$j(this).parent().html(v);


		}
   	});
   	// End Project


   	// Begin Contact
   	if ( $j("section.contact form").length ) {
   		var contactEmail = $j("section.contact form").attr("data-email");
   		$j("section.contact form").removeAttr("data-email");
	   	$j('section.contact form .submit').on( "click", function() {

	   		var form  = $j('section.contact form');
			form.find(".text").removeClass("input-error");
			
			var error = false; 

			form.find(".text").each(function() {
				var value = $j(this).val(); 
				if(value == "" || value == " ") { 
					error = true;
					$j(this).addClass("input-error");
				}
			});

			if(error == true) {
				return false;
			}

			var data_string = form.serialize(); 
			
			$j.ajax({
				type: "POST",
				url: theme + "/contact.php?e=" + contactEmail,
				data: data_string,
				success: function(message) {
					if(message === 'ok'){
						var msg = "Message is sent!";
						form.find(".text").removeClass("input-error").val('');
					} else {
						var msg = "Message was not sent :(";
					}
					$j("section.contact form .result").html(msg);
					$j("section.contact form").addClass("sent");
					//$j('html,body').stop().animate({scrollTop: 0}, 'slow');
				}, 
				error: function(jqXHR, textStatus, errorThrown) {
					console.log(jqXHR + " :: " + textStatus + " :: " + errorThrown);
					$j("section.contact form").addClass("error");
					var msg = "Something Happened :'(";
					$j("section.contact form .result").html(msg);
				}
				
			});

			return false; 
		});
	}
   	// End Contact

   	// Begin Start
   	if ( $j("section.start form").length ) {
   		var pageEmail = $j("section.start form").attr("data-email");
   		$j("section.start form").removeAttr("data-email");
	   	$j('section.start .submit').on( "click", function() {

	   		var form  = $j('section.start form');
			form.find(".text").removeClass("input-error");
			
			var error = false; 

			form.find(".text").each(function() {
				var value = $j(this).val(); 
				if(value == "" || value == " ") { 
					error = true;
					$j(this).addClass("input-error");
				}
			});

			if(error == true) {
				return false;
			}

			var data_string = form.serialize(); 
			
			$j.ajax({
				type: "POST",
				url: theme + "/start.php?e=" + pageEmail,
				data: data_string,
				
				success: function(message) {
					if(message === 'ok'){
						var msg = "Your Message was sent successfully!";
						form.find(".text").removeClass("input-error").val('');
					} else {
						var msg = "Your Message was not sent :(";
					}
					$j("section.start").addClass("sent");
					$j("section.start .section-header").before("<div class='section-footer container'><div class='item one-full column'><div class='item-content'><h1 class='title'>"+msg+"</h1><div class='action'><span>Go Home</span></div></div></div>");
					$j('.simplebar-scroll-content').stop().animate({scrollTop: 0}, 'slow');
					$j('section.start .action').on( "click", function() {
						$j('section.start .section-footer').remove();
						$j("section.start").removeClass("sent");
					});
				}, 
				error: function(jqXHR, textStatus, errorThrown) {
					console.log(jqXHR + " :: " + textStatus + " :: " + errorThrown);
					$j("section.start").addClass("sent");
					var msg = "Something Happened. Your Message was not sent :'(";
					$j('.simplebar-scroll-content').stop().animate({scrollTop: 0}, 'slow');
				}
			});

			return false; 
		});

		$j('section.start .text').change( function() {
			
			var value = $j(this).val(); 
			if(value == "" || value == " ") { 
				$j(this).addClass("input-error");
			} else {
				$j(this).removeClass("input-error");
			}

		});

	}
   	// End Start

   	// Share Buttons
	$j("section.article .social .facebook, section.project .social .facebook").on( "click", function() {
		var url = $j(location).attr('href');
		window.open("https://www.facebook.com/sharer/sharer.php?u="+url, "Share", "width=600, height=400, status=no, toolbar=no, menubar=no");
	});

	$j("section.article .social .twitter, section.project .social .twitter").on( "click", function() {
		var url = $j(location).attr('href');
		window.open("https://twitter.com/home?status="+url, "Share", "width=600, height=400, status=no, toolbar=no, menubar=no");
	});

	$j("section.article .social .google, section.project .social .google").on( "click", function() {
		var url = $j(location).attr('href');
		window.open("https://plus.google.com/share?url="+url, "Share", "width=600, height=400, status=no, toolbar=no, menubar=no");
	});

	$j("section.article .social .email, section.project .social .email").on( "click", function() {
		var url = $j(location).attr('href');
		window.open("mailto:?body="+url,"_parent");
	});
   	// Share Buttons

   	// Footer
   	$j("footer.footer a.underline").on( "hover", function() {
		$("footer.footer .copyrights .text").addClass("hover");
	}, function(){ 
		$("footer.footer .copyrights .text").removeClass("hover");
	});

   	$j("footer.footer .back").on( "click", function() {
		$j('html,body').stop().animate({scrollTop: 0}, 'slow');
	});

	$j(".social-links li a").each(function() {
		var value = $j(this).text(); 
		if( value != "" || value != " " ) { 
			$j(this).addClass( "button circle " + value ).text("");
		}
	});

	$j("footer.footer .social-links li a").each(function() {
		if( $j("body").hasClass("dark") ) {
			$j(this).addClass( "dark" );
		} else {
			$j(this).addClass( "light" );
		}
	});

	$j("nav.navigation.side-menu .social-links li a").each(function() {
		if( $j("body").hasClass("dark") ) {
			$j(this).addClass( "dark" );
		} else {
			$j(this).addClass( "light" );
		}
	});
   	// Footer

});


jQuery(window).load(function() {

	//Fixes
	adjustSizes();

	//Loader
	playLoader();

	//Animations
	playAnimations();

});


jQuery(window).resize(function() {
	adjustSizes();
});


function playLoader() {

	if(settings.enableLoader) {
		$j("body").append("<div class='loading'></div>");
		$j(".loading").delay(1000).fadeOut(1000, function() {
			$j(".wrapper").animate({ opacity: 1 }, 1000);
			$j(".loading").remove();
	 	});
	} else {
		$j(".wrapper").css("opacity", 1);
	}

}


function playAnimations() {

	if(settings.enableAnimations) {
		var delay = 0;
		if(settings.enableLoader) delay = 3000;
		$j(".animated").each(function() {
			var item = $j(this);
			var t = item.offset().top;
			var r = windowHeight;
			item.css("opacity", 0);
			if (t<r) {
				setTimeout(function(){item.addClass('fadeInDown')}, delay);
				delay += 400;
			} else {
				item.waypoint(function() {
			        setTimeout(function() {
			            item.addClass('fadeInUp')
			        }, 400);
			    }, {
			        offset: '100' 
			    });
			}
		});
	}

}


function adjustSizes() {

	windowHeight = jQuery(window).height();
	windowWidth = jQuery(window).width();

	$j("body").css('height', windowHeight).css('width', windowWidth);

	//Fullscreen
	$j(".fullscreen").css('height', windowHeight);

   	// Fix Video Backgrounds
	$j(".video iframe").each(function() {
		var h = windowHeight;
		var w = windowWidth;
		var rat = w/h;
		if (rat > (16/9)) {
			var v = w * (9/16);
			$j(this).css('width', w);
			$j(this).css('height', v);
			var vc = ($j(this).height() - h) / 2;
			$j(this).css('margin-top', '-'+vc+'px');
			$j(this).css('margin-left', '0px');
		} else {
			var v = h * (16/9);
			$j(this).css('height', h);
			$j(this).css('width', v);
			var vc = ($j(this).width() - w) / 2;
			$j(this).css('margin-top', '0px');
			$j(this).css('margin-left', '-'+vc+'px');
		}
	});
   	// Fix Video Backgrounds


   	// Blog Posts
   	$j("section.blog .post").each(function() {

   		var w = $j(this).find(".entry-thumbnail").width();
   		$j(this).find(".entry-thumbnail").css("height", w * 0.75);

   	});
   	// Blog Posts


   	// Fix Menu Spaces
   	var navFull = $j(".wrapper > .navigation.full-screen");
   	if ( navFull.length ) {

	   	var fullNavLinks = $j(".wrapper > .navigation.full-screen").find(".navigation-links");
	   	var fullSocialLinks = $j(".wrapper > .navigation.full-screen").find(".social-links");
	   	var fullCopyrights = $j(".wrapper > .navigation.full-screen").find(".copyrights");

	   	var x = fullNavLinks.outerHeight() + fullSocialLinks.outerHeight() + fullCopyrights.outerHeight();

	   	if ( x + 100 > windowHeight ) {
	   		var h = windowHeight - fullSocialLinks.height() - fullCopyrights.height();
	   		fullNavLinks.css("height", h * 0.6);
	   	}

	   	x = fullNavLinks.height() + fullSocialLinks.height() + fullCopyrights.height();

	   	var y = windowHeight - x;
	   	fullNavLinks.css("margin-top", y * 0.45).css("margin-bottom", y * 0.35);

   	}

   	var navSide = $j(".wrapper > .navigation.side-menu");
   	if ( navSide.length ) {

	   	var sideMenuBut = $j(".wrapper > .navigation.side-menu").find(".menu-button");
	   	var sideNavLinks = $j(".wrapper > .navigation.side-menu").find(".navigation-links");
	   	var sideSocialLinks = $j(".wrapper > .navigation.side-menu").find(".social-links");
	   	var sideCopyrights = $j(".wrapper > .navigation.side-menu").find(".copyrights");

	   	var x = sideMenuBut.height() + sideNavLinks.height() + sideSocialLinks.height() + sideCopyrights.height();
	   	var y = windowHeight - x;
	   	sideNavLinks.css("padding-top", y * 0.45).css("padding-bottom", y * 0.35);

   	}
   	// Fix Menu Spaces

}


function playVideo(video) {

	var type = video.attr("data-type");
	var url = video.attr("data-url");
	var poster = video.attr("data-poster");


	if(type=="video"){
		var h = "<video autoplay poster='"+poster+"'><source src='"+url+"' type='video/mp4'></video>";
		video.html(h);
		var h = video.height();
		var w = video.width();
		var rat = w / h;
		if (rat > (16/9)) {
			var v = w * (16/9);
			video.find("video").css('width', w);
			video.find("video").css('height', v);
			var vc = (video.find("video").height() - h) / 2;
			video.find("video").css('margin-top', '-'+vc+'px');
			video.find("video").css('margin-left', '0px');
		} else {
			var v = h * (16/9);
			video.find("video").css('height', h);
			video.find("video").css('width', v);
			var vc = (video.find("video").width() - w) / 2;
			video.find("video").css('margin-top', '0px');
			video.find("video").css('margin-left', '-'+vc+'px');
		}

	} else if (type=="youtube") {
		var h = "<iframe src='https://www.youtube.com/embed/"+url+"?showinfo=0&controls=0&rel=0&color=black&autoplay=1' frameborder='0'></iframe>";
		video.html(h);
	}

	var container = video.parents(".item");
	var controls = container.find(".controls");
	controls.addClass("active");

}


function loadBlog() {

	var blog 	= $j("section.blog");
	var content = blog.find(".section-content > .posts > .container");
	var workin 	= false;
	var page 	= 1;
	var workin 	= false;
	var loaded 	= content.find("article.post").length;
	var done 	= false;

	var cat 	= blog.attr("data-category");
	var tag 	= blog.attr("data-tag");
	var search 	= blog.attr("data-search");
	
	var loadPosts = function(){

		if ( done != true ) {
			if ( page == 1 ) content.html("");
			$j.ajax({
				type: "GET",
				data: { pageNumber: page, category: cat, tag: tag, search: search },
				dataType: "html",
				url: theme + "/blog-handler.php",
				beforeSend: function(){
					var workin = true;
					if( !content.find(".blog-loading").length ) {
						content.append("<div class='blog-loading'></div>");
					}
				},
				success: function(data){
				    content.append(data);
				    setTimeout(function(){
				    	content.find("article.post").addClass("active");
				    }, 400);
				    
					var workin = false;
					content.find(".blog-loading").remove();
					if(loaded < content.find("article.post").length ) {
						loaded = content.find("article.post").length;
					} else {
						done = true;
					}

					
				   	$j("section.blog .post").each(function() {

				   		var w = $j(this).find(".entry-thumbnail").width();
				   		$j(this).find(".entry-thumbnail").css("height", w * 0.75);

				   	});
				},
				error: function(jqXHR, textStatus, errorThrown) {
				    console.log(jqXHR + " :: " + textStatus + " :: " + errorThrown);
					var workin = false;
					content.find(".blog-loading").remove();
				}
			});		
		}

	}

	$j(document).scroll(function() { 
		var offset = blog.offset(); 
		var height = blog.height();
		var scroll = false;
		if ( offset.top < 0 && workin == false ) {
        	page++;
        	loadPosts();
        }

	});

	loadPosts();

}


function loadPortfolio(filtertype) {

	var portfolio 	= $j("section.portfolio");
	var content 	= portfolio.find(".section-content");
	var order 		= portfolio.attr("data-order");
	var sort 		= portfolio.attr("data-sort");
	var paged 		= parseInt( portfolio.attr("data-count") );
	var workin 		= false;
	var cats = [];

	if ( filtertype == "filtermenu" ) {
		var filter = $j("section.portfolio .portfolio-filter");
		filter.find("li.active").each(function() {
			var c = $j(this).attr("data-url");
			if( typeof c != 'undefined' ) cats.push(c);
		});		
	} else if ( filtertype == "filterbar" ) {
		var c = portfolio.find(".section-header .filterbar li.active").attr("data-url");
		if( typeof c != 'undefined' ) cats.push(c);
	}

	var page = 1;
	var workin = false;
	var loaded = portfolio.find(".section-content .item").length;
	var done = false;

	var loadPosts = function(){

		if ( done != true ) {
			if ( page == 1 ) content.html("");
			$j.ajax({
				type: "GET",
				data: { numPosts : paged, pageNumber: page, portfolioOrder: order, portfolioSort: sort, categories: cats.join() },
				dataType: "html",
				url: theme + "/portfolio-handler.php",
				beforeSend: function(){
					var workin = true;
					if( !content.find(".portfolio-loading").length ) {
						content.append("<div class='portfolio-loading'></div>");
					}
				},
				success: function(data){
				    content.append(data);
				    setTimeout(function(){
				    	portfolio.find(".section-content .item").addClass("active");
				    }, 400);
				    
					var workin = false;
					content.find(".portfolio-loading").remove();
					if(loaded < portfolio.find(".section-content .item").length ) {
						loaded = portfolio.find(".section-content .item").length;
					} else {
						done = true;
					}
				},
				error: function(jqXHR, textStatus, errorThrown) {
				    console.log(jqXHR + " :: " + textStatus + " :: " + errorThrown);
					content.find(".portfolio-loading").remove();
					content.removeClass("loading");
				}
			});		
		}

	}

	$j(document).scroll(function() { 
		var offset = portfolio.offset(); 
		var height = portfolio.height();
		var scroll = false;
		if ( offset.top < 0 && workin == false ) {
        	page++;
        	loadPosts();
        }

	});

	loadPosts();

}


(function($) {
 
    $.fn.slider = function( options ) {
 
        var config = $.extend({
        	container: ".slides",
            controls: false,
            fade: true,
        	kenburns: true,
            navigation: false,
            item: ".slide",
            itemContent: ".slide-content",
        }, options );
 
		if ( this.find(config.item).length > 0 ) {

			this.addClass("slider");
			this.find(config.container).addClass("slider-slides");
			this.find(config.item).addClass("slide");
			this.find(config.itemContent).addClass("slide-content");

			var slider = this;
			var slides = this.find(".slider-slides");
			var navigation;
			var controls;
			var total = this.find(config.item).length;

			// Add effects if enabled
			if( config.kenburns ) slides.addClass("kenburns");
			if( config.fade ) slides.addClass("fade");

			// Build controls if enabled
			if( config.controls ) {
				slider.append("<div class='slider-controls'><ul></ul><div class='selected'></div></div>");
				slides.find(".slide").each(function() {
					var i = slides.find(".slide").index($j(this)) + 1;
					slider.find(".slider-controls ul").append("<li><span>0"+i+"</span></li>");
				});
				controls = slider.find(".slider-controls");
			}

			// Build navigation if enabled
			if( config.navigation ) {
				slider.append("<div class='slider-navigation'><div class='prev'></div><div class='next'></div></div>");
				navigation = slider.find(".slider-navigation");
			}

			if( slides.find(".current").length == 0 ) {
				slides.find(".slide").eq(0).addClass("current");
				var control = slider.find(".slider-controls li").eq(0);
				control.addClass("current").siblings().removeClass("current");
			} 

			function sliderPrev() {
				var current;
				var currentSlide = slides.find(".slide.current");
				var currentIndex = slides.find(".slide").index(currentSlide) - 1;
				var current = 0;
				if( currentIndex > 0 ) current = currentIndex;

				var slide = slides.find(".slide").eq(current);
				slide.addClass("current").siblings().removeClass("current");

				var control = slider.find(".slider-controls li").eq(current);
				control.addClass("current").siblings().removeClass("current");
			}

			function sliderNext() {
				var current;
				var currentSlide = slides.find(".slide.current");
				var currentIndex = slides.find(".slide").index(currentSlide) + 1;
				var current = 0;
				if( currentIndex < total ) current = currentIndex;

				var slide = slides.find(".slide").eq(current);
				slide.addClass("current").siblings().removeClass("current");

				var control = slider.find(".slider-controls li").eq(current);
				control.addClass("current").siblings().removeClass("current");
			}

			var sliderInterval = setInterval(function(){
				sliderNext();
			}, 7000);

			if( config.navigation ) {

				navigation.find(".prev").on( "click", function() {
					clearInterval(sliderInterval);
					sliderPrev();
					var sliderInterval = setInterval(function(){
						sliderNext();
					}, 7000);
				});

				navigation.find(".next").on( "click", function() {
					clearInterval(sliderInterval);
					sliderNext();
					var sliderInterval = setInterval(function(){
						sliderNext();
					}, 7000);
				});

			}

			if( config.controls ) {

				controls.find("li").on( "click", function() {
					clearInterval(sliderInterval);
					var current = controls.find("li").index($j(this));
					var slide = slides.find(".slide").eq(current);
					slide.addClass("current").siblings().removeClass("current");
					var control = slider.find(".slider-controls li").eq(current);
					control.addClass("current").siblings().removeClass("current");
					setTimeout(function(){
						sliderInterval = setInterval(function(){
							sliderNext();
						}, 7000);
					}, 7000);
				});

			}

		}
 
    };
 
}(jQuery));

;(function (factory) {
    if (typeof module === 'object' && typeof module.exports === 'object') {
        factory(require('jquery'), window, document);
    } else {
        factory(window.jQuery, window, document);
    }
}(function ( $, window, document, undefined ) {


    /**
     * Calculate scrollbar width
     *
     * Called only once as a constant variable: we assume that scrollbar width never change
     *
     * Original function by Jonathan Sharp:
     * http://jdsharp.us/jQuery/minute/calculate-scrollbar-width.php
     */
    var SCROLLBAR_WIDTH;

    function scrollbarWidth () {
        // Append a temporary scrolling element to the DOM, then measure
        // the difference between its outer and inner elements.
        var tempEl  = $('<div class="scrollbar-width-tester" style="width:50px;height:50px;overflow-y:scroll;top:-200px;left:-200px;"><div style="height:100px;"></div>'),
            width   = 0,
            widthMinusScrollbars = 0;

        $('body').append(tempEl);

        width = $(tempEl).innerWidth(),
        widthMinusScrollbars = $('div', tempEl).innerWidth();

        tempEl.remove();

        return (width - widthMinusScrollbars);
    }

    var IS_WEBKIT = 'WebkitAppearance' in document.documentElement.style;



    // SimpleBar Constructor
    function SimpleBar (element, options) {
        this.el = element,
        this.$el = $(element),
        this.$track,
        this.$scrollbar,
        this.dragOffset,
        this.flashTimeout,
        this.$contentEl         = this.$el,
        this.$scrollContentEl   = this.$el,
        this.scrollDirection    = 'vert',
        this.scrollOffsetAttr   = 'scrollTop',
        this.sizeAttr           = 'height',
        this.scrollSizeAttr     = 'scrollHeight',
        this.offsetAttr         = 'top';

        this.options = $.extend({}, SimpleBar.DEFAULTS, options);
        this.theme   = this.options.css;

        this.init();
    }

    SimpleBar.DEFAULTS = {
        wrapContent: true,
        autoHide: true,
        css: {
            container: 'simplebar',
            content: 'simplebar-content',
            scrollContent: 'simplebar-scroll-content',
            scrollbar: 'simplebar-scrollbar',
            scrollbarTrack: 'simplebar-track'
        }
    };

    SimpleBar.prototype.init = function () {
        // Measure scrollbar width
        if(typeof SCROLLBAR_WIDTH === 'undefined') {
            SCROLLBAR_WIDTH = scrollbarWidth();
        }

        // If scrollbar is a floating scrollbar, disable the plugin
        if(SCROLLBAR_WIDTH === 0) {
          this.$el.css('overflow', 'auto');

          return;
        }

        if (this.$el.data('simplebar-direction') === 'horizontal' || this.$el.hasClass(this.theme.container + ' horizontal')){
            this.scrollDirection    = 'horiz';
            this.scrollOffsetAttr   = 'scrollLeft';
            this.sizeAttr           = 'width';
            this.scrollSizeAttr     = 'scrollWidth';
            this.offsetAttr         = 'left';
        }

        if (this.options.wrapContent) {
            this.$el.wrapInner('<div class="' + this.theme.scrollContent + '"><div class="' + this.theme.content + '"></div></div>');
        }

        this.$contentEl = this.$el.find('.' + this.theme.content);

        this.$el.prepend('<div class="' + this.theme.scrollbarTrack + '"><div class="' + this.theme.scrollbar + '"></div></div>');
        this.$track = this.$el.find('.' + this.theme.scrollbarTrack);
        this.$scrollbar = this.$el.find('.' + this.theme.scrollbar);

        this.$scrollContentEl = this.$el.find('.' + this.theme.scrollContent);

        this.resizeScrollContent();

        if (this.options.autoHide) {
            this.$el.on('mouseenter', $.proxy(this.flashScrollbar, this));
        }

        this.$scrollbar.on('mousedown', $.proxy(this.startDrag, this));
        this.$scrollContentEl.on('scroll', $.proxy(this.startScroll, this));

        this.resizeScrollbar();

        if (!this.options.autoHide) {
            this.showScrollbar();
        }
    };


    /**
     * Start scrollbar handle drag
     */
    SimpleBar.prototype.startDrag = function (e) {
        // Preventing the event's default action stops text being
        // selectable during the drag.
        e.preventDefault();

        // Measure how far the user's mouse is from the top of the scrollbar drag handle.
        var eventOffset = e.pageY;
        if (this.scrollDirection === 'horiz') {
            eventOffset = e.pageX;
        }
        this.dragOffset = eventOffset - this.$scrollbar.offset()[this.offsetAttr];

        $(document).on('mousemove', $.proxy(this.drag, this));
        $(document).on('mouseup', $.proxy(this.endDrag, this));
    };


    /**
     * Drag scrollbar handle
     */
    SimpleBar.prototype.drag = function (e) {
        e.preventDefault();

        // Calculate how far the user's mouse is from the top/left of the scrollbar (minus the dragOffset).
        var eventOffset = e.pageY,
            dragPos     = null,
            dragPerc    = null,
            scrollPos   = null;

        if (this.scrollDirection === 'horiz') {
          eventOffset = e.pageX;
        }

        dragPos = eventOffset - this.$track.offset()[this.offsetAttr] - this.dragOffset;
        // Convert the mouse position into a percentage of the scrollbar height/width.
        dragPerc = dragPos / this.$track[this.sizeAttr]();
        // Scroll the content by the same percentage.
        scrollPos = dragPerc * this.$contentEl[0][this.scrollSizeAttr];

        this.$scrollContentEl[this.scrollOffsetAttr](scrollPos);
    };


    /**
     * End scroll handle drag
     */
    SimpleBar.prototype.endDrag = function () {
        $(document).off('mousemove', this.drag);
        $(document).off('mouseup', this.endDrag);
    };


    /**
     * Resize scrollbar
     */
    SimpleBar.prototype.resizeScrollbar = function () {
        if(SCROLLBAR_WIDTH === 0) {
            return;
        }

        var contentSize     = this.$contentEl[0][this.scrollSizeAttr],
            scrollOffset    = this.$scrollContentEl[this.scrollOffsetAttr](), // Either scrollTop() or scrollLeft().
            scrollbarSize   = this.$track[this.sizeAttr](),
            scrollbarRatio  = scrollbarSize / contentSize,
            // Calculate new height/position of drag handle.
            // Offset of 2px allows for a small top/bottom or left/right margin around handle.
            handleOffset    = Math.round(scrollbarRatio * scrollOffset) + 2,
            handleSize      = Math.floor(scrollbarRatio * (scrollbarSize - 2)) - 2;


        if (scrollbarSize < contentSize) {
            if (this.scrollDirection === 'vert'){
                this.$scrollbar.css({'top': handleOffset, 'height': handleSize});
            } else {
                this.$scrollbar.css({'left': handleOffset, 'width': handleSize});
            }
            this.$track.show();
        } else {
            this.$track.hide();
        }
    };


    /**
     * On scroll event handling
     */
    SimpleBar.prototype.startScroll = function(e) {
        // Simulate event bubbling to root element
        this.$el.trigger(e);

        this.flashScrollbar();
    };


    /**
     * Flash scrollbar visibility
     */
    SimpleBar.prototype.flashScrollbar = function () {
        this.resizeScrollbar();
        this.showScrollbar();
    };


    /**
     * Show scrollbar
     */
    SimpleBar.prototype.showScrollbar = function () {
        this.$scrollbar.addClass('visible');

        if (!this.options.autoHide) {
            return;
        }
        if(typeof this.flashTimeout === 'number') {
            window.clearTimeout(this.flashTimeout);
        }

        this.flashTimeout = window.setTimeout($.proxy(this.hideScrollbar, this), 1000);
    };


    /**
     * Hide Scrollbar
     */
    SimpleBar.prototype.hideScrollbar = function () {
        this.$scrollbar.removeClass('visible');
        if(typeof this.flashTimeout === 'number') {
            window.clearTimeout(this.flashTimeout);
        }
    };


    /**
     * Resize content element
     */
    SimpleBar.prototype.resizeScrollContent = function () {
        if (IS_WEBKIT) {
            return;
        }

        if (this.scrollDirection === 'vert'){
            this.$scrollContentEl.width(this.$el.width()+SCROLLBAR_WIDTH);
            this.$scrollContentEl.height(this.$el.height());
        } else {
            this.$scrollContentEl.width(this.$el.width());
            this.$scrollContentEl.height(this.$el.height()+SCROLLBAR_WIDTH);
        }
    };


    /**
     * Recalculate scrollbar
     */
    SimpleBar.prototype.recalculate = function () {
        this.resizeScrollContent();
        this.resizeScrollbar();
    };


    /**
     * Getter for original scrolling element
     */
    SimpleBar.prototype.getScrollElement = function () {
        return this.$scrollContentEl;
    };


    /**
     * Getter for content element
     */
    SimpleBar.prototype.getContentElement = function () {
        return this.$contentEl;
    };


    /**
     * Data API
     */
    $(window).on('load', function () {
        $('[data-simplebar-direction]').each(function () {
            $(this).simplebar();
        });
    });


    /**
     * Plugin definition
     */
    var old = $.fn.simplebar;

    $.fn.simplebar = function (options) {
        var args = arguments,
            returns;

        // If the first parameter is an object (options), or was omitted,
        // instantiate a new instance of the plugin.
        if (typeof options === 'undefined' || typeof options === 'object') {
            return this.each(function () {

                // Only allow the plugin to be instantiated once,
                // so we check that the element has no plugin instantiation yet
                if (!$.data(this, 'simplebar')) { $.data(this, 'simplebar', new SimpleBar(this, options)); }
            });

        // If the first parameter is a string
        // treat this as a call to a public method.
        } else if (typeof options === 'string') {
            this.each(function () {
                var instance = $.data(this, 'simplebar');

                // Tests that there's already a plugin-instance
                // and checks that the requested public method exists
                if (instance instanceof SimpleBar && typeof instance[options] === 'function') {

                    // Call the method of our plugin instance,
                    // and pass it the supplied arguments.
                    returns = instance[options].apply( instance, Array.prototype.slice.call( args, 1 ) );
                }

                // Allow instances to be destroyed via the 'destroy' method
                if (options === 'destroy') {
                  $.data(this, 'simplebar', null);
                }
            });

            // If the earlier cached method
            // gives a value back return the value,
            // otherwise return this to preserve chainability.
            return returns !== undefined ? returns : this;
        }
    };

    $.fn.simplebar.Constructor = SimpleBar;


    /**
     * No conflict
     */
    $.fn.simplebar.noConflict = function () {
        $.fn.simplebar = old;
        return this;
    };

}));