var pause = true;
var onstart = true;

function timer_disable()
{
	document.getElementById("start").disabled=true;
	document.getElementById("stop").disabled=false;
	document.getElementById("reset").disabled=true;
	timer_start();

}
function timer_enable()
{
	document.getElementById("start").disabled=false;
	document.getElementById("stop").disabled=true;
	document.getElementById("reset").disabled=false;
	timer_start();

}

function timer_reset()
{

	if(onstart == true)
	{
		onstart = false;
		document.getElementById("stop").disabled=true;
	}
	h = 0;
	m = 0;
	s = 0;
	var fontsize = screenSize();
	var letterspacing = smashFontTogether(fontsize);
	
	var timer_div = document.getElementById('timer');
	var timeStr = "" + ((h < 10) ? ("0" + h) : h);

	timeStr += ((m < 10) ? ":0" : ":") + m;

	timeStr += ((s < 10) ? ":0" : ":") + s;

	timer_div.innerHTML='<div style="font-size:' + fontsize + 'px; 	letter-spacing:' + letterspacing + 'px;">' + timeStr + '</div>';
}

function timer_start()
{
	pause = !(pause);
	if (pause)
	{
		clearTimeout(myTimer);
	}
	else
	{
		timer();
	}
}

function timer()

{
	var fontsize = screenSize();
	var letterspacing = smashFontTogether(fontsize);

	var timer_div = document.getElementById('timer');
	
	if (s < 59)
	{
		s++;
	}
	else
	{ 
		s = 0;

		if (m < 59)
		{
		m++;
		}
		else
		{
			m = 0;
			h++;
		}
	}

	

	var timeStr = "" + ((h < 10) ? ("0" + h) : h);

	timeStr += ((m < 10) ? ":0" : ":") + m;

	timeStr += ((s < 10) ? ":0" : ":") + s;

	timer_div.innerHTML='<div style="font-size:' + fontsize + 'px; 	letter-spacing:' + letterspacing + 'px;">' + timeStr + '</div>';

	
	myTimer = setTimeout("timer()", 1000);	
}



function screenSize2()

{

	if (window.innerWidth)

	{

		var width = window.innerWidth;

	}

	else if (document.documentElement && document.documentElement.clientWidth)

	{

		var width = document.documentElement.clientWidth;

	}

	else if (document.body.clientWidth)

	{

		var width = document.body.clientWidth;

	}

	else

	{

		var width = screen.width;

	}



	// var fontsize = width * 300 / 1600;

	var fontsize = width * 436 / 1600;

	return(fontsize);

}