shanghai.js

$( document ).ready(function() {
	generate_header();
	game_reset();
	
	$('#cta-start').click( function() {
		if ('Reset' == $(this).html()) {
			$(this).html('Start');
			game_reset();
		} else {
			$(this).html('Reset')
			game_start();
		}
	});

	function game_reset() {
		game.players = [];
		game.scores = [];
		game.playersScores = [];
		game.inProgress = false;
		render_scores();
		$('#scores').html('');
		$('.player-row.row-0 .playername').html('');
	}

	function game_start() {
		settings_hide();
		settings_get();
		game.inProgress = true;
		$('#scores').html('');
		var table_header = '';
		table_header += '<tr class="scores-header"><th>Round</th>';
		for ( var i = 0; i < game.playersTotal; i++ ) {
			table_header += '<th>';
			table_header += '<input data-playernum="' + i + '" class="player-name" type="text" name="player' + i + '" placeholder="Player '  + i + '" />';
			table_header += '<div class="player-scores player-scores' + i + '" /></div>';
			table_header += '</th>'; 
			game.players[i] = 'Player ' + i;
		}
		table_header += '</tr>';
		$('#scores').html(table_header);
		render_scores();

		$('.player-name').blur( function() {
			var player_name =  '' == $(this).val() ? 'Player ' + $(this).data('playernum') : $(this).val();
			game.players[ parseInt( $(this).data('playernum') ) ] = player_name ;
			render_scores();
		} );
	}


	$('#del').click( function() {
		if ( 'Start' == $('#cta-start').html() ) return;
		game.inProgress = true;
		game.scores.pop();
		render_scores();
	});

	$('#miss').click( function() {
		if ( ! game.inProgress ) return;
		game.scores.push( 0 );
		sfx_play( 'miss' )
		render_scores();
	});

	$('#single').click( function() {
		if ( ! game.inProgress ) return;
		game.scores.push( 1 );
		sfx_play( 'hit1' )
		render_scores();
	});

	$('#double').click( function() {
		if ( ! game.inProgress ) return;
		game.scores.push( 2 );
		sfx_play( 'hit1' )
		render_scores();
	});

	$('#tripple').click( function() {
		if ( ! game.inProgress ) return;
		game.scores.push( 3 );
		sfx_play( 'hit2' )
		render_scores();
	});

	function render_scores() {
		game.roundInfo = get_round_info( game.scores, game.playersTotal );

		$('.current-round').html(game.roundInfo.round);
		var row = '';
		$('.score-row').remove();

		//Create emppty scores table
		for ( var r = game.roundInfo.round; r >= 1; r-- ) {
			row = '<tr class="score-row row' + r + '"><td>';
			row += r;
			row += '</td>';
			for ( var p = 1; p <= game.playersTotal; p++ ) {
				row += '<td class="cell-' + r + '-' + p + '">0</td>';
			}
			row += '</tr>';
			$('#scores').append(row);
		}

		//Fill scores table
		game.playersScores = [];
		for (var r = 0; r < game.roundInfo.round; r++) {
			for (var p = 0; p < game.playersTotal; p++) {
				var sum = 0;
				for ( var i = 0; i <= 2; i++ ) {
					var index = r * game.playersTotal * 3 + p*3+ i;
					if (! is_empty( game.scores[index] ) ) {
						sum += game.scores[index] * ( r + 1 );
					}
				}
				$( '.cell-' + ( r + 1 ) + '-' + (  p + 1 ) ).html( sum );
				game.playersScores[p] = is_empty( game.playersScores[p] ) ? sum : game.playersScores[p] + sum;
			}
		}

		//Fill players total scores
		for (var p = 0; p < game.playersTotal; p++) {
			$( '.player-scores' + p ).html( game.playersScores[p] );
		}

		//Fill throws table
		$('player-row.row-0 .throw').html('');
		var round_zero_pos = ( game.roundInfo.round - 1 ) * game.playersTotal * 3 + ( game.roundInfo.player - 1 ) * 3;
		$('.player-row.row-0 .throw1').html( game.scores[ round_zero_pos ]  * game.roundInfo.round );
		$('.player-row.row-0 .throw2').html( game.scores[ round_zero_pos + 1 ] * game.roundInfo.round );
		$('.player-row.row-0 .throw3').html( game.scores[ round_zero_pos + 2 ] * game.roundInfo.round );
		$('.player-row.row-0 .playername').html( game.players[game.roundInfo.player - 1] );

		$('.player-row.row-0 .throw').each( function( ){
			if ( '' == $(this).html() ) {
				$(this).addClass('dart');
			} else {
				$(this).removeClass('dart');
			}
		} );

		$('.player-row.row-1 .throw').html('');
		$('.player-row.row-1 .playername').html('');

		if ( game.roundInfo.round > 1 || game.roundInfo.player > 1 ) {
			var round_previous_pos = round_zero_pos - 3;
			var round_previous = game.roundInfo.round;
			var player_previous = game.roundInfo.player - 2;
			if ( player_previous < 0 ) {
				player_previous = game.playersTotal - 1;
				--round_previous;
			}

			$('.player-row.row-1 .throw1').html( game.scores[ round_previous_pos ]  * round_previous );
			$('.player-row.row-1 .throw2').html( game.scores[ round_previous_pos + 1 ] * round_previous );
			$('.player-row.row-1 .throw3').html( game.scores[ round_previous_pos + 2 ] * round_previous );
			$('.player-row.row-1 .playername').html( game.players[player_previous] );			
		}

		if ( 21 <= game.roundInfo.round ) {
			game.inProgress = false;
		}

		send_scores();
	}



});