var userChoice;
var computerChoice;
var yourScore = 0;
var computerScore = 0;
var tieScore = 0;
var outcome = '';

function computer(){
    computerChoice = Math.random();
    if (computerChoice < 0.2) {
        computerChoice = "rock";
    } else if(computerChoice <= 0.4) {
        computerChoice = "paper";
    } else if(computerChoice <= 0.6) {
        computerChoice = "scissors";
    } else if(computerChoice <= 0.8) {
        computerChoice = "lizard";
    }else {
        computerChoice = "spock";
    } console.log("Computer: " + computerChoice);
}

function winner() {
    document.getElementById('result').innerHTML = "You win!";
    $('#last-result').addClass('alert-success');
    $('#last-result').removeClass('alert-danger');
    $('#last-result').removeClass('alert-warning');
    yourScore++;
}
function loser() {
    document.getElementById('result').innerHTML = "Computer wins...";
    $('#last-result').addClass('alert-danger');
    $('#last-result').removeClass('alert-success');
    $('#last-result').removeClass('alert-warning');
    computerScore++;
}
function tie() {
    document.getElementById('result').innerHTML = "The result is a tie!";
    $('#last-result').addClass('alert-warning');
    $('#last-result').removeClass('alert-danger');
    $('#last-result').removeClass('alert-success');
    tieScore++
}

function compare(choice1, choice2){

    if( choice1 === choice2 ){
        tie();
        outcome = 'Gee, maybe you should be more original...';
    }
    else if( choice1 === "rock" ){
        if( choice2 ==="scissors" ){
            outcome = 'Rock crushes Scissors';
            winner();
        } else if(choice2 === "lizard") {
            outcome ='Rock crushes Lizard';
            winner();
        } else if(choice2 === "paper"){
            outcome = 'Rock is covered by Paper';
            loser();
        } else if(choice2 === "spock"){
            outcome = 'Rock is vaporized by Spock';
            loser();
        }
    }
    else if ( choice1 === "paper" ){
        if( choice2 === "rock" ) {
            outcome = 'Paper covers Rock';
            winner();
        } else if(choice2 === "spock") {
            outcome = 'Paper disproves Spock';
            winner();
        } else if(choice2 === "scissors"){
            outcome = 'Paper is cut by Scissors';
            loser();
        } else if(choice2 === "lizard"){
            outcome = 'Paper get eaten by Lizard';
            loser();
        }
    }
    else if ( choice1 === "scissors" ){
        if( choice2 === "paper" ) {
            outcome = 'Scissors cut Paper';
            winner();
        } else if(choice2 === "lizard") {
            outcome = 'Scissors decapitate Lizard';
            winner();
        } else if(choice2 === "rock"){
            outcome = 'Scissors get crushed by Rock';
            loser();
        }  else if(choice2 === "spock"){
            outcome = 'Scissors get smashed by Spock';
            loser();
        }
    }
    else if ( choice1 === "lizard" ){
        if( choice2 === "paper" ) {
            outcome = 'Lizard eats Paper';
            winner();
        } else if(choice2 === "spock") {
            outcome = 'Lizard poisons Spock';
            winner();
        } else if(choice2 === "scissors") {
            outcome = 'Lizard gets a little off the top from Scissors';
            loser();
        } else if(choice2 === "rock") {
            outcome ='Lizard gets smooshed. Poor Lizard...';
            loser();
        }
    }
    else if ( choice1 === "spock" ){
        if( choice2 === "scissors" ) {
            outcome = 'Spock smashes Scissors';
            winner();
        } else if(choice2 === "rock") {
            outcome = 'Spock vaporizes Rock';
            winner();
        } else if(choice2 === "lizard") {
            outcome = 'Spock get poisoned by the Lizard';
            loser();
        } else if(choice2 === "paper") {
            outcome = 'Spock gets disproven by Paper';
            loser();
        }
    } else {
        document.getElementById('result').innerHTML = "Nice try wise guy. How about you enter a valid choice?";
    }
}


$(document).on('click','.choice', function(event) {
    userChoice = $(this).attr('id');
    makeChoice();
});

function makeChoice(){
    computer();
    compare(userChoice, computerChoice);
    document.getElementById('your-choice').innerHTML = userChoice;
    document.getElementById('comp-choice').innerHTML = computerChoice;
    document.getElementById('explanation').innerHTML = outcome;
    document.getElementById('choices').style.display = 'block';
    document.getElementById('last-result').style.display = 'block';
    document.getElementById('score').style.display = 'block';
    document.getElementById('your-score').innerHTML = yourScore;
    document.getElementById('computer-score').innerHTML = computerScore;
    document.getElementById('tie-score').innerHTML = tieScore;
}