// JavaScript Document
function replaceimage(type)
{
  if(type=="over")
	{ document.getElementById('topquotebtn').src='/images/quote-button-top-hover.jpg'; }
  if(type=="dflt")
    {document.getElementById('topquotebtn').src='/images/quote-button-top.jpg';}
}

function changeRoofImg(colId)
{
	if(colId==1)
	{
		document.getElementById('roofimg').src='images/Terracotta-Roof.jpg';	
	}
	if(colId==2)
	{
		document.getElementById('roofimg').src='images/Rustic-Red-roof.jpg';	
	}
	if(colId==3)
	{
		document.getElementById('roofimg').src='images/Saddle-Brown-roof.jpg';	
	}
	if(colId==4)
	{
		document.getElementById('roofimg').src='images/Slate-Grey-roof.jpg';	
	}
	if(colId==5)
	{
		document.getElementById('roofimg').src='images/Olive-Green-Roof.jpg';	
	}
		if(colId==6)
	{
		document.getElementById('roofimg').src='images/redbrick-select.jpg';	
	}
		if(colId==7)
	{
		document.getElementById('roofimg').src='images/black-select.jpg';	
	}
			if(colId==8)
	{
		document.getElementById('roofimg').src='images/white-select.jpg';	
	}
				if(colId==9)
	{
		document.getElementById('roofimg').src='images/cream-select.jpg';	
	}
					if(colId==10)
	{
		document.getElementById('roofimg').src='images/peach-select.jpg';	
	}
}


function displayvisualiser(section)
{

 if(section=="bunglow")
 {
 	document.getElementById(section).style.display='block';
	document.getElementById('detached').style.display='none';
	document.getElementById('semidetached').style.display='none';
	document.getElementById('terrace').style.display='none';
 }
 if(section=="detached")
 {
 	document.getElementById(section).style.display='block';
	document.getElementById('bunglow').style.display='none';
	document.getElementById('semidetached').style.display='none';
	document.getElementById('terrace').style.display='none';
 }
 if(section=="semidetached")
 {
 	document.getElementById(section).style.display='block';
	document.getElementById('bunglow').style.display='none';
	document.getElementById('detached').style.display='none';
	document.getElementById('terrace').style.display='none';
 }
 if(section=="terrace")
 {
 	document.getElementById(section).style.display='block';
	document.getElementById('bunglow').style.display='none';
	document.getElementById('detached').style.display='none';
	document.getElementById('semidetached').style.display='none';
 }
 
}