function VoI_Calculation(card){
	var cardName    = card[0];
	var cardSR      = card[1];
	var cardIC      = card[2];
	var cardTIM 	= card[3];

	var APPFAM = [
		[9.0, 7.0, 7.0, 5.0, 3.0],
		[8.0, 7.0, 6.0, 4.0, 2.0],
		[7.0, 6.0, 3.0, 3.0, 1.0],
		[5.0, 4.0, 3.0, 2.0, 1.0],
		[3.0, 3.0, 2.0, 1.0, 1.0]];
	var VOIFAM = [
		[2.33, 0.33, 0.0],
		[3.0, 0.33, 0.0],
		[4.33, 1.0, 0.33],
		[5.33, 1.33, 0.33],
		[6.33, 2.67, 0.33],
		[7.0, 3.33, 0.67],
		[8.0, 4.33, 1.0],
		[8.67, 5.33, 1.33],
		[9.33, 6.0, 1.67]];

	var IC, SR, TIM, VOI, APP, IC1_deg, IC2_deg, SR1_deg, SR2_deg, APP1_deg, APP2_deg, TIM1_deg, TIM2_deg;
	var IC1, IC2, SR1, SR2, APP1 = 0, APP2, TIM1, TIM2;


	IC = cardIC; 
	SR = cardSR;
	TIM = cardTIM; 
			 

	if (SR == 5) {
	  SR1 = 4;
	  SR2 = 5;
	  SR1_deg = 0.0;
	  SR2_deg = 1.0;
	}
	else {
	  SR1 = SR;
	  SR2 = SR1 + 1;
	  SR1_deg = (-1.0) * (SR - 1.0) + SR;
	  SR2_deg = 1 - SR1_deg;
	}

	if (IC == 5){
	  IC1 = 4;
	  IC2 = 5;
	  IC1_deg = 0.0;
	  IC2_deg = 1.0;
	}
	else{
	  IC1 = IC;
	  IC2 = IC1 + 1;
	  IC1_deg = (-1.0) * (IC - 1.0) + IC;
	  IC2_deg = 1 - IC1_deg;
	}

	APP = ((SR1_deg * IC1_deg * APPFAM[(SR1 - 1)][(IC1 - 1)])) + (SR1_deg * IC2_deg * APPFAM[(SR1 - 1)][(IC2 - 1)]) + (SR2_deg * IC1_deg * APPFAM[(SR2 - 1)][(IC1 - APP1)]) + (SR2_deg * IC2_deg * APPFAM[(SR2 - 1)][(IC2 - 1)]);
	if (APP == 9){
	  APP1 = 8;
	  APP2 = 9;
	  APP1_deg = 0.0;
	  APP2_deg = 1.0;
	}
	else{
	  APP1 = APP;
	  APP2 = APP1 + 1;
	  APP1_deg = (-1.0) * (APP - 1.0) + APP;
	  APP2_deg = 1 - APP1_deg;
	}


	if (TIM == 3){
	  TIM1 = 2;
	  TIM2 = 3;
	  TIM1_deg = 0.0;
	  TIM2_deg = 1.0;
	}
	else{
	  TIM1 = TIM;
	  TIM2 = TIM1 + 1;
	  TIM1_deg = (-1.0) * (TIM - 1.0) + TIM;
	  TIM2_deg = 1 - TIM1_deg;
	}

	VOI = (APP1_deg * TIM1_deg * VOIFAM[(APP1 - 1)][(TIM1 - 1)]) + (APP1_deg * TIM2_deg * VOIFAM[(APP1 - 1)][(TIM2 - 1)]) + (APP2_deg * TIM1_deg * VOIFAM[(APP2 - 1)][(TIM1 - 1)]) + (APP2_deg * TIM2_deg * VOIFAM[(APP2 - 1)][(TIM2 - 1)]);

	return VOI;
}

