///////////////////////////////
//
// Original game by dejapong.com
// 
// Customizations by Infinius
//
//////////////////////////////

Raphael.fn.matchDrop = function(id,width,height,onScore,onLevelUp){
	var score = 0; 
	var largestGroup = 0;
	var moves =0;
	var colors = [0, 0.15, 0.3, 0.45, 0.6, 0.75];
	var hcolors = [0.1, 0.25, 0.4, 0.55, 0.7, 0.85];
	var numColors = 3; 
	var columns;
	var paper = Raphael(id,width,height);
	var groupSizes = {};
	var groupsRemaining = true; 
	var blocksRemaining = 0; 
	var background = "#252522";
	var nextButton; 
	var text; 
	var textAttr = {
		"font-size":17,
		"fill":"#aaa",
		"stroke-width":0,
		"font-family":"Verdana, Tahoma, Helvetica, Sans-serif"
	}
			
	var xCount = 15,
		yCount = 15,
		padding =30,
		blockWidth; 
	var currentLevel =0;
	var levels = [
		{size:15,colors:3},
		{size:15,colors:4},
		{size:15,colors:4},
		{size:20,colors:3},
		{size:20,colors:4},
		{size:20,colors:4},
		{size:20,colors:5},
		{size:20,colors:6},
		{size:25,colors:3},
		{size:25,colors:4},
		{size:25,colors:4},
		{size:25,colors:5},
		{size:25,colors:6},
		{size:25,colors:1}
	];
	
	//go to next level
	function nextLevel(){
		currentLevel = currentLevel + 1;
		if (currentLevel == levels.length){
			if (text) text.attr("text","Pobjeda!\nIgra je gotova, nema više!")
			else text = paper.text(width/2,padding,"Pobjeda!\nHvala na igranju!");
			text.attr(textAttr);
		}else{
			var level = levels[currentLevel];
			numColors = level.colors; 
			xCount = level.size;
			yCount = level.size;
			onLevelUp(currentLevel+1);
			
			setTimeout(function(){
				if (text) text.attr("text","");
				text = paper.text(width/2,padding,"Nivo očišćen");
				text.attr(textAttr);
				setTimeout(function(){
					var text = paper.text(width/2,padding + 50,"X: " + score);
					text.attr(textAttr);			
					setTimeout(function(){
						var text;
						if (blocksRemaining > 0){
							text = paper.text(width/2,padding + 100,"Ostalo još: " + (blocksRemaining*-100) + " x" );
							score += blocksRemaining*-100;
						}else{
							text = paper.text(width/2,padding + 100,"Sve prazno, čestitke: 1000 x");
							score += 1000;
						}
						text.attr(textAttr);
						setTimeout(function(){
							var remainText = paper.text(width/2,padding + 150,"Maloklik: " + (1000 - moves*10) + " x");
							score += (1000 - moves*10)
							remainText.attr(textAttr);
							setTimeout(function(){
								var text = paper.text(width/2,padding + 200,"Ukupno: " + score);
								onScore(score,moves,largestGroup);
								var buttonText;
								nextButton = paper.rect(width/2-100,height/2+30,200,35,7);
								nextButton.attr({"fill":"#252","stroke-width":0,cursor:"hand"});
								if (score < 0){
									currentLevel = 0;		
									score = 0;
									var level = levels[currentLevel];
									numColors = level.colors; 
									xCount = level.size;
									yCount = level.size;
									onLevelUp(currentLevel+1);								
									nextButton.attr({"fill":"#522"});
									buttonText = paper.text(width/2,height/2+47,"Pokušaj ponovo...");
									nextButton.click(setup);
									buttonText.click(setup);
								}else{
									buttonText = paper.text(width/2,height/2+47,"Možemo dalje");
									nextButton.click(setup);
									buttonText.click(setup);
								}
								buttonText.attr(textAttr);	
								text.attr(textAttr);							
							},700);
						},700);
					},700);
				},700);
				
			},1000);
		}//end next turn stuff
	} 
	
	//find groups of colors
	function findGroups(){
		blocksRemaining = 0; 
		groupsRemaining = false; 
		for (var i = 0,il=columns.length; i < il ; i ++){
			for (var j = 0,jl=columns[i].length; j < jl ; j ++){
				blocksRemaining++;
				columns[i][j].findGroups(i*yCount + j);
			}
		}
		if (!groupsRemaining){
			nextLevel();
		}
	}	
	
	//create blocks
	function setup(){
		paper.clear();
		columns = []; 
		largestGroup = 0; 
		moves = 0; 
		blockWidth = width/xCount - 2*padding/xCount; 
		//create the text
		text = paper.text(width/2,padding,"");
		text.attr(textAttr);
				
		for (var i = 0,il=xCount; i < il ; i ++){
			columns[i] = []; 
			for (var j = 0,jl=yCount; j < jl ; j ++){
				var color = Math.floor(Math.random()*numColors); 
				var block = paper.circle(i*blockWidth+padding,height-j*blockWidth-padding,(blockWidth-2)/2).attr({fill: "r(.25,.25)hsb(" + colors[color] + ", 1, 0.9)-hsb(" + colors[color] + ", .7, .6)", stroke: "none", "fill-opacity": 0.5});
				block.type = color; 
				block.column = i; 
				block.row = j;
				block.id = i*yCount+j;
				block.downQ = 0;
				block.leftQ = 0;
				block.marked= false; 
				
				block.findGroups = function (groupNumber){ 
					if (this.marked) return;
					var i = this.column; 
					var j = this.row; 
					this.marked=true;
					this.group = groupNumber;
					if (!groupSizes[groupNumber]) groupSizes[groupNumber] = 0; 
					groupSizes[groupNumber]++;
					if (groupSizes[groupNumber] > 1) groupsRemaining = true; 
					var neighbor = [];
					if (j < columns[i].length) neighbor.push(columns[i][j+1]);
					if (j > 0) neighbor.push(columns[i][j-1]);
					if (i > 0) neighbor.push(columns[i-1][j]);
					if (i < columns.length-1) neighbor.push(columns[i+1][j]);
					for (var k =0; k < neighbor.length; k++){
						if (neighbor[k])
						if (neighbor[k].type == this.type)
							neighbor[k].findGroups(groupNumber);
					}
				}
				
				block.click(function(){
					var size = groupSizes[this.group]; 
					if (size < 2){ 
						return;
					}
					text.attr({"text":"","font-size":1});
					if (size > 7)
						if (size < 15)  text.attr({"text":"Dobar! x2"});
						else if (size < 20)  text.attr({"text":"Hopla! x4"});
						else if (size < 25)  text.attr({"text":"Nevjerojatno! x8"});
						else if (size < 30) text.attr({"text":"Samo tako! x16"});
						else text.attr({"text":"Tilt!!! x32"});
					text.animate({"font-size":17,"fill":"#aaa","y":padding},300,"<");  
					
					
					var thisScore = size;
					if (size >13 && size < 15) thisScore *=2;
					if (size >15 && size< 20) thisScore *=4;
					if (size >20 && size< 25) thisScore *=8;
					if (size >25 && size< 30) thisScore *=16;				
					if (size > 30) thisScore *=32;
					score += thisScore;
					moves ++; 
					largestGroup = Math.max(largestGroup,size)
					onScore(score,moves,largestGroup); 
					
					var group = [];
					//find the group members and mark all upper blocks to come down
					for (var k = 0,kl=columns.length; k < kl ; k ++){
						var inColumn = 0; 
						var column = columns[k]; 
						for (var l = 0,ll=column.length; l < ll ; l ++){
							if (column[l].group == this.group){
								group.push(column[l]);
								for (var m = l+1; m < columns[k].length; m++){
									column[m].downQ += blockWidth; 
									column[m].row -= 1;
								}
								inColumn++;
							}
						}
						//if column is gone, move everyone over
						if (inColumn == column.length){
							for (i = k+1,il=columns.length;i<il;i++){
								for (j = 0,jl=columns[i].length;j<jl;j++){
									var block = columns[i][j];
									block.column -= 1;
									block.leftQ = -1*blockWidth; 
								}
							}
						}
						
					}
	
					//move all blocks down
					for (var k = 0,kl=columns.length; k < kl ; k ++){
						var column = columns[k]; 
						for (var l = 0,ll=column.length; l < ll ; l ++){
							var curY = height - l * blockWidth-padding;
							var block = column[l];
							var downQ = block.downQ; 
							block.animate({cy:curY+downQ},500,"bounce");
							block.downQ = 0;
							block.marked = false;
						}
					}
	
						
					//remove blocks and columns
					for (var i =0,il = group.length ; i < il ; i++){
						var block = group[i];
						var columnIndex= block.column;
						var column = columns[columnIndex];
						column.splice(block.row,1);
						block.explode();
						if (column.length == 0){
							columns.splice(columnIndex,1);
						}
					}
					
					//move all columns over if needed  
					for (var k = 0,kl=columns.length; k < kl ; k ++)
						for (var l = 0,ll=columns[k].length; l < ll ; l ++){
							var block = columns[k][l]; 
							var leftQ = block.leftQ;
							if (leftQ < 0){
								var curX = k * blockWidth+padding;
								leftQ += blockWidth;		
								block.animate({cx:curX+leftQ},500,"<");
								block.leftQ = 0;
								block.marked = false;
							}
						}
					
					//find new groups resulting from the moves
					groupSizes = {}; 
					findGroups();
				});
	
				block.mouseout(function(){
					for (var i = 0,il=columns.length; i < il ; i ++){
						for (var j = 0,jl=columns[i].length; j < jl ; j ++){	
							if (columns[i][j].group == this.group)
								columns[i][j].attr({"stroke": "none", "fill-opacity":0.5});
						}
					}
				});			
				
				block.mouseover(function(){
					for (var i = 0,il=columns.length; i < il ; i ++){
						for (var j = 0,jl=columns[i].length; j < jl ; j ++){	
							if (columns[i][j].group == this.group)
								columns[i][j].attr({"stroke": "hsb("+colors[this.type]+",.5,.6)", "stroke-width": 2, "stroke-opacity": 0.1,"fill-opacity":0.3,cursor:"hand"});
						}
					}
				});
				
				block.explode = function(){
					this.remove();
				}
				columns[i][j] = block;
			}
			text.toFront();
		}
		findGroups();
	}//end setup
	
	window.onload = function() {
		document.onselectstart = function() {return false;} // ie
		document.onmousedown = function() {return false;} // mozilla
	}
	setup(); 
}