/*
  This function first rotates the tile from 0 to 90 degree and then changes the image of the tile
  and then rotates it from 90 to 180. This gives the effect of flipping a tile with two faces. 
  Here the flipOutLeaderboard() flipsOut the side with icon and flips in the gray tile.
  flipInLeaderboard() flipsout the gray side and flips in the side with icon.
*/

public void flipOutLeaderboard(){
    board_flip_0_90 .start();
		ImageButton leaderBoard = (ImageButton) this.findViewById(R.id.MenuLeaderboard);
		leaderBoard.setImageResource(R.drawable.gray_tile);
		board_flip_90_180 .start();
}

public void flipInLeaderboard(){
    board_flip_90_180.reverse();
		ImageButton leaderBoard = (ImageButton) this.findViewById(R.id.MenuLeaderboard);
		leaderBoard.setImageResource(R.drawable.rank_tile);
		board_flip_0_90.reverse();
}