function voiScale(){
	if(scaleType == hardScale){
		return true;
	}
	else{
		return false;
	}

}



	var hardScale = 0;
	var softScale = 1;
	var scaleType = hardScale;

	var allCards = new Array();
		  
	allCards[0]  =  [1,1,1,1];
	allCards[1]  =  [2,1,1,2];
	allCards[2]  =  [3,1,1,3];
	allCards[3]  =  [4,1,2,1];
	allCards[4]  =  [5,1,2,2];
	allCards[5]  =  [6,1,2,3];
	allCards[6]  =  [7,1,3,1];
	allCards[7]  =  [8,1,3,2];
	allCards[8]  =  [9,1,3,3];
	allCards[9]  =  [10,1,4,1];
	allCards[10] =  [11,1,4,2];
	allCards[11] =  [12,1,4,3];
	allCards[12] =  [13,1,5,1];
	allCards[13] =  [14,1,5,2];
	allCards[14] =  [15,1,5,3];
	allCards[15] =  [16,2,1,1];
	allCards[16] =  [17,2,1,2];
	allCards[17] =  [18,2,1,3];
	allCards[18] =  [19,2,2,1];
	allCards[19] =  [20,2,2,2];
	allCards[20] =  [21,2,2,3];
	allCards[21] =  [22,2,3,1];
	allCards[22] =  [23,2,3,2];
	allCards[23] =  [24,2,3,3];
	allCards[24] =  [25,2,4,1];
	allCards[25] =  [26,2,4,2];
	allCards[26] =  [27,2,4,3];
	allCards[27] =  [28,2,5,1];
	allCards[28] =  [29,2,5,2];
	allCards[29] =  [30,2,5,3];
	allCards[30] =  [31,3,1,1];
	allCards[31] =  [32,3,1,2];
	allCards[32] =  [33,3,1,3];
	allCards[33] =  [34,3,2,1];
	allCards[34] =  [35,3,2,2];
	allCards[35] =  [36,3,2,3];
	allCards[36] =  [37,3,3,1];
	allCards[37] =  [38,3,3,2];
	allCards[38] =  [39,3,3,3];
	allCards[39] =  [40,3,4,1];
	allCards[40] =  [41,3,4,2];
	allCards[41] =  [42,3,4,3];
	allCards[42] =  [43,3,5,1];
	allCards[43] =  [44,3,5,2];
	allCards[44] =  [45,3,5,3];
	allCards[45] =  [46,4,1,1];
	allCards[46] =  [47,4,1,2];
	allCards[47] =  [48,4,1,3];
	allCards[48] =  [49,4,2,1];
	allCards[49] =  [50,4,2,2];
	allCards[50] =  [51,4,2,3];
	allCards[51] =  [52,4,3,1];
	allCards[52] =  [53,4,3,2];
	allCards[53] =  [54,4,3,3];
	allCards[54] =  [55,4,4,1];
	allCards[55] =  [56,4,4,2];
	allCards[56] =  [57,4,4,3];
	allCards[57] =  [58,4,5,1];
	allCards[58] =  [59,4,5,2];
	allCards[59] =  [60,4,5,3];
	allCards[60] =  [61,5,1,1];
	allCards[61] =  [62,5,1,2];
	allCards[62] =  [63,5,1,3];
	allCards[63] =  [64,5,2,1];
	allCards[64] =  [65,5,2,2];
	allCards[65] =  [66,5,2,3];
	allCards[66] =  [67,5,3,1];
	allCards[67] =  [68,5,3,2];
	allCards[68] =  [69,5,3,3];
	allCards[69] =  [70,5,4,1];
	allCards[70] =  [71,5,4,2];
	allCards[71] =  [72,5,4,3];
	allCards[72] =  [73,5,5,1];
	allCards[73] =  [74,5,5,2];		
	allCards[74] =  [75,5,5,3];

	
	
	
	
	var initial_card =	[[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40]];
	var additional_card = [[[69,0],[69,1],[41,3],[70,4],[70,1],[71,3],[71,4],[42,0],[43,3],[44,4],[45,0],[73,1],[73,3],[72,4],[72,0],[46,1],[47,4],[49,0],[50,1],[48,3],[51,0],[52,1],[53,3],[54,4],[55,1],[56,3],[57,4],[58,0],[74,3],[74,4],[59,0],[60,1],[61,3],[62,4],[63,0],[64,1],[65,4],[66,0],[67,1],[68,3]]];				 






	<div id="justinevoi">
	<img id="justinevoiImg" src="/attachment/justinevoi.png" style="margin: 0px auto;display:block;width:50%;border:2px solid; border-color:black"/>
	</div>

	<div id="testContainer" hidden style="margin-left:auto;margin-right:auto;width:1236px;">
		<a name="TEST"></a>
		<h1 id="titleName" style="text-align:center; color:Yellow;">Likert Survey</h1>


		<div id="intel" style="width:432px;float:left;">
			<h3 style="text-align:left;color:White;">Question for Thought:</h3>
	    		<div id="div1"></div>
				<div id="divshell">
					<h3> </h3>
					<span >
						<div id="div2" class="fade"></div>
						<h3 id="rel_label" class="fadeLabel" style="text-align:center;margin:-10px;"></h3>
					</span>
				</div>
				
			<br><br><br><br><br><br><br><br><br><br>
			
				

		</div>


		<div id="voi" style="width:362px;float:left;text-align:center;">
			<h3 style="width:362px;float:left;text-align:center;color:Red;"> Determining Change in<br>Maryland Public Schools</h3>

			<div id="voi_scale" style="width:161px;float:left;text-align:center;">
				<script type="text/javascript">
					if(voiScale())
						document.getElementById("voi_scale").innerHTML="<br><div style=\"height: 80px;width:150px;text-align:right;color:Red;\">Strongly Agree</div><br><br>" +
                                                                       "<div style=\"height: 105px;width:150px;text-align:right;color:Red;\">Somewhat Agree</div>" +
																	   "<div style=\"height: 95px;width:150px;text-align:right;color:Red;\">Neither Agree/Disagree</div>" +
                                                                       "<div style=\"height: 95px;width:150px;text-align:right;color:Red;\">Somewhat Disagree</div>" +
                                                                       "<div style=\"height: 200px;width:150px;text-align:right;color:Red;\">Strongly Disagree</div>";
					else
						document.getElementById("voi_scale").innerHTML="<div style=\"height: 115px;width:161px;text-align:right;\">Significantly Increased</div>" +
											                           "<div style=\"height: 115px;width:161px;text-align:right;\">Moderately Increased</div>" +
											                           "<div style=\"height: 115px;width:161px;text-align:right;\">No Change</div>" +
											                           "<div style=\"height: 115px;width:161px;text-align:right;\">Moderately Decreased</div>" +
											                           "<div style=\"height: 15px;width:161px;text-align:right;\">Significantly Decreased</div>";
				</script>

			</div>

			<div style="width:201px;float:left;text-align:left;">			

				<input type="range" id="voi_slider" style="height: 475px;" min="0" max="10" value="5" orient="vertical"  step="0.1" oninput="showValue(this.value)"/>
				<p id="voi_box" style="color:Red;">
					Numeric Likert Score: <input type='text' autocomplete="off" id="voi_value" style="height: 29px; width: 69px;" value="5" readonly/>		
				</p>
				
				<script type="text/javascript">
					function showValue(newValue)
					{
							document.getElementById("voi_value").setAttribute("value",newValue);
					}
						

				</script>
			</div>
		</div>

		<div id="controls" style="width:292px;float:left;">
			<div style="height: 115px; width: 258px; color:White;" ><b>Instructions</b>: Read the statement over. Move the slider up or down accordingly to match your opinion.
			</div>
			<p style="color:Red;">
				Session: <select id="session_select"></select>
			</p>
			<p>
			   <input type='button' id='session' autocomplete="off" style="height: 75px; width: 156px" value='Begin Session' onclick="newSession();" />
			</p>
			<p>
			   <input disabled type='button' id='scores' autocomplete="off" style="height: 75px; width: 156px" value='Enter Scores' onclick="nextHand();"  />
			</p>
