function cnnDrawVBBox( intBoxSize, intCode ) { 
	var boxSize = intBoxSize;
	if(intCode != 0) {
		// convert the code
		var strCode = intCode + '';
		var intParty = strCode.charAt(0);
		var intQ1 = strCode.charAt(1);
		var intQ2 = strCode.charAt(2);
		var intQ3 = strCode.charAt(3);
		var intQ4 = strCode.charAt(4);
		var intQ5 = strCode.charAt(5);
		
		/*
		 * boxSize: 0 = small; 1 = large
		 * intParty: 1 = Dem; 2 = Rep; 3 = Ind
		 * intQ*: 1 = left; 2 = mid-left; 3 = mid-right; 4 = right
		 */
		var strOutput = '';
		var strMainClass;
		var strPartyClass;
		var strPartySize;
	
		if(boxSize == 1) {
			strMainClass = 'cnnVBBoxL';
			strPartySize = 'Lg';
		}
		else {
			strMainClass = 'cnnVBBoxS';
			strPartySize = 'Sm';
		}
		if(intParty == 1) {
			strPartyClass = 'Dem';
		}
		else if (intParty == 2) {
			strPartyClass = 'Rep';
		}
		else if (intParty == 3) {
			strPartyClass = 'Ind';
		}
	
		strOutput += "\n"+'<div class="'+strMainClass+' cnn'+strPartySize+strPartyClass+'">'+"\n\t";
		strOutput += '<div class="arrow ques1 pos'+intQ1+'"></div>'+"\n\t";
		strOutput += '<div class="arrow ques2 pos'+intQ2+'"></div>'+"\n\t";
		strOutput += '<div class="arrow ques3 pos'+intQ3+'"></div>'+"\n\t";
		strOutput += '<div class="arrow ques4 pos'+intQ4+'"></div>'+"\n\t";
		strOutput += '<div class="arrow ques5 pos'+intQ5+'"></div>'+"\n";
		strOutput += '</div>';
	
		document.write(strOutput);
	}
	else { // code was empty, draw empty box
		var chrClass = 'S';
		if(boxSize == 1) { chrClass = 'L'; }
		document.write('<div class="cnnNoDataBox'+chrClass+'"><div class="cnnNoDataBoxContent"><b>No data available</b></div></div>');
	}

}