var startingAng = 0;
var ang = 90;
var mdl = 1;

function checkbox()
{              
	startingAng = ang;  
	autoupdate();
}

function autoupdate()
{                            
	document.getElementById("button").disabled=true;
	
	elem = document.getElementById("updateCheckbox");                
	
	if (elem.checked == false)
	{
		document.getElementById("button").disabled=false;
		return;
	}     
							
	ang = ang + 10;
	if (ang >= 360)
		ang -= 360;
		
	refresh();
	
	if (startingAng == ang)
	{
		document.getElementById("updateCheckbox").checked = false;
		document.getElementById("button").disabled=false;
		return;
	}                
	
	setTimeout("autoupdate()", 1000);  
}

function button()
{
	
	document.getElementById("button").enabled = "false";
	
	//             
	var elem = document.getElementById("angleSpan").innerText = "";
	var elem = document.getElementById("angleSpan").textContent = "";
	
	elem = document.getElementById("angle");
	var number = elem.value;
	var isNum = /^-?\d+$/.test(number);
	
	if (!isNum)               
	{
		document.getElementById("angleSpan").innerText = "Must be a valid number";   
		document.getElementById("angleSpan").textContent = "Must be a valid number"; 
		
		return;
	}                 
	
	number = parseInt(number); 
	
	if (number < 0 || number > 360)
	{
		document.getElementById("angleSpan").innerText = "Value must be between 0 and 360 degrees";                
		document.getElementById("angleSpan").textContent = "Value must be between 0 and 360 degrees";                		
		return;                    
	}
	
	ang = number; 
					
	refresh();
	
}

function refresh()
{                         
					
	var elem = document.getElementById("model");                               
	
	var mdl = elem.options[elem.selectedIndex].value;
	
	document.getElementById("canvas").src = "/php-md2/3d.php?ang=" + ang + "&mdl=" + mdl;            
	
	document.getElementById("angle").value = ang;                                
	
}