var wallnames="Brown";
var walls="Non-Weathered Versa-Lok";
var pavers="Vintage Washington";
var border="Vintage Washington";
var bordernames="Granite-Blend";
var pavernames="Flagstone";
var lpaver="Vintage Washington";
var lborder="Vintage Washington";
var lwall="Non-Weathered Versa-Lok";
var paverpatd="Running Bond";
var paverborderB=border+"-"+bordernames+"B";
var paverborder=pavers+"-"+pavernames;
var wallborder=walls+"-"+wallnames;
function changeimg(paver,pavername) {
pavernames=pavername;
pavers=paver;
resetNames();
if (lpaver==pavers) {
document.getElementById(paverborder).style.border = "solid #FFFFFF 2px";
}
paverborder=pavers+"-"+pavernames;
document.getElementById(paverborder).style.border = "solid #cc0000 2px";
pavernames=pavername;
document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
lpaver=pavers;

}
function changeimgwall(wall,wallname) {
walls=wall;
wallnames=wallname;
if (lwall==walls) {
document.getElementById(wallborder).style.border = "solid #FFFFFF 2px";
}
wallborder=walls+"-"+wallnames;
document.getElementById(wallborder).style.border = "solid #cc0000 2px";
document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
resetNames();
lwall=walls;
}
function changeimgborder(border,bordername) {
bordername = bordername.replace(/%26/g,"&");
bordernames=bordername;
//document.getElementById('paverborderselect').innerHTML = bordernames;
if (lborder==border) {
document.getElementById(paverborderB).style.border = "solid #FFFFFF 2px";
}
paverborderB=border+"-"+bordernames+"B";
document.getElementById(paverborderB).style.border = "solid #cc0000 2px";
resetNames();
bordername = bordername.replace("&","%26");
bordernames=bordername;
document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
lborder=border;
}
function resetPositions() {
document.getElementById("scrollContent").style.left=0 + "px";
document.getElementById("thumb").style.left=1 + "px";

}
function resetBorderPositions() {
document.getElementById("scrollContent2").style.left=0 + "px";
document.getElementById("thumb2").style.left=1 + "px";
}
function resetPositionWall() {
document.getElementById("scrollContent3").style.left=0 + "px";
document.getElementById("thumb3").style.left=1 + "px";
}
function resetNames() {
document.getElementById('paverd').innerHTML = pavers;
document.getElementById('pavernamed').innerHTML = pavernames;
document.getElementById('pavernameselect').innerHTML = pavernames;
document.getElementById('paverborderselect').innerHTML = bordernames;
document.getElementById('walld').innerHTML = walls;
document.getElementById('borderd').innerHTML = bordernames;
document.getElementById('wallnamed').innerHTML = wallnames;
document.getElementById('paverpatd').innerHTML = paverpatd;
document.getElementById('wallnamesel').innerHTML = wallnames;
document.getElementById('bordernamed').innerHTML = border;
}
 function getXmlHttpRequestObjectUnit() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Upgrade your browser");
	}
}
 function getXmlHttpRequestObjectBorder() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Upgrade your browser");
	}
}
var searchReq = getXmlHttpRequestObjectUnit();
var searchReqB = getXmlHttpRequestObjectBorder();
var searchReqDim = getXmlHttpRequestObjectUnit();
var str;
function searchSuggestUnit() {
	if ((searchReq.readyState == 4 || searchReq.readyState === 0) && (searchReqDim.readyState == 4 || searchReqDim.readyState === 0)) {
		
                str = escape(document.getElementById('paver').value);
		searchReq.open("GET", 'designer/selector1.php?paver=' + str, true);
		searchReqDim.open("GET", 'designer/selectorDim.php?paver=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggestUnit; 
		searchReqDim.onreadystatechange = handleSearchSuggestUnitDim; 
		searchReq.send(null);
		searchReqDim.send(null);
		resetPositions();
			if (str=='monroe') {
		pavers='Monroe';
		paverpatd='Running Bond';
		pavernames='Albany-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
				if (str=='lincoln') {
		pavers='Lincoln';
		paverpatd='90º Herringbone';
		pavernames='Autumn-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
			if (str=='belhaven') {
		pavers='Belhaven';
		paverpatd='6 Piece Random';
		pavernames='Earth-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
		if (str=='washington') {
		pavers='Washington';
		paverpatd='Muster K';
		pavernames='Earth-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
		if (str=='vintagewashington') {
		pavers='Vintage Washington';
		paverpatd='Muster D';
		pavernames='Earth-Blend';		
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
		lpaver=pavers;
		resetNames();
	}		
}

function searchSuggestBorder() {
	if (searchReqB.readyState == 4 || searchReqB.readyState === 0) {
		
                str = escape(document.getElementById('border').value);
		searchReqB.open("GET", 'designer/selectorB.php?border=' + str, true);
		searchReqB.onreadystatechange = handleSearchSuggestBorders; 
		searchReqB.send(null);
		resetBorderPositions();
			if (str=='monroe') {
		border='Monroe';
		bordernames='Albany-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
				if (str=='lincoln') {
		border='Lincoln';
		bordernames='No Lincoln Borders';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
			if (str=='belhaven') {
		border='Belhaven';
		bordernames='Earth-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
		if (str=='washington') {
		border='Washington';
		bordernames='Earth-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
			if (str=='washington14') {
		border='Washington14';
		bordernames='Earth-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
		if (str=='vintagewashington') {
		border='Vintage Washington';
		bordernames='Earth-Blend';	
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
		}
		lborder=border;
		resetNames();
	}		
}


var ss2;
var selector;
function handleSearchSuggestBorders() {
	if (searchReqB.readyState == 4) {
		ss2 = document.getElementById('scrollContent2');
		ss2.innerHTML = '';
		selector = searchReqB.responseText;
		ss2.innerHTML = selector;
	
		var t=setTimeout("setBorderBorders()",1000);
	}
}
function handleSearchSuggestUnitDim() {
	if (searchReqDim.readyState == 4) {
		ss2 = document.getElementById('pdims');
		ss2.innerHTML = '';
		selector = searchReqDim.responseText;
		ss2.innerHTML = selector;
	}
}
function setPaverBorders() {
	paverborderB=border+"-"+bordernames+"B";
	paverborder=pavers+"-"+pavernames;
	document.getElementById(paverborder).style.border = "solid #cc0000 2px";
	if (pavers!='Lincoln') {
	document.getElementById(paverborderB).style.border = "solid #cc0000 2px";
		}
}

function setBorderBorders() {
	paverborderB=border+"-"+bordernames+"B";
	paverborder=pavers+"-"+pavernames;
	document.getElementById(paverborder).style.border = "solid #cc0000 2px";
	if (pavers!='Lincoln') {
	document.getElementById(paverborderB).style.border = "solid #cc0000 2px";
		}
}

function handleSearchSuggestUnit() {
	if (searchReq.readyState == 4) {
		ss = document.getElementById('scrollContent');
		ss.innerHTML = '';
		selector = searchReq.responseText;
		ss.innerHTML = selector;
		var t=setTimeout("setPaverBorders()",1000);
	}
}
var searchReq2 = getXmlHttpRequestObjectUnit();
function searchSuggestUnit2() {
	if (searchReq2.readyState == 4 || searchReq2.readyState === 0) {
		str = escape(document.getElementById('wall').value);
			if (str=='edington') {
			walls='Edington';
		wallnames='Earth-Blend';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
			}
				if (str=='nonweatheredversa') {
			walls='Non-Weathered Versa-Lok';
		wallnames='Brown';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
			}
			if (str=='weatheredversa') {
			walls='Weathered Versa-Lok';
		wallnames='Chestnut';
		document.getElementById('designer').src = 'designer/designer.php?paver='+pavers+'&border='+border+'&pavername='+pavernames+'&wall='+walls+'&wallname='+wallnames+'&bordername='+bordernames+'';
			}
		searchReq2.open("GET", 'designer/selector2.php?wall=' + str, true);
		searchReq2.onreadystatechange = handleSearchSuggestUnit2; 
		searchReq2.send(null);
		lwall=walls;
		
	}		
}

function handleSearchSuggestUnit2() {
	if (searchReq2.readyState == 4) {
		ss = document.getElementById('scrollContent3');
		ss.innerHTML = '';
		selector = searchReq2.responseText;
		ss.innerHTML = selector;
		resetPositionWall();
		resetNames();
		wallborder=walls+"-"+wallnames;
		document.getElementById(wallborder).style.border = "solid #cc0000 2px";
	}
}