// JavaScript Document
//Variables:
var i = 0;

	//Radio
	var id_radio = 0;
	var RADIO_TIMER_TRANSITION = 50;

	//Feet
	var id_feet = 0;
	var lfoot = null;
	var rfoot = null;
	var FEET_IMG_QTD = 40;
	var FEET_WIDTH = null;
	var FEET_TIMER_DISPATCH_FEET_ANIMATION = 7000;
	var FEET_TIMER_TRANSITION = 10;

	//Clock
	var CLOCK_TIMER_TRANSITION = 1000;
		//Body
		var clock_body = null;
		var clock_body_hour_pointer = null;
		var clock_body_minutes_pointer = null;
		//Tail
		var clock_tail = null;
		var clock_tail_id = 0;

	//Car
	var id_car = 0;
	var car = null;
	var CAR_HEIGHT = 40;
	var CAR_TIMER_TRANSITION = 9000;
	var CAR_TIMER_TRANSITION_IMAGE = 50;
	var CAR_IMG_QTD = 30;
	var car_flag = 0;

$(document).ready(function(){
	//Variables:
		//Radio
		var radio = $("div#home div#radio a");
		var radio_height = radio.height();
		var radio_qtd = parseInt(radio.attr("rel"));

		//Tiger feet
		lfoot = $("div#tiger div#left_foot");
		rfoot = $("div#home div#right_foot");
		FEET_WIDTH = lfoot.width();

		//Clock
		clock_body = $("div#clock div.body");
		clock_body_hour_pointer = $("div#clock div.body div.hour_pointer");
		clock_body_minutes_pointer = $("div#clock div.body div.minutes_pointer");
		clock_tail = $("div#clock div.tail");

		//Car
		car = $("div#car");

	//Actions:
		//Radio
		$(document).everyTime( RADIO_TIMER_TRANSITION , 'radio', function() { animateRadio(radio, radio_height, radio_qtd); } );
		//Tiger feet
		$(document).everyTime( FEET_TIMER_DISPATCH_FEET_ANIMATION , 'feet_timer_dispatch_feet_animation', function() { initFeetAnimation(); } );
		//Clock
		$(document).everyTime( CLOCK_TIMER_TRANSITION , 'clock', function() { change_time(); });
		//Car
		$(document).everyTime( CAR_TIMER_TRANSITION , 'car', function() { animate_car(); });

});

//Methods
	//Radio =================================================
	function animateRadio( obj, obj_height, qtd )
	{
		//Actions:
		id_radio = ( id_radio == (qtd-1) ? 0 : ++id_radio );
		obj.css("background-position","0px " + ((obj_height * id_radio)*-1) + "px");

	}//End 'animateRadio' method


	//Tiger feet ============================================
	function initFeetAnimation( lobj, robj, obj_width, qtd )
	{
		//Actions:
		//Init timer to transition background images
		$(document).everyTime( FEET_TIMER_TRANSITION , 'tigerfeet', function()
		{
			animateTigerFeet();
		});
	}//End 'initFeetAnimation' method

	function animateTigerFeet()
	{
		//Variables:
		var position = ((FEET_WIDTH * id_feet)*-1);

		//Actions:
		id_feet = ( id_feet == (FEET_IMG_QTD-1) ? 0 : ++id_feet );

		lfoot.css("background-position", position + "px 0px");
		rfoot.css("background-position", position + "px 0px");

		if ( id_feet == 0 )
			$(document).stopTime("tigerfeet");

	}//End 'animateTigerFeet' method

	//Clock ==================================================
	function change_time()
	{
		//Variables:
		var date = new Date();
		var hour = convert_hour( date.getHours() );
		var minutes = date.getMinutes();
		var seconds = date.getSeconds();
			//Tail
			var tail_position = clock_tail_id = (( clock_tail_id == 0 ) ? -1 : 0 ) * 70;
			var hour_pointer_position = hour * -41;
			var minutes_pointer_position = minutes * -51;

		//Actions:
		clock_body_hour_pointer.css("background-position", hour_pointer_position  + "px 0px");
		clock_body_minutes_pointer.css("background-position", minutes_pointer_position  + "px 0px");
		clock_tail.css("background-position", tail_position  + "px 0px");
	}

	function convert_hour( value )
	{
		if( value >= 12 )
		{
			return value - 12;
		} else {
			return value;
		}
	}

	//Car ====================================================
	function animate_car()
	{
		$(document).everyTime( CAR_TIMER_TRANSITION_IMAGE , 'change_car_image', function()
		{
			//Variables:
			id_car = ( id_car == (CAR_IMG_QTD-1) ? 0 : ++id_car );
			var position = ((CAR_HEIGHT * id_car)*-1);

			//Actions:
			car.css("background-position", "0px " + position + "px" );

			if ( id_car == 0 )
				$(document).stopTime("change_car_image");

		});
	}