/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var GridCell = Container.expand(function () {
	var self = Container.call(this);
	// Method to initialize or reset a cell
	self.init = function () {
		// Create the background square for the cell if it doesn't exist
		if (!self.background) {
			self.background = self.attachAsset('cuadricula', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		}
		// Initialize or reset properties
		self.value = 0;
		self.sprite = null;
		self.row = -1;
		self.col = -1;
		return self; // Enable chaining
	};
	// Method to set value and corresponding sprite
	self.setValue = function (newValue) {
		// Skip if same value
		if (self.value === newValue) {
			return;
		}
		self.value = newValue;
		// Remove previous sprite if exists
		if (self.sprite) {
			self.removeChild(self.sprite);
		}
		// Create new sprite based on value
		var spriteId = 'meme' + newValue;
		self.sprite = LK.getAsset(spriteId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		self.addChild(self.sprite);
	};
	// Handle tap event
	self.down = function (x, y, obj) {
		handleCellTap(self);
	};
	// Initialize the cell
	self.init();
	return self;
});

/**** 
* Initialize Game
****/ 
// Factory function to get a GridCell (from pool or new)
// Grid configuration
var game = new LK.Game({
	backgroundColor: 0xF4FFFF
});

/**** 
* Game Code
****/ 
// Grid configuration
// Cell pool for object reuse
var cellPool = [];
// Factory function to get a GridCell (from pool or new)
function getGridCell() {
	if (cellPool.length > 0) {
		return cellPool.pop().init(); // Reuse a cell from the pool
	}
	return new GridCell(); // Create a new cell
}
// Function to return a cell to the pool
function recycleGridCell(cell) {
	if (cell) {
		cellPool.push(cell); // Add to pool for later reuse
	}
}
var selectedCell = null;
var isAnimating = false; // Flag to track if gravity or fill animations are in progress
function handleCellTap(tappedCell) {
	// Ignore taps while animations are in progress
	if (isAnimating) {
		return;
	}
	// Case 1: No cell selected yet - select this one
	if (selectedCell === null) {
		selectedCell = tappedCell;
		LK.effects.flashObject(selectedCell.sprite, 0xFFFF00, 150); // Flash yellow quickly
		return;
	}
	var cell1 = selectedCell;
	var cell2 = tappedCell;
	// Case 2: Tapped the already selected cell - deselect it
	if (cell1 === cell2) {
		selectedCell = null; // Deselect
		return;
	}
	// Case 3: Check for adjacency (vertical or horizontal)
	var isAdjacent = Math.abs(cell1.row - cell2.row) === 1 && cell1.col === cell2.col || Math.abs(cell1.col - cell2.col) === 1 && cell1.row === cell2.row;
	if (!isAdjacent) {
		// Case 4: Non-adjacent cell - select the new cell instead
		selectedCell = tappedCell;
		LK.effects.flashObject(selectedCell.sprite, 0xFFFF00, 150); // Flash the new selection
		return;
	}
	// Case 5: Adjacent cell - perform the swap
	// Store original positions for animation
	var pos1_x = cell1.x;
	var pos1_y = cell1.y;
	var pos2_x = cell2.x;
	var pos2_y = cell2.y;
	// Store original grid indices
	var row1 = cell1.row;
	var col1 = cell1.col;
	var row2 = cell2.row;
	var col2 = cell2.col;
	// Swap cells in the gridCells array
	gridCells[row1][col1] = cell2;
	gridCells[row2][col2] = cell1;
	// Swap row/col properties on the cell objects
	cell1.row = row2;
	cell1.col = col2;
	cell2.row = row1;
	cell2.col = col1;
	// Animate the visual swap of positions
	tween(cell1, {
		x: pos2_x,
		y: pos2_y
	}, {
		duration: 300
	});
	tween(cell2, {
		x: pos1_x,
		y: pos1_y
	}, {
		duration: 300
	});
	selectedCell = null; // Reset selection after swap
	// Schedule the match check and destruction slightly after the animation completes
	LK.setTimeout(function () {
		checkForAndDestroyMatches(cell1, cell2); // Pass the swapped cells
		// Future enhancement: After destruction, new cells might fall,
		// and new matches could form. This would require a loop of:
		// check/destroy -> fill -> check/destroy ... until no more matches.
		// For now, we just check once after the swap.
	}, 350); // Animation is 300ms, add a small buffer of 50ms
}
// Helper functions for match detection and destruction
function getMatches() {
	var matches = [];
	// Helper function to find matches in a specific direction
	function findDirectionalMatches(isHorizontal) {
		var primary, secondary;
		for (primary = 0; primary < gridSize; primary++) {
			for (secondary = 0; secondary < gridSize;) {
				// Skip if not enough cells left for a match of 3
				if (secondary > gridSize - 3) {
					secondary++;
					continue;
				}
				// Get current cell based on direction
				var cell1 = isHorizontal ? gridCells[primary][secondary] : gridCells[secondary][primary];
				if (!cell1) {
					// Skip empty cells
					secondary++;
					continue;
				}
				var currentMatchValue = cell1.value;
				var currentMatchCells = [cell1];
				// Check subsequent cells for matches
				for (var k = secondary + 1; k < gridSize; k++) {
					var nextCell = isHorizontal ? gridCells[primary][k] : gridCells[k][primary];
					if (nextCell && nextCell.value === currentMatchValue) {
						currentMatchCells.push(nextCell);
					} else {
						break; // End of current potential match
					}
				}
				// Add to matches if we found 3 or more
				if (currentMatchCells.length >= 3) {
					matches.push(currentMatchCells);
				}
				// Move index forward based on match length
				secondary += currentMatchCells.length > 0 ? currentMatchCells.length : 1;
			}
		}
	}
	// Find horizontal matches
	findDirectionalMatches(true);
	// Find vertical matches
	findDirectionalMatches(false);
	return matches;
}
function destroyCells(cellsToDestroy) {
	// Set animation flag to prevent user interaction during destruction
	isAnimating = true;
	// Process each cell with a slight delay for more satisfying destruction
	var delay = 0;
	var delayIncrement = 100; // 100ms delay between each meme destruction
	// Calculate total destruction time for this sequence only
	var totalDestructionTime = cellsToDestroy.length * delayIncrement;
	cellsToDestroy.forEach(function (cell) {
		// Schedule destruction with increasing delay
		LK.setTimeout(function () {
			// Defensive checks: ensure cell exists and is the one we expect in the grid
			if (cell && gridCells[cell.row] && gridCells[cell.row][cell.col] === cell) {
				// Play explosion sound
				LK.getSound('Explosion').play();
				// Visual flash effect
				LK.effects.flashObject(cell, 0xFFFFFF, 200);
				// Remove from display
				gridContainer.removeChild(cell);
				cell.destroy(); // Destroy the cell object (releases resources)
				gridCells[cell.row][cell.col] = null; // Mark as empty in the logical grid
			}
		}, delay);
		// Increase delay for next cell
		delay += delayIncrement;
	});
	// After destroying cells, make memes fall to fill empty spaces
	// Wait until all cells are destroyed using the exact time for this sequence
	LK.setTimeout(function () {
		applyGravity();
	}, totalDestructionTime + 50); // Use exact time based on this destruction sequence
}
// Function to make memes fall down to fill empty spaces
function applyGravity() {
	// Set animation flag to prevent user interaction
	isAnimating = true;
	// Loop through each column
	for (var col = 0; col < gridSize; col++) {
		// Start from the bottom row and work upwards
		for (var row = gridSize - 1; row >= 0; row--) {
			// If current cell is empty
			if (!gridCells[row][col]) {
				// Look for the nearest non-empty cell above
				var sourceRow = row - 1;
				while (sourceRow >= 0 && !gridCells[sourceRow][col]) {
					sourceRow--;
				}
				// If we found a cell to move down
				if (sourceRow >= 0) {
					var cellToMove = gridCells[sourceRow][col];
					// Update grid array
					gridCells[row][col] = cellToMove;
					gridCells[sourceRow][col] = null;
					// Update cell's logical position
					cellToMove.row = row;
					// Animate the fall
					var newPos = getCellPosition(row, col);
					tween(cellToMove, {
						y: newPos.y
					}, {
						duration: 300,
						ease: "bounce"
					});
				}
			}
		}
	}
	// After all cells have fallen, fill in empty spaces at the top with new memes
	LK.setTimeout(function () {
		fillEmptySpacesWithNewMemes();
	}, 400); // Wait for falling animation to complete
}
// Create new memes to fill empty spots at the top of the grid
function fillEmptySpacesWithNewMemes() {
	var anyNewMemeAdded = false;
	var memesUsed = 0;
	// Column-specific delays for new meme appearance
	var columnDelays = {};
	// Check each column for empty spaces
	for (var col = 0; col < gridSize; col++) {
		// Initialize column delay if not already set
		if (columnDelays[col] === undefined) {
			columnDelays[col] = 0;
		}
		// Start from the bottom (row gridSize-1) and fill empty spaces working upwards
		var emptySpaces = [];
		// First, identify all empty spaces in this column
		for (var row = 0; row < gridSize; row++) {
			if (!gridCells[row][col]) {
				emptySpaces.push(row);
			}
		}
		// Now fill the empty spaces with a progressive delay (bottom to top)
		for (var i = emptySpaces.length - 1; i >= 0; i--) {
			var row = emptySpaces[i];
			anyNewMemeAdded = true;
			memesUsed++;
			// Create a new meme cell
			var newCell = getGridCell();
			var pos = getCellPosition(row, col);
			// Position the new cell above the grid (for animation)
			newCell.x = pos.x;
			newCell.y = pos.y - 400; // Start above the visible grid
			// Get meme from the preloaded queue instead of generating random
			var memeValue = nextMemesQueue.shift() || Math.floor(Math.random() * 5) + 1;
			newCell.setValue(memeValue);
			// Set logical position
			newCell.row = row;
			newCell.col = col;
			// Add to grid array and display
			gridCells[row][col] = newCell;
			gridContainer.addChild(newCell);
			// Calculate delay for this cell - each cell has an additional delay
			var cellDelay = columnDelays[col];
			columnDelays[col] += 150; // Increment delay for next cell in this column
			// Animate falling into place with delay
			LK.setTimeout(function (cell, targetY) {
				return function () {
					tween(cell, {
						y: targetY
					}, {
						duration: 300,
						ease: "bounce"
					});
				};
			}(newCell, pos.y), cellDelay);
		}
	}
	// If new memes were added, check for matches only after all fall animations are complete
	if (anyNewMemeAdded) {
		// Refill the next memes queue if we've used memes
		if (memesUsed > 0) {
			fillNextMemesQueue();
		}
		// Calculate maximum delay across all columns to ensure we wait for all animations
		var maxColumnDelay = 0;
		for (var col in columnDelays) {
			if (columnDelays[col] > maxColumnDelay) {
				maxColumnDelay = columnDelays[col];
			}
		}
		// Add animation duration to the max column delay
		var totalWaitTime = maxColumnDelay + 400; // 300ms animation + 100ms buffer
		LK.setTimeout(function () {
			// Now that all falling animations are complete, check for matches
			var newMatches = getMatches();
			if (newMatches.length > 0) {
				// Get all cells from all new match groups
				var newCellsToDestroy = [];
				var newCellTracker = {};
				newMatches.forEach(function (group) {
					group.forEach(function (cell) {
						var cellKey = cell.row + "_" + cell.col;
						if (!newCellTracker[cellKey]) {
							newCellsToDestroy.push(cell);
							newCellTracker[cellKey] = true;
						}
					});
				});
				// Destroy these new matches only after all falling has fully completed
				if (newCellsToDestroy.length) {
					destroyCells(newCellsToDestroy);
				}
			} else {
				// No more matches, animations are complete, allow user interaction again
				isAnimating = false;
			}
		}, totalWaitTime); // Use calculated wait time based on column delays
	} else {
		// No new memes were added, animations are complete, allow user interaction again
		isAnimating = false;
	}
}
function checkForAndDestroyMatches(swappedCellA, swappedCellB) {
	// Get all potential matches on the board
	var allMatchGroupsOnBoard = getMatches();
	// Quick return if no matches
	if (!allMatchGroupsOnBoard.length) {
		return; // No matches found anywhere, nothing to do
	}
	// Filter to only match groups containing one of the swapped cells
	var relevantMatchGroups = allMatchGroupsOnBoard.filter(function (group) {
		// Check if any cell in the group is one of our swapped cells
		return group.some(function (cellInGroup) {
			return cellInGroup === swappedCellA || cellInGroup === swappedCellB;
		});
	});
	// Quick return if no relevant matches
	if (!relevantMatchGroups.length) {
		return; // No matches involving the swapped cells were found
	}
	// Create array of unique cells to destroy
	var uniqueCellTracker = {};
	var cellsToDestroy = [];
	// Collect all cells from relevant groups, avoiding duplicates
	relevantMatchGroups.forEach(function (group) {
		group.forEach(function (cell) {
			// Create a unique key for each cell
			var cellKey = cell.row + "_" + cell.col;
			// Only add if we haven't seen this cell yet
			if (!uniqueCellTracker[cellKey]) {
				cellsToDestroy.push(cell);
				uniqueCellTracker[cellKey] = true;
			}
		});
	});
	// Destroy cells if we found any
	if (cellsToDestroy.length) {
		destroyCells(cellsToDestroy);
		// Wait for gravity animation to complete, then check for new matches
		// We use a fresh timeout that doesn't depend on previous destruction delays
		LK.setTimeout(function () {
			// Check for new matches caused by gravity
			var newMatches = getMatches();
			if (newMatches.length > 0) {
				// Get all cells from all new match groups
				var newCellsToDestroy = [];
				var newCellTracker = {};
				newMatches.forEach(function (group) {
					group.forEach(function (cell) {
						var cellKey = cell.row + "_" + cell.col;
						if (!newCellTracker[cellKey]) {
							newCellsToDestroy.push(cell);
							newCellTracker[cellKey] = true;
						}
					});
				});
				// Destroy these new matches with independent timing
				if (newCellsToDestroy.length) {
					// Call destroyCells with reset delay for new destruction cycle
					destroyCells(newCellsToDestroy);
				}
			}
		}, 400); // Reduced wait time to be independent of previous destruction sequence
		// Here you could add scoring or other effects if needed
		// e.g., LK.setScore(LK.getScore() + cellsToDestroy.length * 10);
	}
}
// Game configuration
var gridSize = 8;
var cellSpacing = 10;
var cellSize = 208; // Width/height of the cell background increased by 30%
var gridCells = [];
// Queue for preloaded next memes (9 rows worth of memes)
var nextMemesQueue = [];
// Calculate layout
var totalGridWidth = gridSize * cellSize + (gridSize - 1) * cellSpacing;
var totalGridHeight = totalGridWidth; // Grid is square
// Center the grid on screen
var startX = (2048 - totalGridWidth) / 2 + cellSize / 2;
var startY = (2732 - totalGridHeight) / 2 + cellSize / 2;
// Position calculation helper
function getCellPosition(row, col) {
	return {
		x: startX + col * (cellSize + cellSpacing),
		y: startY + row * (cellSize + cellSpacing)
	};
}
// Fill the queue with 9 rows worth of future memes
function fillNextMemesQueue() {
	// Calculate how many memes we need for 9 rows
	var neededMemes = 9 * gridSize;
	// Add memes until we reach the desired count
	while (nextMemesQueue.length < neededMemes) {
		// Generate a random meme value (1-5)
		var randomValue = Math.floor(Math.random() * 5) + 1;
		nextMemesQueue.push(randomValue);
	}
}
// Create grid container
var gridContainer = new Container();
game.addChild(gridContainer);
// Initialize the grid
function initializeGrid() {
	// Clear existing grid if any
	gridCells = [];
	// Clear and refill next memes queue
	nextMemesQueue = [];
	// Fill the next memes queue with 9 rows worth of preloaded memes
	fillNextMemesQueue();
	// Create grid cells
	for (var row = 0; row < gridSize; row++) {
		gridCells[row] = [];
		for (var col = 0; col < gridSize; col++) {
			// Get cell position
			var pos = getCellPosition(row, col);
			// Create new cell (using pool if implemented)
			var cell = getGridCell ? getGridCell() : new GridCell();
			// Position cell
			cell.x = pos.x;
			cell.y = pos.y;
			// Assign row and column
			cell.row = row;
			cell.col = col;
			// Generate random value (1-5), but avoid creating initial matches
			var randomValue;
			var attempts = 0;
			do {
				randomValue = Math.floor(Math.random() * 5) + 1;
				attempts++;
				// Check left and above for potential matches
				var leftMatchCount = 0;
				var aboveMatchCount = 0;
				// Check left
				if (col >= 2) {
					if (gridCells[row][col - 1].value === randomValue && gridCells[row][col - 2].value === randomValue) {
						leftMatchCount = 2;
					}
				}
				// Check above
				if (row >= 2) {
					if (gridCells[row - 1][col].value === randomValue && gridCells[row - 2][col].value === randomValue) {
						aboveMatchCount = 2;
					}
				}
				// If no potential matches or too many attempts, exit loop
			} while ((leftMatchCount >= 2 || aboveMatchCount >= 2) && attempts < 10);
			cell.setValue(randomValue);
			// Add to grid
			gridContainer.addChild(cell);
			gridCells[row][col] = cell;
		}
	}
}
// Initialize the grid
initializeGrid();
// Check for any initial matches and correct them
function ensureNoInitialMatches() {
	var matches = getMatches();
	if (matches.length > 0) {
		// Replace cells in matches with new random values
		matches.forEach(function (group) {
			group.forEach(function (cell) {
				// Get current value
				var currentValue = cell.value;
				var newValue;
				// Find a new value that doesn't cause a match
				do {
					newValue = Math.floor(Math.random() * 5) + 1;
				} while (newValue === currentValue);
				// Set the new value
				cell.setValue(newValue);
			});
		});
		// Check again recursively if we still have matches
		ensureNoInitialMatches();
	}
}
// Make sure grid starts with no matches
ensureNoInitialMatches();

===================================================================
--- original.js
+++ change.js
@@ -271,71 +271,75 @@
 // Create new memes to fill empty spots at the top of the grid
 function fillEmptySpacesWithNewMemes() {
 	var anyNewMemeAdded = false;
 	var memesUsed = 0;
-	var totalNewCells = 0;
-	var newCellsToAnimate = [];
-	// First, count how many new cells we need to add
+	// Column-specific delays for new meme appearance
+	var columnDelays = {};
+	// Check each column for empty spaces
 	for (var col = 0; col < gridSize; col++) {
-		for (var row = 0; row < gridSize; row++) {
-			if (!gridCells[row][col]) {
-				totalNewCells++;
-			}
+		// Initialize column delay if not already set
+		if (columnDelays[col] === undefined) {
+			columnDelays[col] = 0;
 		}
-	}
-	// Then create all cells with individual delays
-	for (var col = 0; col < gridSize; col++) {
+		// Start from the bottom (row gridSize-1) and fill empty spaces working upwards
+		var emptySpaces = [];
+		// First, identify all empty spaces in this column
 		for (var row = 0; row < gridSize; row++) {
 			if (!gridCells[row][col]) {
-				anyNewMemeAdded = true;
-				memesUsed++;
-				// Create a new meme cell
-				var newCell = getGridCell();
-				var pos = getCellPosition(row, col);
-				// Position the new cell above the grid (for animation)
-				newCell.x = pos.x;
-				newCell.y = pos.y - 400; // Start above the visible grid
-				// Get meme from the preloaded queue instead of generating random
-				var memeValue = nextMemesQueue.shift() || Math.floor(Math.random() * 5) + 1;
-				newCell.setValue(memeValue);
-				// Set logical position
-				newCell.row = row;
-				newCell.col = col;
-				// Add to grid array and display
-				gridCells[row][col] = newCell;
-				gridContainer.addChild(newCell);
-				// Store cell for animation with individual delay
-				newCellsToAnimate.push({
-					cell: newCell,
-					targetY: pos.y,
-					delay: Math.random() * 400 // Random delay between 0-400ms
-				});
+				emptySpaces.push(row);
 			}
 		}
+		// Now fill the empty spaces with a progressive delay (bottom to top)
+		for (var i = emptySpaces.length - 1; i >= 0; i--) {
+			var row = emptySpaces[i];
+			anyNewMemeAdded = true;
+			memesUsed++;
+			// Create a new meme cell
+			var newCell = getGridCell();
+			var pos = getCellPosition(row, col);
+			// Position the new cell above the grid (for animation)
+			newCell.x = pos.x;
+			newCell.y = pos.y - 400; // Start above the visible grid
+			// Get meme from the preloaded queue instead of generating random
+			var memeValue = nextMemesQueue.shift() || Math.floor(Math.random() * 5) + 1;
+			newCell.setValue(memeValue);
+			// Set logical position
+			newCell.row = row;
+			newCell.col = col;
+			// Add to grid array and display
+			gridCells[row][col] = newCell;
+			gridContainer.addChild(newCell);
+			// Calculate delay for this cell - each cell has an additional delay
+			var cellDelay = columnDelays[col];
+			columnDelays[col] += 150; // Increment delay for next cell in this column
+			// Animate falling into place with delay
+			LK.setTimeout(function (cell, targetY) {
+				return function () {
+					tween(cell, {
+						y: targetY
+					}, {
+						duration: 300,
+						ease: "bounce"
+					});
+				};
+			}(newCell, pos.y), cellDelay);
+		}
 	}
-	// Animate each cell with its individual delay
-	var maxDelay = 0;
-	newCellsToAnimate.forEach(function (cellInfo) {
-		// Update max delay for timing the next step
-		maxDelay = Math.max(maxDelay, cellInfo.delay);
-		// Schedule the animation with individual delay
-		LK.setTimeout(function () {
-			tween(cellInfo.cell, {
-				y: cellInfo.targetY
-			}, {
-				duration: 300,
-				ease: "bounce"
-			});
-		}, cellInfo.delay);
-	});
 	// If new memes were added, check for matches only after all fall animations are complete
 	if (anyNewMemeAdded) {
 		// Refill the next memes queue if we've used memes
 		if (memesUsed > 0) {
 			fillNextMemesQueue();
 		}
-		// Calculate total animation time: max individual delay + animation duration + small buffer
-		var totalAnimationTime = maxDelay + 300 + 100;
+		// Calculate maximum delay across all columns to ensure we wait for all animations
+		var maxColumnDelay = 0;
+		for (var col in columnDelays) {
+			if (columnDelays[col] > maxColumnDelay) {
+				maxColumnDelay = columnDelays[col];
+			}
+		}
+		// Add animation duration to the max column delay
+		var totalWaitTime = maxColumnDelay + 400; // 300ms animation + 100ms buffer
 		LK.setTimeout(function () {
 			// Now that all falling animations are complete, check for matches
 			var newMatches = getMatches();
 			if (newMatches.length > 0) {
@@ -358,9 +362,9 @@
 			} else {
 				// No more matches, animations are complete, allow user interaction again
 				isAnimating = false;
 			}
-		}, totalAnimationTime); // Use calculated time based on individual delays
+		}, totalWaitTime); // Use calculated wait time based on column delays
 	} else {
 		// No new memes were added, animations are complete, allow user interaction again
 		isAnimating = false;
 	}