//Monty Hall Game in JavaScript Code
//Adaqpted from a program by Shawn Olson 

 var board = '<table width="483" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="5"><img src="montyhallproblem.jpg" alt="montyhallproblem" width="400" height="80"/></td><td width="30">&nbsp;</td><td width="160">&nbsp;</td></tr><tr><td id="cell1"><img id="img1" src="montyhallcard.jpg" alt="door" name="door1" width="80" height="130" onclick="pickCard(1)"/></td><td id="cell2"><img id="img2" src="montyhallcard.jpg" alt="door" name="door2" width="80" height="130" onclick="pickCard(2)"/></td><td id="cell3"><img id="img3" src="montyhallcard.jpg" alt="door" name="door3" width="80" height="130" onclick="pickCard(3)"/></td><td>&nbsp;</td><td rowspan="2" align="left" valign="top"><table width="147" border="2" cellpadding="3" cellspacing="0" class="results" id="results"><tr><td align="right" bgcolor="#CCCCCC" class="stubs">Games</td><td align="center" class="results" id="games">0</td></tr><tr><td width="70" align="right" bgcolor="#CCCCCC" class="stubs">Wins</td><td align="center" class="results" id="wins">0</td></tr><tr><td align="right" bgcolor="#CCCCCC" class="stubs">Losses</td><td align="center" class="results" id="losses">0</td></tr><tr><td align="right" bgcolor="#CCCCCC" class="stubs">% Wins </td><td align="center" class="results" id="rate">0%</td></tr></table></td></tr><tr><td colspan="5" align="center" valign="bottom" class="prompt" id="turn"></td><td>&nbsp;</td></tr></table>';
	var selectedCard;
	var prizeCard;
	var wins;
	var losses;
	var games;
	var turn;
		
	function randomCard(){
	  prizeCard = Math.floor(Math.random()*3+1);
	  if(prizeCard==0){randomCard();}
	}
	
	function showTurn(){
	  if(turn==1){document.getElementById("turn").innerHTML = 'Click On The Door Of Your Choice!';}
      if(turn==2){document.getElementById("turn").innerHTML = 'Do You Want To Switch To Another Door?';}
	}
 	
     function zeroStart(){
	  turn = 1;
	  document.getElementById("gameBoard").innerHTML = board;
	  document.getElementById("start").innerHTML = 'New Game';
	  wins=0;
	  losses=0;
	  games=0;
	  showTurn();
	  randomCard();
	}
	
     function playAgain(){
	  turn = 1;
	  document.getElementById("gameBoard").innerHTML = board;
	  document.getElementById("wins").innerHTML = wins;
	  document.getElementById("losses").innerHTML = losses;
	  document.getElementById("games").innerHTML = games;
	  document.getElementById("rate").innerHTML = rates+'%';
	  document.getElementById("start").innerHTML = 'New Game';
	  showTurn();
	  randomCard();
	}

	function showWins(){
	  document.getElementById("wins").innerHTML = wins;
	  document.getElementById("losses").innerHTML = losses;
	  document.getElementById("games").innerHTML = games;
	  rates = Math.round((wins/games)*100);
	  document.getElementById("rate").innerHTML = rates+'%';
	}
		
	function showCard(id){
	  if(id==prizeCard){winLose='Win';}
	  if(id!=prizeCard){winLose='Lose';}
	  string = 'document.getElementById("img'+id+'").src = "Hall'+winLose+'.jpg";';
	  eval(string);
	}
	
	function randomSwitch(){
	  num = Math.floor(Math.random()*2+1);
	  if (num == 0){randomSwitch();}
	  return num;
	}
	
	function highlightCard(id){
	   string = 'document.getElementById("img'+id+'").className = "selected";';
	   eval(string);
	}
	
	function pickCard(card){
	  selectedCard = card;
	  highlightCard(card);
      if(turn==2){turn2();}
		switchCard = randomSwitch();
	     if(selectedCard == prizeCard){
		   switch(card){
		     case 1:
			   if(switchCard ==2){
			     showCard(2);
			   }
			   if(switchCard ==1){
			     showCard(3);
			   }
			 break;
		     case 2:
			   if(switchCard ==1){
			     showCard(1);
			   }
			   if(switchCard ==2){
			     showCard(3);
			   }
			 break;
			 case 3:
			   if(switchCard ==1){
			     showCard(2);
			   }
			   if(switchCard ==2){
			     showCard(1);
			   }
			 break;
		   }
		 }
	     if(selectedCard!= prizeCard){
	       if(selectedCard==1 && prizeCard==3){showCard(2);}
		   if(selectedCard==1 && prizeCard==2){showCard(3);}
		   if(selectedCard==2 && prizeCard==1){showCard(3);}
		   if(selectedCard==2 && prizeCard==3){showCard(1);}
		   if(selectedCard==3 && prizeCard==1){showCard(2);}
		   if(selectedCard==3 && prizeCard==2){showCard(1);}
		 }
		turn++; 	  
	    showTurn();
	  }
	
	   function turn2(){
	   	showCard(1);
		showCard(2);
		showCard(3);
	    document.getElementById("turn").innerHTML = 'Do you want to play again';
		games++;
	    if(selectedCard==prizeCard){wins++; document.getElementById("turn").innerHTML = 'You Are A Winner!';}
	    if(selectedCard!=prizeCard){losses++; document.getElementById("turn").innerHTML = 'Oh, Bad Luck! Play Again';}
		showWins();

	   }