document.addEventListener("DOMContentLoaded", function(event) {
	try
	{
		document.addEventListener("touchstart", function() {}, false);
		var navs = document.getElementById('nav');
		
		navs.addEventListener('click', function(e) {
			this.setAttribute('data-active', (this.getAttribute('data-active') == 'true' ? 'false': 'true'));
		}, false);
		
		var cnavs = document.getElementById('categorytreelink');
		var ptree = document.getElementById('ptree_responsive');
		if(cnavs)
			{
				cnavs.addEventListener('click', function(e) {
					ptree.setAttribute('data-active', (ptree.getAttribute('data-active') == 'true' ? 'false': 'true'));
				}, false);
			}
		document.addEventListener("click", function(e) {
			if (e.target.nodeName != 'UL')
				for ( var i = 0; i < navs.length; i++) {
					navs[i].setAttribute('data-active', 'false');
				}
		}, false);
		
		var menuButton = document.getElementById('mobile-menu');
		if(menuButton)
			{
				menuButton.setAttribute("href", "javascript:;");
				var navItem = document.getElementById('nav');
				menuButton.addEventListener('click',function(e) {
					navItem.setAttribute('data-active', (navItem.getAttribute('data-active') == 'true' ? 'false' : 'true'));
					menuButton.setAttribute('data-active', (menuButton.getAttribute('data-active') == 'true' ? 'false' : 'true'));
					return (false);
				}, false);
			}
		}
	catch(e)
	{
		console.log(e);
	}
});