[Nexus]

Может так?

<div style="float:left;">
   <div style="width:250px; height:250px; background:white;" id="pict"></div>
   <div id="price"></div>
</div>
<div style="float:left;">
   <select onchange="osnastka()" id="selcolor">
      <option value="01">Ручная</option>
      <option value="02">Автоматическая</option>
   </select>
   <div style="width:250px; height:250px; background:white;" id="pict2"></div>
   <div id="price2"></div>
</div>
<div onclick="rez()" id="price3">rkbr</div>

<h2>Бесплатные макеты:</h2>
<table>
<tr>
   <td align="center">
      <img onclick="ifelsefunction('n1','0')" src="/pict/ooo/n1.png"> <br>
      <span>№1</span>
   </td>
   <td align="center">
      <img onclick="ifelsefunction('n2',0)" src="/pict/ooo/n2.png"> <br>
      <span>№2</span>
   </td>
   <td align="center">
      <img onclick="ifelsefunction('n3',0)" src="/pict/ooo/n3.png"> <br>
      <span>№3</span>
   </td>
</tr>
</table>

<script>
	var prices=[0,0];
	
	function osnastka() {
		var seltheme = document.getElementById("selcolor").value;
		var elem = document.getElementById("pict2");
		
		if (seltheme == "01") {
			prices[0]=500;
			elem.style.background = "url( '/pict/ruchnaya.png') no-repeat";
		} else if (seltheme == "02") {
			prices[0]=800;
			elem.style.background = "url( '/pict/colop40.png') no-repeat";
		}
		document.getElementById('price2').innerHTML = 'Стоимость ' + prices[0] + ' руб';
	}


	function ifelsefunction(maket, price) {
		prices[1]=+price;
		document.getElementById('price').innerHTML = 'Стоимость ' + price + ' руб.';
		document.getElementById("pict").style.background = 
			"url('/pict/ooo/" + maket + ".png') no-repeat";
	}

	function rez() {
		document.getElementById('price3').innerHTML = prices.reduce(function(t,c){
			return t+c;
		},0);
	}
</script>