function designStart() {
	Effect.SlideUp('loading-01', {duration: 2.0, queue: 'end'});
	Effect.SlideDown('dyoe-01', {duration: 2.0, queue: 'end'});
}
function buttonOn(buttonID) {
	$(buttonID).src = 'images/dyoe/button_on.gif';
}
function buttonOff(buttonID) {
	$(buttonID).src = 'images/dyoe/button_off.gif';
}
function buttonClick(doorCol) {
	var curCol = $('fCollection').value;
	var curDMod = $('fDoor').value;
	var curSMod = $('fSide').value;
	var curCombo = $('fCombo').value;
	var curFinish = $('fFinish').value;
	var curGlass = $('fGlass').value;
	if(curCol == doorCol) {
		return;
	}
	$('fCollection').value = doorCol;
	var curIconID = 'dyoe-icon-' + curCol;
	var curDoorsID = 'dyoe-02-' + curCol;
	var newIconID = 'dyoe-icon-' + doorCol;
	var newDoorsID = 'dyoe-02-' + doorCol;
	if(curCol != '') {
		if(curDMod != '') {
			var curDModID = 'dyoe-02-' + curCol + '-' + curDMod + '-door';
			$(curDModID).style.border = '2px solid White';
		}
		if(curSMod != '') {
			var curSModID = 'dyoe-02-' + curCol + '-' + curSMod + '-side';
			$(curSModID).style.border = '2px solid White';
		}
		if(curCombo != '') {
			var curComboID = 'dyoe-03-' + curCombo;
			$(curComboID).style.border = '2px solid White';
		}
		if(curFinish != '') {
			var curFinishID = 'dyoe-04-' + curCol + '-' + curFinish;
			$(curFinishID).style.border = '2px solid White';
		}
		if(curGlass != '') {
			var curGlassID = 'dyoe-05-' + curCol + '-' + curGlass;
			$(curGlassID).style.border = '2px solid White';
		}
		if(curDMod != '' && curSMod != '') {
			$('dyoe-06-LeftI').src = "images/dyoe/blank_015_400_B.gif";
			$('dyoe-06-SideLI').src = "images/dyoe/blank_085_400_B.gif";
			$('dyoe-06-DoorLI').src = "images/dyoe/blank_170_400_B.gif";
			$('dyoe-06-CenterI').src = "images/dyoe/blank_010_400_B.gif";
			$('dyoe-06-DoorRI').src = "images/dyoe/blank_170_400_B.gif";
			$('dyoe-06-SideRI').src = "images/dyoe/blank_085_400_B.gif";
			$('dyoe-06-RightI').src = "images/dyoe/blank_015_400_B.gif";
			Effect.BlindUp('dyoe-07', { queue: 'end' });
			Effect.BlindUp('dyoe-06', { queue: 'end' });
			Effect.BlindUp('dyoe-04-' + curCol, { queue: 'end' });
			Effect.BlindUp('dyoe-03', { queue: 'end' });
		}
		$(curIconID).style.border = '2px solid White';
		$('fDoor').value = '';
		$('fSide').value = '';
		$('fCombo').value = '';
		$('fFinish').value = '';
		$('fGlass').value = '';
		Effect.BlindUp(curDoorsID, { queue: 'end' });
	}
	$(newIconID).style.border = '2px solid Lime';
	Effect.BlindDown(newDoorsID, { queue: 'end' });
}
function doorOver(doorMod) {
	var curMod = $('fDoor').value;
	if(curMod == doorMod) {
		return;
	}
	var curCol = $('fCollection').value;
	var doorModID = 'dyoe-02-' + curCol + '-' + doorMod + '-door';
	$(doorModID).style.border = '2px solid Lime';
}
function doorOut(doorMod) {
	var curMod = $('fDoor').value;
	if(curMod == doorMod) {
		return;
	}
	var curCol = $('fCollection').value;
	var doorModID = 'dyoe-02-' + curCol + '-' + doorMod + '-door';
	$(doorModID).style.border = '2px solid White';
}
function doorClick(doorMod) {
	var curDMod = $('fDoor').value;
	var curSMod = $('fSide').value;
	var curCol = $('fCollection').value;
	if(curDMod == doorMod) {
		return;
	}
	$('fDoor').value = doorMod;
	if(curSMod == '') {
		sideClick(doorMod);
	}
	if(curDMod != '') {
		var curDModID = 'dyoe-02-' + curCol + '-' + curDMod + '-door';
		$(curDModID).style.border = '2px solid White';
	}
	var doorModID = 'dyoe-02-' + curCol + '-' + doorMod + '-door';
	$(doorModID).style.border = '2px solid Lime';
	if(curSMod != '' && curDMod == '') {
		Effect.BlindDown('dyoe-03', { queue: 'end' });
		Effect.BlindDown('dyoe-04-' + curCol, { queue: 'end' });
		Effect.BlindDown('dyoe-06', { queue: 'end' });
	}
	pd_updateDoors();
	updatePreview();
}
function sideOver(sideMod) {
	var curMod = $('fSide').value;
	if(curMod == sideMod) {
		return;
	}
	var curCol = $('fCollection').value;
	var sideModID = 'dyoe-02-' + curCol + '-' + sideMod + '-side';
	$(sideModID).style.border = '2px solid Lime';
}
function sideOut(sideMod) {
	var curMod = $('fSide').value;
	if(curMod == sideMod) {
		return;
	}
	var curCol = $('fCollection').value;
	var sideModID = 'dyoe-02-' + curCol + '-' + sideMod + '-side';
	$(sideModID).style.border = '2px solid White';
}
function sideClick(sideMod) {
	var curDMod = $('fDoor').value;
	var curSMod = $('fSide').value;
	var curCol = $('fCollection').value;
	if(curSMod == sideMod) {
		return;
	}
	$('fSide').value = sideMod;
	if(curSMod != '') {
		var curSModID = 'dyoe-02-' + curCol + '-' + curSMod + '-side';
		$(curSModID).style.border = '2px solid White';
	}
	var sideModID = 'dyoe-02-' + curCol + '-' + sideMod + '-side';
	$(sideModID).style.border = '2px solid Lime';
	if(curDMod != '' && curSMod == '') {
		Effect.BlindDown('dyoe-03', { queue: 'end' });
		Effect.BlindDown('dyoe-04-' + curCol, { queue: 'end' });
		Effect.BlindDown('dyoe-06', { queue: 'end' });
	}
	updatePreview();
}
function comboOver(comboCode) {
	var curCombo = $('fCombo').value;
	if(curCombo == comboCode) {
		return;
	}
	var comboID = 'dyoe-03-' + comboCode;
	$(comboID).style.border = '2px solid Lime';
}
function comboOut(comboCode) {
	var curCombo = $('fCombo').value;
	if(curCombo == comboCode) {
		return;
	}
	var comboID = 'dyoe-03-' + comboCode;
	$(comboID).style.border = '2px solid White';
}
function comboClick(comboCode) {
	var curCombo = $('fCombo').value;
	if(curCombo == comboCode) {
		return;
	}
	$('fCombo').value = comboCode;
	if(curCombo != '') {
		var curComboID = 'dyoe-03-' + curCombo;
		$(curComboID).style.border = '2px solid White';
	}
	var comboID = 'dyoe-03-' + comboCode;
	$(comboID).style.border = '2px solid Lime';
	updatePreview();
}
function finishOver(finishCode) {
	var curFinish = $('fFinish').value;
	if(curFinish == finishCode) {
		return;
	}
	var curCol = $('fCollection').value;
	var finishID = 'dyoe-04-' + curCol + '-' + finishCode;
	$(finishID).style.border = '2px solid Lime';
}
function finishOut(finishCode) {
	var curFinish = $('fFinish').value;
	if(curFinish == finishCode) {
		return;
	}
	var curCol = $('fCollection').value;
	var finishID = 'dyoe-04-' + curCol + '-' + finishCode;
	$(finishID).style.border = '2px solid White';
}
function finishClick(finishCode) {
	var curFinish = $('fFinish').value;
	if(curFinish == finishCode) {
		return;
	}
	var curCol = $('fCollection').value;
	$('fFinish').value = finishCode;
	if(curFinish != '') {
		var curFinishID = 'dyoe-04-' + curCol + '-' + curFinish;
		$(curFinishID).style.border = '2px solid White';
	}
	var finishID = 'dyoe-04-' + curCol + '-' + finishCode;
	$(finishID).style.border = '2px solid Lime';
	updatePreview();
}
function glassOver(glassCode) {
	var curGlass = $('fGlass').value;
	if(curGlass == glassCode) {
		return;
	}
	var curCol = $('fCollection').value;
	var glassID = 'dyoe-05-' + curCol + '-' + glassCode;
	$(glassID).style.border = '2px solid Lime';
}
function glassOut(glassCode) {
	var curGlass = $('fGlass').value;
	if(curGlass == glassCode) {
		return;
	}
	var curCol = $('fCollection').value;
	var glassID = 'dyoe-05-' + curCol + '-' + glassCode;
	$(glassID).style.border = '2px solid White';
}
function glassClick(glassCode) {
	var curGlass = $('fGlass').value;
	if(curGlass == glassCode) {
		return;
	}
	var curCol = $('fCollection').value;
	$('fGlass').value = glassCode;
	if(curGlass != '') {
		var curGlassID = 'dyoe-05-' + curCol + '-' + curGlass;
		$(curGlassID).style.border = '2px solid White';
	}
	var glassID = 'dyoe-05-' + curCol + '-' + glassCode;
	$(glassID).style.border = '2px solid Lime';
	updatePreview();
}
function updatePreview() {
	var curCol = $('fCollection').value;
	var curDMod = $('fDoor').value;
	var curSMod = $('fSide').value;
	var curCombo = $('fCombo').value;
	var curFinish = $('fFinish').value;
	var curGlass = $('fGlass').value;
	if(curCol != '' && curDMod != '' && curSMod != '' && curCombo != '' && curFinish != '' && curGlass != '') {
		// We have enough information to update the preview
		// Hide it and call the update when done.
		Effect.BlindUp('dyoe-06', { queue: 'end', afterFinish: function () { updatePreviewUp(); } });
	} else {
		return;
	}
}
function updatePreviewUp() {
	$('loading-02').style.display = 'block';
	var curCol = $('fCollection').value;
	var curDMod = $('fDoor').value;
	var curSMod = $('fSide').value;
	var curCombo = $('fCombo').value;
	var curFinish = $('fFinish').value;
	var curGlass = $('fGlass').value;
	if($('dyoe-06-LeftI').src != "images/dyoe/blank_015_400.gif") {
		$('dyoe-06-LeftI').src = "images/dyoe/blank_015_400.gif";
		$('dyoe-06-Left').style.display = 'none';
	}
	if($('dyoe-06-SideLI').src != "images/dyoe/blank_085_400.gif") {
		$('dyoe-06-SideLI').src = "images/dyoe/blank_085_400.gif";
		$('dyoe-06-SideL').style.display = 'none';
	}
	if($('dyoe-06-DoorLI').src != "images/dyoe/blank_170_400.gif") {
		$('dyoe-06-DoorLI').src = "images/dyoe/blank_170_400.gif";
		$('dyoe-06-DoorL').style.display = 'none';
	}
	if($('dyoe-06-CenterI').src != "images/dyoe/blank_010_400.gif") {
		$('dyoe-06-CenterI').src = "images/dyoe/blank_010_400.gif";
		$('dyoe-06-Center').style.display = 'none';
	}
	if($('dyoe-06-DoorRI').src != "images/dyoe/blank_170_400.gif") {
		$('dyoe-06-DoorRI').src = "images/dyoe/blank_170_400.gif";
		$('dyoe-06-DoorR').style.display = 'none';
	}
	if($('dyoe-06-SideRI').src != "images/dyoe/blank_085_400.gif") {
		$('dyoe-06-SideRI').src = "images/dyoe/blank_085_400.gif";
		$('dyoe-06-SideR').style.display = 'none';
	}
	if($('dyoe-06-RightI').src != "images/dyoe/blank_015_400.gif") {
		$('dyoe-06-RightI').src = "images/dyoe/blank_015_400.gif";
		$('dyoe-06-Right').style.display = 'none';
	}
	// Now to determine what to grow
	$('dyoe-06-LeftI').src = 'images/dyoe/' + curCol + '/sides/' + curCol + '_SD_' + curFinish + '.jpg';
	Preloader.add($('dyoe-06-LeftI').src);
	$('dyoe-06-Left').style.display = 'block';
	if(curCombo == '1100' || curCombo == '1110' || curCombo == '1011' || curCombo == '1111') {
		$('dyoe-06-SideLI').src = 'images/dyoe/' + curCol + '/' + curSMod + '/' + curCol + '_' + curSMod + '_SL_' + curFinish + '_' + curGlass + '.jpg';
		Preloader.add($('dyoe-06-SideLI').src);
		$('dyoe-06-SideL').style.display = 'block';
	}
	if(curCombo == '0110' || curCombo == '1110' || curCombo == '0111' || curCombo == '1111') {
		$('dyoe-06-DoorLI').src = 'images/dyoe/' + curCol + '/' + curDMod + '/' + curCol + '_' + curDMod + '_DR_' + curFinish + '_' + curGlass + '.jpg';
		Preloader.add($('dyoe-06-DoorLI').src);
		$('dyoe-06-DoorL').style.display = 'block';
	}
	if(curCombo == '0110' || curCombo == '1110' || curCombo == '0111' || curCombo == '1111') {
		$('dyoe-06-CenterI').src = 'images/dyoe/' + curCol + '/' + '/centers/' + curCol + '_CN_' + curFinish + '.jpg';
		Preloader.add($('dyoe-06-CenterI').src);
		$('dyoe-06-Center').style.display = 'block';
	}
	$('dyoe-06-DoorRI').src = 'images/dyoe/' + curCol + '/' + curDMod + '/' + curCol + '_' + curDMod + '_DR_' + curFinish + '_' + curGlass + '_R.jpg';
	Preloader.add($('dyoe-06-DoorRI').src);
	$('dyoe-06-DoorR').style.display = 'block';
	if(curCombo == '0011' || curCombo == '0111' || curCombo == '1011' || curCombo == '1111') {
		$('dyoe-06-SideRI').src = 'images/dyoe/' + curCol + '/' + curSMod + '/' + curCol + '_' + curSMod + '_SL_' + curFinish + '_' + curGlass + '_R.jpg';
		Preloader.add($('dyoe-06-SideRI').src);
		$('dyoe-06-SideR').style.display = 'block';
	}
	$('dyoe-06-RightI').src = 'images/dyoe/' + curCol + '/sides/' + curCol + '_SD_' + curFinish + '_R.jpg';
	Preloader.add($('dyoe-06-RightI').src);
	$('dyoe-06-Right').style.display = 'block';
	// Wait till we got everything the show
	Preloader.onFinish(updatePreviewDown);
	Preloader.load();
	//updatePreviewDown();
}
function updatePreviewDown() {
	$('loading-02').style.display = 'none';
	Effect.BlindDown('dyoe-06', { queue: 'end' });
	if($('dyoe-07').style.display == 'none') {
		Effect.BlindDown('dyoe-07', { queue: 'end' });
	}
}