// JScript File

var stage = 1;
var nSubStage = 0;
var nTimerId=0;
var rngBetRound = new Array();
var nMaxStage = 12;
var arrPos;

function btnNext_onclick()
{
    clearInterval(nTimerId);
    
    if(stage + 1 > nMaxStage)
        return;

    stage = stage + 1;
    StageJump(stage);
}

function btnBack_onclick()
{
    clearInterval(nTimerId);

    if(stage - 1 == 0)
        return;   
         
    stage = stage - 1;
    StageJump(stage);
}

function StageJump(CurStage)
{
    clearInterval(nTimerId);
    
    for(i=1 ; i <= nMaxStage ; ++i)
    {  
        document.getElementById('NumStage' + i).className = 'StageNumber';
    }
    
    document.getElementById('NumStage' + CurStage).className = 'StageNumber_Selected';
    
    eval('Stage' + CurStage + '()');
    stage = CurStage;
}

function DisplayStage(CurStage)
{
    for(i=1 ; i <= nMaxStage ; ++i)
    {  
        document.getElementById('Stage' + i).style.display = 'none';
    }
    
    document.getElementById('Stage' + CurStage).style.display = 'inline';
}

function Stage1()
{   
    DisplayStage(1);
    HideDynamicElements();
    ShowPlayersCards(0,0,0,0);
    ShowPlayers(1,1,1,1);
    RemoveHighlightCards();
    
    HideDynamicElements();
    DisplayCommunityCards(false,false,false);
    document.getElementById('StageTitle').innerHTML = 'Jugar el póker ...';    
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Dealer').style.display = 'none';  
    document.getElementById('SeeBetting').style.display = 'none';  
    document.getElementById('Pot').innerHTML = '$0';  

}


function Stage2()
{
    DisplayStage(2);
    HideDynamicElements();
    ShowPlayersCards(0,0,0,0);
    ShowPlayers(1,1,1,1);
    RemoveHighlightCards();
    
    DisplayCommunityCards(false,false,false);

    document.getElementById('Dealer').style.display = 'none';  
    document.getElementById('SeeBetting').style.display = 'none';  
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Pot').innerHTML = '$0';  
    document.getElementById('StageTitle').innerHTML = 'Take a seat';    
}


function Stage3()
{
    DisplayStage(3);
    HideDynamicElements();
    ShowPlayersCards(0,0,0,0);  
    ShowPlayers(1,1,1,1);
    DisplayCommunityCards(false,false,false);
    RemoveHighlightCards();
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'none';  
      
    document.getElementById('Pot').innerHTML = '$0';  
    document.getElementById('StageTitle').innerHTML = 'The dealer';  
    nSubStage = 0;
   
}
    
function Stage4()
{
    DisplayStage(4);
    HideDynamicElements();
    ShowPlayersCards(0,0,0,0);
    ShowPlayers(1,1,1,1);  
    RemoveHighlightCards();
      
    DisplayCommunityCards(false,false,false);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'none';  

    document.getElementById('PaulChips').src = "../App_Res/pics/Source/Chip1x2.jpg";
    document.getElementById('PaulChips').style.display = 'inline'; 
    
    document.getElementById('JamieChips').src = "../App_Res/pics/Source/Chip1.jpg";
    document.getElementById('JamieChips').style.display = 'inline';  
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Pot').innerHTML = '$0';  
    document.getElementById('StageTitle').innerHTML = 'The blinds ...';  
    nSubStage = 0;
   
}
function Stage5()
{
    DisplayStage(5);    
    HideDynamicElements();
    ShowPlayersCards(2,1,1,1);
    ShowPlayers(1,1,1,1); 
    RemoveHighlightCards();
    
    DisplayCommunityCards(false,false,false);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'none';  

    document.getElementById('PaulChips').src = "../App_Res/pics/Source/Chip1x2.jpg";
    document.getElementById('PaulChips').style.display = 'inline'; 
    
    document.getElementById('JamieChips').src = "../App_Res/pics/Source/Chip1.jpg";
    document.getElementById('JamieChips').style.display = 'inline';  
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Pot').innerHTML = '$0';  
    document.getElementById('StageTitle').innerHTML = 'Deal';  

}
    
