function changeq(newqid,newqdesc){

if(newqid<100){
newqst = '0' + newqid;
}

if(newqid<10){
newqst = '00' + newqid;
}

// Find default colour for new quality choice

qdefcode = 'q' + newqst;

newcolid = document.getElementById(qdefcode).value;

// Find default colour for new colour default

newcolidnum = newcolid * 1;

coldefcode = 'tid' + newqid + 'tid' + newcolidnum;

spans = document.getElementById('coloptionpara').getElementsByTagName('span');

count = 0;

while(count<spans.length){
spans[count].style.display='none';
count++;
}

spans = document.getElementById('trimoptionpara').getElementsByTagName('span');

count = 0;

while(count<spans.length){
spans[count].style.display='none';
count++;
}

spans = document.getElementById('displaysection').getElementsByTagName('img');

count = 0;

while(count<spans.length){
spans[count].style.display='none';
count++;
}

newtrimid = document.getElementById('col' + newcolid).value;

newtrimidnum = newtrimid * 1;

newimid = 'chosenid' + newqid + 'x' + newcolidnum + 'x' + newtrimidnum;

curdis = 'qid' + newqid;

document.getElementById(curdis).style.display = 'inline';

document.getElementById(coldefcode).style.display = 'inline';

document.getElementById(newimid).style.display = 'inline';

document.getElementById('qhead').innerHTML = newqdesc;

newcoldesc = document.getElementById('coldesc'+newcolid).value;

document.getElementById('colhead').innerHTML = newcoldesc;

newtrimid = document.getElementById('col'+newcolid).value;

newtrimdesc = document.getElementById('trimdesc'+newtrimid).value;

document.getElementById('trimhead').innerHTML = newtrimdesc;

newtexthold = document.getElementById('displaysection');

if(document.all){
newtext = newtexthold.innerText;
}
else{
newtext = newtexthold.textContent;
}

document.getElementById('itemname33').value = newtext;

arrayid = newqst + newcolid + newtrimid;

curref = 'price' + arrayid;
newprice = document.getElementById(curref).value;

document.getElementById('priceid').value = newprice;
document.getElementById('pricedisplayed').innerHTML = '&pound;' + newprice;

}














function changecol(newcolid,newcoldesc,newcolimage){

if(newcolid<100){
newcolst = '0' + newcolid;
}

if(newcolid<10){
newcolst = '00' + newcolid;
}

curqid = arrayid.substr(0,3);

newtrimid = document.getElementById('col'+newcolst).value;

document.getElementById('colhead').innerHTML = newcoldesc;

newtrimdesc = document.getElementById('trimdesc'+newtrimid).value;

document.getElementById('trimhead').innerHTML = newtrimdesc;



spans = document.getElementById('displaysection').getElementsByTagName('img');

count = 0;

while(count<spans.length){
spans[count].style.display='none';
count++;
}

newimid = 'chosenid' + (curqid * 1) + 'x' + newcolid + 'x' + (newtrimid * 1);

document.getElementById(newimid).style.display = 'inline';





arrayid = curqid + newcolst + newtrimid;

curref = 'price' + arrayid;
newprice = document.getElementById(curref).value;

document.getElementById('priceid').value = newprice;
document.getElementById('pricedisplayed').innerHTML = '&pound;' + newprice;

newtexthold = document.getElementById('displaysection');

if(document.all){
newtext = newtexthold.innerText;
}
else{
newtext = newtexthold.textContent;
}

document.getElementById('itemname33').value = newtext;



spans = document.getElementById('trimoptionpara').getElementsByTagName('span');

count = 0;

while(count<spans.length){
spans[count].style.display='none';
count++;
}

newtrimpara = 'tid' + (curqid * 1) + 'tid' + (newcolid);

document.getElementById(newtrimpara).style.display = 'inline';

}





function changetrim(newtrimid,newtrimdesc,newtrimimg){ 

curqid = arrayid.substr(0,3);

curcolid = arrayid.substr(3,3);

document.getElementById('trimhead').innerHTML = newtrimdesc;

// document.getElementById('trimimage').src = 'images/' + newtrimimg;

spans = document.getElementById('displaysection').getElementsByTagName('img');

count = 0;

while(count<spans.length){
spans[count].style.display='none';
count++;
}

newimid = 'chosenid' + (curqid * 1) + 'x' + (curcolid * 1) + 'x' + newtrimid;

document.getElementById(newimid).style.display = 'inline';

if(newtrimid<100){
newtrimst = '0' + newtrimid;
}

if(newtrimid<10){
newtrimst = '00' + newtrimid;
}

arrayid = arrayid.substr(0,6) + newtrimst;

curref = 'price' + arrayid;
newprice = document.getElementById(curref).value;

document.getElementById('priceid').value = newprice;
document.getElementById('pricedisplayed').innerHTML = '&pound;' + newprice;

newtexthold = document.getElementById('displaysection');

if(document.all){
newtext = newtexthold.innerText;
}
else{
newtext = newtexthold.textContent;
}

document.getElementById('itemname33').value = newtext;

}



function showlargeimage(newimgref,objid){

var curleft = curtop = 0;
	if (objid.offsetParent) {
		curleft = objid.offsetLeft
		curtop = objid.offsetTop
		while (objid = objid.offsetParent) {
			curleft += objid.offsetLeft;
			curtop += objid.offsetTop
		}
	}


// arraysplit = 'chosenid' + (arrayid.substr(0,3)*1) + 'x' + (arrayid.substr(3,3)*1) + 'x' + (arrayid.substr(6,3)*1)
// curimgreffull = document.getElementById(arraysplit).src;
// curimgref = curimgreffull.substring(curimgreffull.indexOf('/images')+1,curimgreffull.length);
document.getElementById('movingimage').src=newimgref;
document.getElementById('movingimage').style.position='absolute';
document.getElementById('movingimage').style.top=(curtop-212)+'px';
document.getElementById('movingimage').style.left=(curleft+40)+'px';
document.getElementById('movingimage').style.display='block';
}

function hidelargeimage(){
document.getElementById('movingimage').style.display='none';
}

function showq(inspan){
thespan = inspan.getElementsByTagName('span')[0];
thespan.style.display='block';
}

function hideq(inspan){
thespan = inspan.getElementsByTagName('span')[0];
thespan.style.display='none';
}