function ao(c,txt,val,idx){
	c.options[idx] = new Option(txt,val);
}
function setSizes(c, s){
	var id;
	var x=0;
	var opt;
	if (!s || !c)
		return;
	if (c.selectedIndex < 1){
		clearSizes();
		return;
	}
	id = c.options[c.selectedIndex].value;
	s.options.length = 0;
	opt = new Option('Please select a size', '');
	s.options[x++] = opt;
	switch(id){
	
		
		    case "NAVY":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "ORANGE":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "RED":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "KELLY":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "FOREST":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "ROYAL":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "MAROON":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "GOLD":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "PURPLE":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "BLACK":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
		
		    case "SKY":
		  
		    ao(s, "SIZE 10-13  - $5.69","SIZE 10-13 ", x++);
		  
		    ao(s, "SIZE 6-8.5 - $5.39","SIZE 6-8.5", x++);
		  
		    ao(s, "SIZE 9-11  - $5.39","SIZE 9-11 ", x++);
		  
		    break;
		  
	  
	}
}

function initSizes (){
	var s, c, f=document.frmOrder;
	
	if ( !f )
		return;
			
	s = f.sizes;
	c = f.colors;
	if (!c || !s)
		return;
	if (c.selectedIndex > 0){
		setSizes(c, s);
	} else {		
		s.options.length = 0;
		var opt = new Option('Please select a color first', '');
		s.options[0] = opt;
	}
}
function clearSizes (){
	var s, c, f=document.frmOrder;
	
	if ( !f )
		return;
	
	s = f.sizes;
	c = f.colors;
	if (!c || !s)
		return;
	if (c.selectedIndex > 0)
		return;
	s.options.length = 0;
	var opt = new Option('Please select a color first', '');
	s.options[0] = opt;
}
window.onload = initSizes;