// add jquery

var script = document.createElement("script");
script.setAttribute('src', '//code.jquery.com/jquery-latest.min.js');
script.addEventListener('load', function() {
	var script = document.createElement('script');
	document.body.appendChild(script);
}, false);
document.body.appendChild(script);

clear();

function r(min, max) {
	return Math.floor(Math.random() * (max - min + 1)) + min;
}



// collect menu items
$('a[title="Articles"]').click(function (e) {
	e.preventDefault();

	var active = $('a[href*="tabs"]').closest('li.is-active');
	var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
	var inactiveTabs = $('div[id*="tabs"].is-hidden');

	var rn = r(0, 2);
	var selector = "a[href*=\"" + "tabs-" + rn +"\"" + "]";
	
	active.removeClass('is-active');
	$(selector).parent().addClass('is-active');

	activeTab.addClass('is-hidden');
	var selectorTab = "div[id*=\"" + "tabs-" + rn +"\"" + "]";
	$(selectorTab).removeClass('is-hidden');
});

$('a[title="Recipes"]').click(function (e) {
	e.preventDefault();
	var active = $('a[href*="tabs"]').closest('li.is-active');
	var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
	var inactiveTabs = $('div[id*="tabs"].is-hidden');

	active.removeClass('is-active');
	$('a[href*=tabs-3]').parent().addClass('is-active');

	activeTab.addClass('is-hidden');
	$('div[id*=tabs-3]').removeClass('is-hidden');
});

$('a[title="Exercises"]').click(function (e) {
	e.preventDefault();
	var active = $('a[href*="tabs"]').closest('li.is-active');
	var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
	var inactiveTabs = $('div[id*="tabs"].is-hidden');

	active.removeClass('is-active');
	$('a[href*=tabs-4]').parent().addClass('is-active');

	activeTab.addClass('is-hidden');
	$('div[id*=tabs-4]').removeClass('is-hidden');
});

$('a[title="Stories"]').click(function (e) {
	e.preventDefault();
	var active = $('a[href*="tabs"]').closest('li.is-active');
	var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
	var inactiveTabs = $('div[id*="tabs"].is-hidden');

	active.removeClass('is-active');
	$('a[href*=tabs-5]').parent().addClass('is-active');

	activeTab.addClass('is-hidden');
	$('div[id*=tabs-5]').removeClass('is-hidden');
});