function Stage6()
{
    DisplayStage(6);
    HideDynamicElements();
    ShowPlayersCards(2,1,1,1); 
    ShowPlayers(1,1,1,1);    
    RemoveHighlightCards();
    
    DisplayCommunityCards(false,false,false);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'inline';  
    
    document.getElementById('PaulChips').src = "../App_Res/pics/Source/Chip1x2.jpg";
    document.getElementById('PaulChips').style.display = 'inline'; 
    
    document.getElementById('JamieChips').src = "../App_Res/pics/Source/Chip1.jpg";
    document.getElementById('JamieChips').style.display = 'inline';  
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Pot').innerHTML = '$0';  
    document.getElementById('StageTitle').innerHTML = 'First betting round'; 
}

function Stage7()
{
    DisplayStage(7);
    HideDynamicElements();
    ShowPlayersCards(2,1,1,1);
    ShowPlayers(1,1,1,1); 
    RemoveHighlightCards();
    
    DisplayCommunityCards(true,false,false);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'none';  
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Pot').innerHTML = '$16'; 
    document.getElementById('StageTitle').innerHTML = 'The Flop';  
}

function Stage8()
{
    DisplayStage(8);
    HideDynamicElements();
    ShowPlayersCards(2,1,1,1);
    ShowPlayers(1,1,1,1); 
    RemoveHighlightCards();
    
    DisplayCommunityCards(true,false,false);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'inline';  
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Pot').innerHTML = '$16';  
    document.getElementById('StageTitle').innerHTML = 'Second betting round';  
}

function Stage9()
{
    DisplayStage(9);
    HideDynamicElements();
    ShowPlayersCards(2,0,1,1);
    ShowPlayers(1,1,1,1); 
    RemoveHighlightCards();
    
    DisplayCommunityCards(true,true,false);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'inline'; 
    
    document.getElementById('Stake').style.visibility = 'visible';        
    document.getElementById('Pot').innerHTML = '$30';  
    document.getElementById('StageTitle').innerHTML = 'The Turn';         
}

function Stage10()
{
    DisplayStage(10);
    HideDynamicElements();
    ShowPlayersCards(2,0,1,0);
    ShowPlayers(1,1,1,1); 
    RemoveHighlightCards();
    
    DisplayCommunityCards(true,true,true);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'inline'; 
    
    document.getElementById('Stake').style.visibility = 'visible';        
    document.getElementById('Pot').innerHTML = '$38';  
    document.getElementById('StageTitle').innerHTML = 'The River';   
}

function Stage11()
{
    DisplayStage(11); 
    HideDynamicElements();
    ShowPlayersCards(2,0,1,0);
    ShowPlayers(1,1,1,1); 
    RemoveHighlightCards();
    
    DisplayCommunityCards(true,true,true);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'none';   
    
    document.getElementById('Stake').style.visibility = 'visible';  
    document.getElementById('Pot').innerHTML = '$62';  
    document.getElementById('StageTitle').innerHTML = 'Fourth betting round';         
}

function Stage12()
{
    DisplayStage(12);
    HideDynamicElements();
    ShowPlayersCards(2,0,2,0);
    ShowPlayers(1,1,1,1); 
    RemoveHighlightCards();
    
    DisplayCommunityCards(true,true,true);
    document.getElementById('Dealer').style.display = 'inline';  
    document.getElementById('SeeBetting').style.display = 'none';     
    
    document.getElementById('Stake').style.visibility = 'visible';
    document.getElementById('Pot').innerHTML = '$62';
    document.getElementById('StageTitle').innerHTML = 'Showdown';         
}

function DisplayBettingRound()
{
    clearInterval(nTimerId);
    
    if(stage == 6)
    {
        Stage6();
        nSubStage = 3;
        //The first bubble display will occur very quick.        
        nTimerId = setInterval(Stage6FirstBetRound,100);    
    }
    else if(stage == 8)
    {        
        Stage8();
        nSubStage = 1;
        //The first bubble display will occur very quick.        
        nTimerId = setInterval(Stage8SecondBetRound,100);            
    }
    else if(stage == 9)
    {
        Stage9();
        nSubStage = 1;
        //The first bubble display will occur very quick.        
        nTimerId = setInterval(Stage9ThirdBetRound,100);            
    }
    else if(stage == 10)
    {
        Stage10();
        nSubStage = 0;
        //The first bubble display will occur very quick.
        nTimerId = setInterval(Stage10FourthBetRound,100);            

    }    
}


