/*rollover + rolloff sample */
function highlightSample(tostatus,client,sample) {
	if (tostatus=="on") {
		overthumb="thumb"+client+"_"+sample;
		onborderstyle="#348894 1px solid;";
		document.getElementById(overthumb).setAttribute("style","border:#348894 1px solid;");
		document.getElementById(overthumb).style.border=onborderstyle;
	} else {
		overthumb="thumb"+client+"_"+sample;
		onborderstyle="#ffffff 1px solid;";
		document.getElementById(overthumb).setAttribute("style","border:#ffffff 1px solid;");
		document.getElementById(overthumb).style.border=onborderstyle;
	}
}

/*turning on a sample */
function activateSample(showSection, showPiece) {
	//hide all of the text
	sections=0;
	while (sections>=0) {
		piece=1
		nombre="sample_text_"+sections+"_"+piece;
		if(document.getElementById(nombre)) {
			while (piece>=0) {
				nombre="sample_text_"+sections+"_"+piece;
				if(document.getElementById(nombre)) {
					document.getElementById(nombre).style.visibility='hidden';
					offtitle="thumbs_header"+sections;
					document.getElementById(offtitle).src="images/"+offtitle+"_off.gif";
					piece++
				} else {
					piece=-1
				}
			}
			sections++
		}
		else {
			sections=-1;
		}
	}
	
	//now show the text we want to see
	nombre="sample_text_"+showSection+"_"+showPiece;
	document.getElementById(nombre).style.visibility='visible';
	nombre="thumb"+showSection+"_"+showPiece;
	nombreX=findPosX(document.getElementById(nombre));
	nombreY=findPosY(document.getElementById(nombre));
	document.getElementById("thumbs_highlight").style.left=nombreX+1;
	document.getElementById("thumbs_highlight").style.top=nombreY+1;
	
	
	//
	ontitle="thumbs_header"+showSection;
	document.getElementById(ontitle).src="images/"+ontitle+"_on.gif";
	document.getElementById("sample_big").src="images/big_sample_"+showSection+"_"+showPiece+".jpg";
}