var currentFeature = 0;

function getNavbarValue()
{
	var urlquery = location.href.split("navbar=");
	var navbar = 0;
	if(urlquery[1] && !isNaN(urlquery[1])){
		navbar = urlquery[1];
	}
	return navbar;
}

var navbar = parseInt(getNavbarValue());

if(navbar > 20)
{
	window.location = '/products/websites';
}

if(navbar)
{
	currentFeature = navbar;
}

/*
 * show exact feature
 *		number = order number of feature to be shown
 */
function showFeature(number)
{
	var i;
	
	for (i = 0; i <= 20; i++)
	{
		$('websites' + i + '-bg').setStyle({'display':'none'});
		$('websites' + i).setStyle({'display':'none'});
		$('next' + i).setStyle({'display':'none'});
		if (i > 0)
			$('feature' + i).removeClassName('selected');
		
		$$('.data .navigation .column').each(
			function(s)
			{
				s.removeClassName('selected');
			}
		);
	}
	$('websites' + number + '-bg').setStyle({'display':'inline'});
	$('websites' + number).setStyle({'display':'inline'});
	$('next' + number).setStyle({'display':'inline'});
	if (number > 0)
	{
		$('feature' + number).addClassName('selected');
		$('feature' + number).up(1).addClassName('selected');
	}

	$('button-prev').href = '?feature=' + Number(number);
	$('button-next').href = '?feature=' + Number(number);
	$('button-prev').removeClassName('none');
	$('button-next').removeClassName('none');
	if (number == 0)
	{
		$('button-prev').addClassName('none');
		$('button-prev').href = '?feature=0';
		$('button-next').href = '?feature=0';
	}
	if (number == 20)
	{
		$('button-next').addClassName('none');
		$('button-next').href = '?feature=20';
	}
	
}

function jumpToFeature(param)
{
	if (typeof(param) == 'object')
	{
		identity = param.id;
		
		currentFeature = identity.substr(7, identity.length - 7);
		showFeature(Number(currentFeature));
	}
	else if (typeof(param) == 'string')
	{
		if ((param == 'prev') && (currentFeature > 0))
			showFeature(--currentFeature);
		if ((param == 'next') && (currentFeature < 20))
			showFeature(++currentFeature);
	}
}