<!--
			<p>
			   <input type='button' id='reset' autocomplete="off" style="height: 75px; width: 156px" value='Reset' onclick="resetHand();"  />
			</p>
-->
			<p>
			   <input type='button' id='exit' autocomplete="off" style="height: 75px; width: 156px" value='Exit' onclick="exitTest();"  />
			</p>
			<p style="color:Red;">
			   Count: <input type='text' autocomplete="off" id="counter" style="height: 29px; width: 69px" value='0' readonly ></input>				  
			</p>
		</div>
	</div>











	
	<div style="clear:both;margin-left:auto;margin-right:auto;width:720px;" id="submissionContainer" >


		<form id='form' action='voi_results.php' method="post" >
			<div id='demographics' style="display:none">

				<h1 style="color:Yellow;">Demographics</h1>
				<p style="color:Yellow;">Please provide as much of the information requested below as possible.  It is not required, but the information will help with the analysis of the results.  Thank you.
				</p>
				<p style="color:Red;">
					Name: <input type='text' autocomplete="off" style="height: 29px; width: 200px" id="name" name='name' />
					<script type="text/javascript">					
						document.getElementById("name").onkeypress = function(evt) {
							evt = evt || window.event;
							var charCode = evt.keyCode || evt.which;
							if (charCode == 13) {
       
								if (evt.preventDefault) {
									evt.preventDefault();
								}
								evt.returnValue = false;
							}
						};
					</script>
				</p>
				<p style="color:Red;">
					Email: <input type='email' autocomplete="off" style="height: 29px; width: 200px" id="email" name='email' />
					<script type="text/javascript">					
						document.getElementById("email").onkeypress = function(evt) {
							evt = evt || window.event;
							var charCode = evt.keyCode || evt.which;
							if (charCode == 13) {
       
								if (evt.preventDefault) {
									evt.preventDefault();
								}
								evt.returnValue = false;
							}
						};
					</script>
				</p>
				<p style="color:Red;">
					Age: <input type='text' autocomplete="off" style="height: 29px; width: 69px" id="age" name='age' />
					<script type="text/javascript">					
						document.getElementById("age").onkeypress = function(evt) {
							evt = evt || window.event;
							var charCode = evt.keyCode || evt.which;
							if (charCode == 13) {
       
								if (evt.preventDefault) {
									evt.preventDefault();
								}
								evt.returnValue = false;
							}
						};
					</script>
				</p>
				<p style="color:Red;">
					Highest Level of Education: <form action="action_page.php">
					<select name="education">
					<option value="High school">High School</option>
					<option value="Associates Degree">Associates Degree</option>
					<option value="Bachelors Degree">Bachelors Degree</option>
					<option value="Masters Degree">Masters Degree</option>
					<option value="Doctoral Degree">Doctoral Degree</option>
					</select>
				</form>
				</p>
				
				<p style="color:Red;">
				# of Children in household: <input type='text' autocomplete="off" style="height: 29px; width: 69px" id="children" name='children' />
				<script type="text/javascript">					
						document.getElementById("children").onkeypress = function(evt) {
							evt = evt || window.event;
							var charCode = evt.keyCode || evt.which;
							if (charCode == 13) {
       
								if (evt.preventDefault) {
									evt.preventDefault();
								}
								evt.returnValue = false;
							}
						};
					</script>
				</p>

				<p>
					<input type='button' id='demoBtn' autocomplete="off" style="height: 75px; width: 156px" value='Submit Demographics' onClick="beginTest()" />
				</p>
			</div>
			
			<div id='results' hidden='true'>
				<a name="RESULTS"></a>
				<h1 style="color:White;">Exercise Complete</h1>
					<input type='button' id='editDemoBtn' autocomplete="off" style="height: 75px; width: 156px" value='Edit Demographics' onClick="editDemo()" />
				</p>
				<p>
					<input type='submit' id='resultsBtn' autocomplete="off" style="height: 75px; width: 156px" value='Submit Results' />
				</p>
			</div>
	   </form>
	</div>

</body>