jquery(document).ready(function($){
	var tabs = $('.cd-tabs');
	
	tabs.each(function(){
		var tab = $(this),
			tabitems = tab.find('ul.cd-tabs-navigation'),
			tabcontentwrapper = tab.children('ul.cd-tabs-content'),
			tabnavigation = tab.find('nav');

		tabitems.on('click', 'a', function(event){
			event.preventdefault();
			var selecteditem = $(this);
			if( !selecteditem.hasclass('selected') ) {
				var selectedtab = selecteditem.data('content'),
					selectedcontent = tabcontentwrapper.find('li[data-content="'+selectedtab+'"]'),
					slectedcontentheight = selectedcontent.innerheight();
				
				tabitems.find('a.selected').removeclass('selected');
				selecteditem.addclass('selected');
				selectedcontent.addclass('selected').siblings('li').removeclass('selected');
				//animate tabcontentwrapper height when content changes 
				tabcontentwrapper.animate({
					'height': slectedcontentheight
				}, 200);
			}
		});

		//hide the .cd-tabs::after element when tabbed navigation has scrolled to the end (mobile version)
		checkscrolling(tabnavigation);
		tabnavigation.on('scroll', function(){ 
			checkscrolling($(this));
		});
	});
	
	$(window).on('resize', function(){
		tabs.each(function(){
			var tab = $(this);
			checkscrolling(tab.find('nav'));
			tab.find('.cd-tabs-content').css('height', 'auto');
		});
	});

	function checkscrolling(tabs){
		var totaltabwidth = parseint(tabs.children('.cd-tabs-navigation').width()),
		 	tabsviewport = parseint(tabs.width());
		if( tabs.scrollleft() >= totaltabwidth - tabsviewport) {
			tabs.parent('.cd-tabs').addclass('is-ended');
		} else {
			tabs.parent('.cd-tabs').removeclass('is-ended');
		}
	}
});