Jquery ile onclick URL değişimi

Merhabalar;

Beyler elimde bir jquery kodlama var ancak dosya baya karışık, bu kodlamayı düzenleyip benzer şekilde kullanmak istiyorum ancak yardımınıza ihtiyacım var.

Genel olarak mantık şu. Birinci ve ikinci html kodlamalarda elimizde listelenmiş imaj dosyaları var, bunlara tıklanıldığında 3. html kodlamadaki imaj dosyasının urlsini değiştirerek farklı bir resim çağırıyor. Böylelikle örneğin ilk html kodlamadan dfabric3.png'e tıklanıldığında ikinci html kodlamadan y4_s.png tıklanıldığında bu verilere göre jquery bize yeni bir url oluşturuyor. Misal buradaki örnekte "resim/"+colori+"y"+model+".png kodunda resim/3y4.png gibi.

Elimdeki jquery kodlar çorba olmş durumda içinden çıkamadığım için birşey yapamadım. İsterseniz kodun tamamını paylaşırım. Ama bu mantığı işletecek, basit bir örnek kodlama paylaşırsanız çok memnun olacağım.

<td><img src="img/noa.png" onClick="dfabricselect('0')" id="dfabric0"/></td>
            <td><img src="resim/dfabric1.png" onClick="dfabricselect('01')" id="dfabric01"/></td>
            <td><img src="resim/dfabric2.png" onClick="dfabricselect('02')" id="dfabric02"/></td>
            <td><img src="resim/dfabric3.png" onClick="dfabricselect('03')" id="dfabric03"/></td>
            <td><img src="resim/dfabric4.png" onClick="dfabricselect('04')" id="dfabric04"/></td>

<td>
            <img src="resim/y1_s.png" onClick="yakasec('1')" id="yakas1"/></td><td>
            <img src="resim/y2_s.png" onclick="yakasec('2')" id="yakas2"/></td><td>
            <img src="resim/y3_s.png" onClick="yakasec('3')" id="yakas3"/></td><td>
            <img src="resim/y4_s.png" onclick="yakasec('4')" id="yakas4"/></td>

<img class="sonuc" src="" id="yaka" style="z-index:3;" />

function yakasec(model)
{
	var colori = $.cookie('color');
	if(colori==undefined){
		colori = 1;
		}
	var detayselect = $.cookie('detay');
	 if((detayselect!=undefined)&&(detayselect!=0)){
	 $("#yaka").attr("src", "resim/"+colori+"y"+model+".png");
		 }else{
	 $("#yaka").attr("src", "resim/"+colori+"y"+model+".png");		 
			 }
	 $("#yaka").css({"display":""});
	 var items = $('#secim3 img');
	 items.removeClass('selected');
	 $("#yakas"+model).addClass('selected');
	 $.cookie('yakatip',model);
}

	if(yakaselect!=undefined){
		if((detayselect != undefined)&&(detayselect != 0)){
		$("#yakas"+yakaselect).addClass('selected');
		$("#yaka").attr("src", "resim/"+colori+"y"+yakaselect+".png");
		}else{
		$("#yakas"+yakaselect).addClass('selected');
		$("#yaka").attr("src", "resim/"+colori+"y"+".png");}
	}else{
		if((detayselect != undefined)&&(detayselect != 0)){
		$("#yakas4").addClass('selected');
		$("#yaka").attr("src", "resim/"+colori+"y4"+".png");
		}else{
		$("#yakas4").addClass('selected');
		$("#yaka").attr("src", "resim/"+colori+"y4.png");
		}
	}

Teşekkürler.