$j(function()
{
	$j('.styling button').click(function()
	{
		$j('.styling .active').removeClass('active');
		$j('#style').attr('href', $j(this).addClass('active').attr('data-url'));
	});

	
	function filterPath(string)
	{
		return string
		.replace(/^\//,'')
		.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
		.replace(/\/$/,'');
	}
	

	var locationPath = filterPath(location.pathname);
	var scrollElem = scrollableElement('html', 'body');

	$j('a[href*=#]').each(function()
	{
		var thisPath = filterPath(this.pathname) || locationPath;
		
		if (locationPath == thisPath
		&& (location.hostname == this.hostname || !this.hostname))
		{
			var $target = $j('a[name=' + this.hash.replace(/#/,'') + ']'),
				target = this.hash;
			
			if (target)
			{				
				$j(this).click(function(event)
				{
					var targetOffset = $target.offset().top;
					
					event.preventDefault();
					$j(scrollElem).animate({scrollTop: targetOffset}, 400, function()
					{
						location.hash = target;
					});
					return false;
				});
			}
		}
	});

	function scrollableElement(els)
	{
		for (var i = 0, argLength = arguments.length; i <argLength; i++)
		{
			var el = arguments[i],
			$scrollElement = $j(el);
			if ($scrollElement.scrollTop()> 0)
			{
				return el;
			} else {
				$scrollElement.scrollTop(1);
				var isScrollable = $scrollElement.scrollTop()> 0;
				$scrollElement.scrollTop(0);
				if (isScrollable)
				{
					return el;
				}
			}
		}
		return [];
	}
});