//document.body.onmousedown = ContextMouseClick;
var ie=false,ff=false;
var game;
var row,col,xstart,ystart,h,w,gameNum;
var off1=0,off2=0,borderOffset=0;
var pathImg;
var src1,src2,src3;
var baseimg;
function init(ri,ci,xi,yi,borderOffseti,gamei,baseimgi,gameNumi){
	row=ri;
	col=ci;
	xstart=xi;
	ystart=yi;
	game=gamei;
	gameNum=gameNumi;
	baseimg=baseimgi;
	borderOffset=borderOffseti;
	pathImg='/giochi/'+gamei+'/';
	if(gamei=='kafka'){
		src1='white';
		src2='black';
		src3='open';
		h=9;
		w=34;
		off1=36;
		off2=11;
		
		}
	else if (gamei=='cruci'){
		src1='white';
		src2='black';
		src3='pallino';
		h=13;
		w=13;
	}
	
	//getBrowser();
	createPage(baseimg);
	
}

function changeValue(cell,x,y,gameNumi){
var cella,image
var griglia=document.getElementById('grid'+gameNumi);
cella=document.getElementById('bg'+gameNumi+cell);
	//alert('cell: '+cell)
if (cella==null){
	cella = document.createElement('DIV');
	}
	image=document.getElementById('img'+gameNumi+cell);
	//alert('img.src: '+image.src)


cella.id='bg'+gameNumi+cell;
cella.style.position='absolute';
cella.style.top=y+'px';
cella.style.left=x+'px';
cella.style.zIndex='2';
cella.style.border='0';



if(image.src.indexOf(src1)!=-1){
//alert(image.src);
//alert('1-2:'+src1+'-'+src2);
	image.src=image.src.replace(src1,src2);	
//alert(image.src);	
}
else if(image.src.indexOf(src2)!=-1)
	{
		image.src=image.src.replace(src2,src3);	

	}
	else 
	{		
	image.src=image.src.replace(src3,src1);	

		
	}

cella.appendChild(image);
griglia.appendChild(cella);


	//alert('cella selezionata: '+cell)
	
	
	
}


function createPage(nomeImmagine){
//document.write('<div>Browser: '+navigator.userAgent+'</div>');

var appoOff1, appoOff2;
document.writeln('<div id="grid'+gameNum+'" style="border:0;z-index:1;position:relative;left:'+borderOffset+'px;">');

document.writeln('<img id="baseImg'+gameNum+'" border="0" src="'+nomeImmagine+'">');
document.writeln('<img id="baseImgSol'+gameNum+'" border="0" src="'+nomeImmagine.replace('.gif','-sol.gif')+'" style="display:none;">');
var appoCol=col;

	
	for (var y=0;y<row;y++){
		for (var x=0;x<col;x++){
		//alert(xstart+(x*w)+(off1*x));
			document.writeln('<div  id="bg'+gameNum+'x'+(x+1)+'y'+(y+1)+'" style="position:absolute;left:'+(xstart+(x*w)+(off2*x))+'px;top:'+(ystart+(y*h)+(off1*y))+'px;border:0;z-index:2;"><img id="img'+gameNum+'x'+(x+1)+'y'+(y+1)+'" src="'+pathImg+'white.gif" onclick="changeValue(\'x'+(x+1)+'y'+(y+1)+'\','+(xstart+(x*w)+(off2*x))+','+(ystart+(y*h)+(off1*y))+',\''+gameNum+'\');"  /></div>')
		}
	}
	if(game=='kafka'){//creo altri div per img orizzontali
		for (var y=0;y<col;y++){
		//appoOff1=y*off1;
		for (var x=0;x<row;x++){
		//alert(xstart+(x*w)+(off1*x));
		document.writeln('<div  id="bg'+gameNum+'z'+(x+1)+'w'+(y+1)+'" style="position:absolute;left:'+(ystart+(x*w)+(off2*x))+'px;top:'+(xstart+(y*h)+(off1*y))+'px;border:0;z-index:2;"><img id="img'+gameNum+'z'+(x+1)+'w'+(y+1)+'" src="'+pathImg+'whiteO.gif" onclick="changeValue(\'z'+(x+1)+'w'+(y+1)+'\','+(ystart+(x*w)+(off2*x))+','+(xstart+(y*h)+(off1*y))+',\''+gameNum+'\');"  /></div>')
			//changeValue('x'+(x+1)+'y'+(y+1),xstart+(x*row),ystart+(y*col),1);
		}

	}
	}
	

document.writeln('</div>');
document.writeln('<div><form><input id="sol'+gameNum+'" type="button" value="Mostra Soluzione" name="solution"  onclick="showSolution(\''+gameNum+'\');" /><input value="Ripulisci" name="reset" type="button" onclick="resetGame(\'kafka\',\''+gameNum+'\','+row+','+col+');" /></form></div>');	

}


function showSolution(gameNumi){
	
	var buttonSol=document.getElementById('sol'+gameNumi);
	var img=document.getElementById('baseImgSol'+gameNumi);
	if(img.style.display.indexOf('none')!=-1){
		img.style.display='inline';
		buttonSol.value='Nascondi Soluzione';
		}
	else{
		img.style.display='none';
		buttonSol.value='Mostra Soluzione';
		}
	
}

function resetGame(gamei,gameNumi,rowi,coli){
	//alert("clear");
	var cel,cellaR;
if(confirm("Questa operazione cancellerà le caselle che hai riempito. Vuoi continuare?")){
	
	for (var y=0;y<rowi;y++){
		for (var x=0;x<coli;x++){
		cel='x'+(x+1)+'y'+(y+1)
		var img=document.getElementById('img'+gameNumi+cel);	
		
		img.src=img.src.replace(src2,src1);	
		img.src=img.src.replace(src3,src1);	
		}
	}
	
	if(gamei=='kafka'){//creo altri div per img orizzontali
		for (var y=0;y<col;y++){
		
		for (var x=0;x<row;x++){
		cel='z'+(x+1)+'w'+(y+1)
		var img=document.getElementById('img'+gameNumi+cel);	
		
		img.src=img.src.replace(src2,src1);	
		img.src=img.src.replace(src3,src1);	
		}
	}
	}
}
}