function changechoices(mattypegroup,group)
{
	var objpictures = document.getElementById('pictures');	
	var picoptions = new Array();
	var mattype;
	
	objpictures.length = 0;
	for(i=0;i<mattypegroup.length;i++)
	if (mattypegroup[i].checked==true)
	{
		mattype = mattypegroup[i].value
	}
	MaterialType = mattype;
	if (mattype == 'quartz')
	{
			var iCount = 0;
			var i = 0;
			var OptionNo = 0;		
			
			
			while(i < MaterialsQuartz.length)				
				{
					if (MaterialsQuartz[iCount] [0] == group)
					{
						objpictures.options[OptionNo] = new Option(MaterialsQuartz[iCount][1],MaterialsQuartz[iCount][3], iCount++)
						OptionNo++;
					}
					else if (group == 'all')
						{
							objpictures.options[OptionNo] = new Option(MaterialsQuartz[iCount][1],MaterialsQuartz[iCount][3], iCount++)
							OptionNo++;
						}
						else
						{
							iCount++;
						}					
					i++;					
				}
				if (MaterialsQuartz.length==0) {
					objpictures.length = 0;
				}
						
	}
	else if (mattype == 'granite')
		
	{		
			var iCount = 0;
			var i = 0;
			var OptionNo = 0;	
			
						
			while(i < Materials.length)				
				{
				
					if (Materials[iCount] [0] == group)
					{
						objpictures.options[OptionNo] = new Option(Materials[iCount][1],Materials[iCount][3], iCount++)
						OptionNo++;
					}
					else if (group == 'all')
						{
								objpictures.options[OptionNo] = new Option(Materials[iCount][1],Materials[iCount][3], iCount++)
							 OptionNo++;
						}
					else
						{
							iCount++
						}					
					i++;
				}
	}	
}

function SetPicture(fieldid,textid)
{
	
		if (MaterialType == 'granite')
		{		
			var i=0;
			while(i < Materials.length)				
				{				
					if (Materials[i][3]== textid.value)
					{
							document.getElementById(fieldid).src=Materials[i][2];
							document.getElementById('group').value=Materials[i][0]
					}
					i++; 
				}			
		}
		else if (MaterialType == 'quartz')
		{
			var i=0;
			while(i < MaterialsQuartz.length)				
				{				
					if (MaterialsQuartz[i][3]== textid.value)
					{
							document.getElementById(fieldid).src=MaterialsQuartz[i][2];
							document.getElementById('group').value=MaterialsQuartz[i][0]
					}
					i++; 
				}					
		}
}

function SetSink(Imageholder,field)
{
	
			var objimageholder = document.getElementById(Imageholder)
			var i=0;
			while(i < Sinks.length)				
				{				
					if (Sinks[i][2]== field.value)
					{
						objimageholder.src=Sinks[i][1];
					}
					i++; 
				}			
		
}
function InitSink()
{
		
			var sinkselect = document.getElementById('sinkCutOut');
		
			var i=0;
			while(i < Sinks.length)				
				{				
						sinkselect.options[i] = new Option(Sinks[i][0],Sinks[i][2], i++)
				}			
		
}



function SetDrainage(Imageholder,field)
{
	
			var objimageholder = document.getElementById(Imageholder)
			var i=0;
			while(i < Drainage.length)				
				{				
					if (Drainage[i][2]== field.value)
					{
						objimageholder.src=Drainage[i][1];
					}
					i++; 
				}			
		
}
function InitDrainage()
{
		
			var Drainageselect = document.getElementById('drainage');
		
			var i=0;
			while(i < Drainage.length)				
				{				
						Drainageselect.options[i] = new Option(Drainage[i][0],Drainage[i][2], i++)
				}			
		
}

function SetEdge(Imageholder,field)
{
	
			var objimageholder = document.getElementById(Imageholder)
			var i=0;
			while(i < Edges.length)				
				{				
					if (Edges[i][2]== field.value)
					{
						objimageholder.src=Edges[i][1];
					}
					i++; 
				}			
		
}
function InitEdge()
{
		
			var Edgesselect = document.getElementById('Edges');
		
			var i=0;
			while(i < Edges.length)				
				{				
						Edgesselect.options[i] = new Option(Edges[i][0],Edges[i][2], i++)
				}			
		
}



function setNumberOfPieces(obj)
{
	var NoOfPeices = obj.value
	var i = 1
	
	while (i <= NoOfPeices)
	 	{
			document.getElementById('piece' + i).style.display='block'		
	 		i++
		}
		
		if (i <= 20)
		{
			while (i <= 20)
			{
				document.getElementById('piece' + i).style.display='none'
				i++
			}
		}
	
		
}