function Stage6FirstBetRound()
{
    SetBubbleTop();
    
    if(nSubStage == 8)
    {
        document.getElementById('YourChips').style.display = 'none';    
        document.getElementById('PaulChips').style.display = 'none';  
        document.getElementById('JamieChips').style.display = 'none';  
        document.getElementById('PhilChips').style.display = 'none';  
        document.getElementById('Bubble').style.display = 'none'; 
        document.getElementById('BubbleTip').style.display = 'none'; 

        document.getElementById('Pot').innerHTML = '$16';  
        clearInterval(nTimerId);
        return;
    }   
    
    clearInterval(nTimerId);
    nTimerId = setInterval(Stage6FirstBetRound,1500); 
    
    if(nSubStage % 4 == 0)
    {
        SetBubbleLeft(document.getElementById('Phil'),'Phil');
        document.getElementById('PhilChips').style.display = 'inline'; 
   
        if(nSubStage == 4)
        {
            document.getElementById('Bubble').innerHTML = 'Phil raise'; 
            document.getElementById('PhilChips').src = "../App_Res/Pics/Source/Chip1x4.jpg"            
        }   
    }
    if(nSubStage % 4 == 1)
    {
        SetBubbleLeft(document.getElementById('Jamie'),'Jamie');
        if(nSubStage == 5)
        {
            document.getElementById('Bubble').innerHTML = 'Jamie Calls';  
            document.getElementById('JamieChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
        }   
    }  
    if(nSubStage % 4 == 2)
    {
        SetBubbleLeft(document.getElementById('Paul'),'Paul');
        
        if(nSubStage == 6)
        {
            document.getElementById('Bubble').innerHTML = 'Paul Calls';  
            document.getElementById('PaulChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
        }

    }  
    if(nSubStage % 4 == 3)
    {
        SetBubbleLeft(document.getElementById('You'),'You');
        document.getElementById('YourChips').style.display = 'inline'; 

        if(nSubStage == 3)
        {
            document.getElementById('Bubble').innerHTML = 'Tú Call';  
            document.getElementById('YourChips').src = "../App_Res/Pics/Source/Chip1x2.jpg";
        }   
        if(nSubStage == 7)
        {
            document.getElementById('Bubble').innerHTML = 'Tú Call';  
            document.getElementById('YourChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
        }
    }       
    
    nSubStage = nSubStage + 1;
}


function Stage8SecondBetRound()
{
    SetBubbleTop();
    
    if(nSubStage == 7)
    {
        document.getElementById('YourChips').style.display = 'none';    
        document.getElementById('PaulChips').style.display = 'none';  
        document.getElementById('JamieChips').style.display = 'none';  
        document.getElementById('PhilChips').style.display = 'none';  
        document.getElementById('Bubble').style.display = 'none'; 
        document.getElementById('BubbleTip').style.display = 'none'; 

        document.getElementById('Pot').innerHTML = '$30';  
        clearInterval(nTimerId);
        return;
    }   
    clearInterval(nTimerId);   
    nTimerId = setInterval(Stage8SecondBetRound,1500);  
    
    if(nSubStage % 4 == 0)
    {
        SetBubbleLeft(document.getElementById('Phil'),'Phil');
        if(nSubStage == 4)
        {
            document.getElementById('Bubble').innerHTML = 'Phil Calls'; 
            
            document.getElementById('PhilChips').style.display = 'inline'; 
            document.getElementById('PhilChips').src = "../App_Res/Pics/Source/Chip1x4.jpg"            
        }   
    }
    if(nSubStage % 4 == 1)
    {
        SetBubbleLeft(document.getElementById('Jamie'),'Jamie');
        
        if(nSubStage == 1)
        {
            document.getElementById('Bubble').innerHTML = 'Jamie Bets $2';  
            document.getElementById('JamieChips').style.display = 'inline'; 
            document.getElementById('JamieChips').src = "../App_Res/Pics/Source/Chip1x2.jpg";
        }   
        if(nSubStage == 5)
        {
            document.getElementById('Bubble').innerHTML = 'Jamie Calls'; 
            document.getElementById('JamieChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
            
        }
    }  
    if(nSubStage % 4 == 2)
    {
        SetBubbleLeft(document.getElementById('Paul'),'Paul');        
        
        if(nSubStage == 2)
        {
            document.getElementById('PaulChips').style.display = 'inline';         
            document.getElementById('Bubble').innerHTML = 'Paul Calls';  
            document.getElementById('PaulChips').src = "../App_Res/Pics/Source/Chip1x2.jpg";
        }
        
        if(nSubStage == 6)
        {
            document.getElementById('Bubble').innerHTML = 'Paul Folds';  
            document.getElementById('User2Card1').src = "../App_Res/pics/Source/Empty_space.gif";
            document.getElementById('User2Card2').src = "../App_Res/pics/Source/Empty_space.gif";
        }        
        
    }  
    if(nSubStage % 4 == 3)
    {
        SetBubbleLeft(document.getElementById('You'),'You');        

        if(nSubStage == 3)
        {
            document.getElementById('Bubble').innerHTML = 'Tú aumento $4';  
            document.getElementById('YourChips').style.display = 'inline'; 
            document.getElementById('YourChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
        }   
    }       
    
    nSubStage = nSubStage + 1;
}


function Stage9ThirdBetRound()
{
    SetBubbleTop();
    
    if(nSubStage == 4)
    {
        document.getElementById('YourChips').style.display = 'none';    
        document.getElementById('PaulChips').style.display = 'none';  
        document.getElementById('JamieChips').style.display = 'none';  
        document.getElementById('PhilChips').style.display = 'none';  
        document.getElementById('Bubble').style.display = 'none'; 
        document.getElementById('BubbleTip').style.display = 'none'; 

        document.getElementById('Pot').innerHTML = '$38';  
        clearInterval(nTimerId);
        return;
    }   
    clearInterval(nTimerId);   
    nTimerId = setInterval(Stage9ThirdBetRound,1500);  

    if(nSubStage % 3 == 0)
    {
        SetBubbleLeft(document.getElementById('Phil'),'Phil');        
   
        if(nSubStage == 3)
        {
            document.getElementById('Bubble').innerHTML = 'Phil Folds'; 
            document.getElementById('User4Card1').src = "../App_Res/pics/Source/Empty_space.gif";
            document.getElementById('User4Card2').src = "../App_Res/pics/Source/Empty_space.gif";
        }   
    }
    if(nSubStage % 3 == 1)
    {
        SetBubbleLeft(document.getElementById('Jamie'),'Jamie');        

        if(nSubStage == 1)
        {
            document.getElementById('Bubble').innerHTML = 'Jamie Apuestas $4';  
            document.getElementById('JamieChips').style.display = 'inline'; 
            document.getElementById('JamieChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
        }   
    }  
    if(nSubStage % 3 == 2)
    {
        SetBubbleLeft(document.getElementById('You'),'You');        

        if(nSubStage == 2)
        {
            document.getElementById('Bubble').innerHTML = 'Tú Call';  
            document.getElementById('YourChips').style.display = 'inline'; 
            document.getElementById('YourChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
        }   
    }       
    
    nSubStage = nSubStage + 1;
}

function Stage10FourthBetRound()
{
    document.getElementById('Bubble').style.display = 'inline'; 
    document.getElementById('BubbleTip').style.display = 'inline'; 
    
    SetBubbleTop();

    if(nSubStage == 4)
    {
        document.getElementById('YourChips').style.display = 'none';    
        document.getElementById('JamieChips').style.display = 'none';  
        document.getElementById('Bubble').style.display = 'none'; 
        document.getElementById('BubbleTip').style.display = 'none'; 

        document.getElementById('Pot').innerHTML = '$62';  
        clearInterval(nTimerId);
        return;
    } 
      
    clearInterval(nTimerId);   
    nTimerId = setInterval(Stage10FourthBetRound,1500);  

    if(nSubStage % 2 == 0)
    {
        SetBubbleLeft(document.getElementById('Jamie'),'Jamie');        

        if(nSubStage == 0)
        {
            document.getElementById('Bubble').innerHTML = 'Jamie Apuestas $4';  
            document.getElementById('JamieChips').style.display = 'inline'; 
            document.getElementById('JamieChips').src = "../App_Res/Pics/Source/Chip1x4.jpg";
        }   
        
        if(nSubStage == 2)
        {
            document.getElementById('Bubble').innerHTML = 'Jamie Raise $4';  
            document.getElementById('JamieChips').src = "../App_Res/Pics/Source/Chip1x12.jpg";
        }          
    }  
    if(nSubStage % 2 == 1)
    {
        SetBubbleLeft(document.getElementById('You'),'You');        

        if(nSubStage == 1)
        {
            document.getElementById('Bubble').innerHTML = 'Tú aumento $4';  
            document.getElementById('YourChips').style.display = 'inline'; 
            document.getElementById('YourChips').src = "../App_Res/Pics/Source/Chip1x8.jpg";
        }   
        if(nSubStage == 3)
        {
            document.getElementById('Bubble').innerHTML = 'Tú Call';  
            document.getElementById('YourChips').src = "../App_Res/Pics/Source/Chip1x12.jpg";
        }          
    }       
    
    nSubStage = nSubStage + 1;
}

function ShowPlayers(nYou,nPaul,nJamie,nPhil)
{
    if(nYou == 0)
    {
        document.getElementById('You').innerHTML = "";
    }
    else
    {
        document.getElementById('You').innerHTML = "Tú";
    }
    
    if(nPaul == 0)
    {
        document.getElementById('Paul').innerHTML = "";
    }
    else
    {
        document.getElementById('Paul').innerHTML = "Paul";
    }
    
    if(nJamie == 0)
    {
        document.getElementById('Jamie').innerHTML = "";
    }
    else
    {
        document.getElementById('Jamie').innerHTML = "Jamie";
    }
    
    if(nPhil == 0)
    {
        document.getElementById('Phil').innerHTML = "";
    }
    else
    {
        document.getElementById('Phil').innerHTML = "Phil";
    }            
}

// 0 - Empty seat ; 1 - Hide cards  ; 2 - Show cards
function ShowPlayersCards(nYou,nPaul,nJamie,nPhil)
{
    if(nYou == 0)
    {
        document.getElementById('User1Card1').src = "../App_Res/pics/Source/Empty_space.gif";
        document.getElementById('User1Card2').src = "../App_Res/pics/Source/Empty_space.gif";
    }
    else if(nYou == 1)
    {
        document.getElementById('User1Card1').src = "../App_Res/pics/cards/Empty.gif";
        document.getElementById('User1Card2').src = "../App_Res/pics/cards/Empty.gif";
    }
    else if(nYou == 2)
    {
        document.getElementById('User1Card1').src = "../App_Res/pics/cards/kd.gif";
        document.getElementById('User1Card2').src = "../App_Res/pics/cards/ac.gif";
    }
    
    if(nPaul == 0)
    {
        document.getElementById('User2Card1').src = "../App_Res/pics/Source/Empty_space.gif";
        document.getElementById('User2Card2').src = "../App_Res/pics/Source/Empty_space.gif";    
    }
    else if(nPaul == 1)
    {
        document.getElementById('User2Card1').src = "../App_Res/pics/cards/Empty.gif";
        document.getElementById('User2Card2').src = "../App_Res/pics/cards/Empty.gif";
    }
    else if(nPaul == 2)
    {
        document.getElementById('User2Card1').src = "../App_Res/pics/cards/4d.gif";
        document.getElementById('User2Card2').src = "../App_Res/pics/cards/7h.gif";
    }
    
    if(nJamie == 0)
    {
        document.getElementById('User3Card1').src = "../App_Res/pics/Source/Empty_space.gif";
        document.getElementById('User3Card2').src = "../App_Res/pics/Source/Empty_space.gif";
    }
    else if(nJamie == 1)
    {
        document.getElementById('User3Card1').src = "../App_Res/pics/cards/Empty.gif";
        document.getElementById('User3Card2').src = "../App_Res/pics/cards/Empty.gif";
    }
    else if(nJamie == 2)
    {
        document.getElementById('User3Card1').src = "../App_Res/pics/cards/ad.gif";
        document.getElementById('User3Card2').src = "../App_Res/pics/cards/4d.gif";
    }    
    
    if(nPhil == 0)
    {
        document.getElementById('User4Card1').src = "../App_Res/pics/Source/Empty_space.gif";
        document.getElementById('User4Card2').src = "../App_Res/pics/Source/Empty_space.gif";
    }
    else if(nPhil == 1)
    {
        document.getElementById('User4Card1').src = "../App_Res/pics/cards/Empty.gif";
        document.getElementById('User4Card2').src = "../App_Res/pics/cards/Empty.gif";
    }
    else if(nPhil == 2)
    {
        document.getElementById('User4Card1').src = "../App_Res/pics/cards/2c.gif";
        document.getElementById('User4Card2').src = "../App_Res/pics/cards/6h.gif";
    }       
}

function HideDynamicElements()
{
    document.getElementById('Bubble').style.display = 'none'; 
    document.getElementById('BubbleTip').style.display = 'none'; 
    document.getElementById('YourChips').style.display = 'none';    
    document.getElementById('PaulChips').style.display = 'none';  
    document.getElementById('JamieChips').style.display = 'none';  
    document.getElementById('PhilChips').style.display = 'none';  
}

function DisplayCommunityCards(bFlop, bTurn, bRiver)
{
    if(bFlop == true)
    {
        document.getElementById('HouseCard1').src = "../App_Res/pics/cards/kc.gif";
        document.getElementById('HouseCard2').src = "../App_Res/pics/cards/3h.gif";
        document.getElementById('HouseCard3').src = "../App_Res/pics/cards/ah.gif";
    }
    else
    {
        document.getElementById('HouseCard1').src = "../App_Res/pics/Source/Card_Frame.JPG";   
        document.getElementById('HouseCard2').src = "../App_Res/pics/Source/Card_Frame.JPG";   
        document.getElementById('HouseCard3').src = "../App_Res/pics/Source/Card_Frame.JPG";   
    }
   

    if(bTurn == true)
    {
        document.getElementById('HouseCard4').src = "../App_Res/pics/cards/5c.gif";
    }
    else
    {
        document.getElementById('HouseCard4').src = "../App_Res/pics/Source/Card_Frame.JPG";   
    }
    
    if(bRiver == true)
    {
        document.getElementById('HouseCard5').src = "../App_Res/pics/cards/jd.gif";
    }    
    else
    {
        document.getElementById('HouseCard5').src = "../App_Res/pics/Source/Card_Frame.JPG";      
    }

}
function  SetBubbleTop()
{  
    var arrPos;
    
    arrPos = findPos(document.getElementById('Phil'));
    
    document.getElementById('Bubble').style.display = 'inline'; 
    document.getElementById('BubbleTip').style.display = 'inline'; 
    document.getElementById('Bubble').style.top = arrPos[1] - 150 + 'px';
    document.getElementById('BubbleTip').style.top = parseInt(document.getElementById('Bubble').style.top) + parseInt(document.getElementById('Bubble').style.height) - 2 +  'px';
}

function  SetBubbleLeft(obj,Name)
{
    var arrPos;
    arrPos = findPos(obj);

    document.getElementById('Bubble').style.left = arrPos[0] - (parseInt(document.getElementById('Bubble').style.width) / 4) + 'px';
    
    if(Name == 'Phil')
    {
        document.getElementById('Bubble').style.left = arrPos[0] - (parseInt(document.getElementById('Bubble').style.width) / 2)  + 'px';
        document.getElementById('BubbleTip').style.left = parseInt(document.getElementById('Bubble').offsetLeft) + (parseInt(document.getElementById('Bubble').style.width) - 50)  + 'px';
    }
    else if(Name == 'Jamie')
        document.getElementById('BubbleTip').style.left = parseInt(document.getElementById('Bubble').offsetLeft) + (parseInt(document.getElementById('Bubble').style.width) / 2)  + 'px';
    else if(Name == 'Paul')
        document.getElementById('BubbleTip').style.left = parseInt(document.getElementById('Bubble').offsetLeft) + (parseInt(document.getElementById('Bubble').style.width) / 2) + 'px';
    else if(Name == 'You')
    {
        document.getElementById('Bubble').style.left = arrPos[0] - (parseInt(document.getElementById('Bubble').style.width) / 4) + 'px';
        document.getElementById('BubbleTip').style.left = parseInt(document.getElementById('Bubble').offsetLeft) + 50 + 'px';
    }
}
 
function findPos(obj) 
{
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	
	return [curleft,curtop];
}

function HighlightCards(sCard1,sCard2,sCard3,sCard4,sCard5)
{   
    RemoveHighlightCards();
    
    document.getElementById(sCard1).className = "ChosenCard";
    document.getElementById(sCard2).className = "ChosenCard";
    document.getElementById(sCard3).className = "ChosenCard";
    document.getElementById(sCard4).className = "ChosenCard";
    document.getElementById(sCard5).className = "ChosenCard";
}

function RemoveHighlightCards()
{   
    document.getElementById('HouseCard1').className = "UnChosenCard";
    document.getElementById('HouseCard2').className = "UnChosenCard";
    document.getElementById('HouseCard3').className = "UnChosenCard";
    document.getElementById('HouseCard4').className = "UnChosenCard";
    document.getElementById('HouseCard5').className = "UnChosenCard";
    
    document.getElementById('User1Card1').className = "UnChosenCard";
    document.getElementById('User1Card2').className = "UnChosenCard";
    document.getElementById('User2Card1').className = "UnChosenCard";
    document.getElementById('User2Card2').className = "UnChosenCard";
    document.getElementById('User3Card1').className = "UnChosenCard";  
    document.getElementById('User3Card2').className = "UnChosenCard";
    document.getElementById('User4Card1').className = "UnChosenCard";
    document.getElementById('User4Card2').className = "UnChosenCard";   
}