function pick(f,b){
var foreobj = document.getElementById("forecolor");
var backobj = document.getElementById("backcolor");
var len = foreobj.length;
for (i=0;i<len;i++){ if (foreobj.options[i].value == f ) { foreobj.selectedIndex = i; break; }}
for (i=0;i<len;i++){ if (backobj.options[i].value == b ) { backobj.selectedIndex = i; break; }}
SelectChange();
}

function h2d(h) {return parseInt(h,16);} 

function rgb(hex){
	return 'RGB('+h2d(hex.substr(1,2))+','+h2d(hex.substr(3,2))+','+h2d(hex.substr(5,2))+')';
}

function SelectChange(){
var c= document.getElementById("forecolor").value;
var b= document.getElementById("backcolor").value;	
var foreobj = document.getElementById("forecolor");
var backobj = document.getElementById("backcolor");
var foresel = foreobj.options[foreobj.selectedIndex].text;
var backsel = backobj.options[backobj.selectedIndex].text;
document.getElementById("example").style.backgroundColor = b;
document.getElementById("example").style.color = c;
document.getElementById("swatches").style.backgroundColor = b;
document.getElementById("swatches").style.color = c;
document.getElementById("colours").style.backgroundColor = b;
document.getElementById("colours").style.color = c;
document.getElementById("fore").innerHTML=c;
document.getElementById("back").innerHTML=b;
document.getElementById("ColourPair").innerHTML=c+";"+b+'<br />'+rgb(c)+' '+rgb(b);

var len = backobj.length;
document.getElementById("samples").innerHTML=' <strong>Swatches <em>"'+foresel+'"</em> Foreground on All Backgrounds</strong><br />';
for (i=0;i<len;i++) {
	$('#samples').append('<div class="colourbox" style="background-color:'+ backobj.options[i].value + '; color:'+c+';" '
		  + ' onClick="pick(\''+ c +'\',\''+ backobj.options[i].value+'\')"'  + '>TEXT</div>\n');
}
document.getElementById("samples2").innerHTML= '<strong>Swatches All Foregrounds on <em>"'+backsel+'"</em> Background</strong><br />';
for (i=0;i<len;i++) {
	$('#samples2').append('<div class="colourbox" style="background-color:'+ b
		  + '; color:'+foreobj.options[i].value+'; "'
		  + ' onClick="pick(\''+  foreobj.options[i].value +'\',\''+ b +'\')"'
		  + '>TEXT</div>\n');
}
}