/*
 * boatRacer  v0.1.1
 * http://www.seanmccambridge.com/boat-racer/
 *
 * Copyright (c) 2009 Sean McCambridge
 *
 * Date: 2009-10-22 04:02:00 -0500 (Thu, 22 October 2009)
 */
 
$(document).ready(function() {
	
 	// initialize map
 	$('#map').html(''); // clear #map if running js
 	
 	// overlay
 	$('#map').append('<div id="overlay"></div>');
 	
 	// home screen
 	$('h2#welcome').hide();
 	$('#map').append('<div id="screen-welcome"></div><div id="captains"><div class="float"><img src="media/layout/capt-choose.png" /></div><div class="captain" id="adam"></div><div class="captain" id="ian"></div><div class="captain" id="zeb"></div><div class="captain" id="bitsy"></div></div><div id="vessels"><div class="float"><img src="media/layout/boat-choose.png" /></div><div class="vessel" id="fv"></div><div class="vessel" id="mt"></div><div class="vessel" id="se"></div></div><div id="difficulties"><div class="float"><img src="media/layout/difficulty-choose.png" /></div><div class="difficulty" id="easy"></div><div class="difficulty" id="medium"></div><div class="difficulty" id="hard"></div></div><div id="start"></div><div id="directions"></div><div id="countdown"></div><div id="timer">0:00.0</div><div id="message"></div>');
 	
 	$('.captain').click(function() {
 		captain = $(this).attr('id');
		$('#captains').hide();
		$('#vessels').show();
 	});
 	
 	$('.vessel').click(function() {
 		vessel = $(this).attr('id');
		$('#vessels').hide();
		$('#difficulties').show();
		
		// create boats
		if (vessel == 'fv') {
			abbr = 'b1';
		} else if (vessel == 'mt') {
			abbr = 'b2';
		} else {
			abbr = 'b3';
		}
 		$('#map').append('<div id="' + abbr + '"></div>').children('#' + abbr).addClass('boat');
 		placeBoat(abbr,348,130,7); // id, x, y, heading
 	});
	
	$('#reset').click(function() {
		$('#map').children().fadeOut(300);
 		$('#overlay').fadeIn(400);
	 	$('#screen-welcome, #captains, #timer').fadeIn(800);
	 	reset();
 	}).hover(function() {
 		$(this).css('background-position','0 -24px');
 	},function() {
 		$(this).css('background-position','0 0');
 	});
 	
 	$('.difficulty').click(function() {
 		difficulty = $(this).attr('id');
		$('#difficulties').hide();
		$('#start').show();
 	}).hover(function() {
 		$(this).css('background-position','0 -39px');
 	},function() {
 		$(this).css('background-position','0 0');
 	});
 	
 	$('#start').click(function() {
	 	$('#overlay').fadeOut(400);
	 	$('#start').hide();
	 	$('#screen-welcome').fadeOut(800);
 		countdown();
 	}).hover(function() {
 		$(this).css('background-position','0 -47px');
 	},function() {
 		$(this).css('background-position','0 0');
 	});
	
});