var max_x = 300; // Maximum traveling distace
var min_x = 0;
var options = document.getElementById("header_options_more");
dx = 15;
options_x = 0;
controller = 1;


function more_options()
{	
	if (controller == 1)
	{
		document.getElementById("header_options_plus").innerHTML = '<ul><li><a href="#">--</a></li></ul>';
	}
		
	controller = 1;
	options_x = options_x + dx;	
	options.style.width = options_x + 'px';
	
	if (options_x > max_x || options_x < 0)
	{
	controller = 0;
	document.getElementById("header_options_plus").innerHTML = '<ul><li><a href="#" onclick="less_options();">--</a></li></ul>';
	document.getElementById("header_options_text").innerHTML = 'Less Options';
	dx= -15;
	}
	
	if (controller > 0)
	{
		timerID = setTimeout("more_options()", 10)
	}
}

function less_options()
{
	if (controller == 1)
	{
		document.getElementById("header_options_plus").innerHTML = '<ul><li><a href="#">+</a></li></ul>';
	}
	
	controller = 1;
	options_x = options_x + dx;	
	options.style.width = options_x + 'px';
	
	if (options_x < min_x || options_x < 0)
	{
	document.getElementById("header_options_plus").innerHTML = '<ul><li><a href="#" onclick="more_options();">+</a></li</ul>';
	document.getElementById("header_options_text").innerHTML = 'More Options';
	controller = 0;
	dx = 15;
	}
	
	if (controller > 0)
	{
		timerID = setTimeout("less_options()", 10)
	}
}