function e(d){ return document.getElementById(d); }

function cambiaColor(v1,v2){
	if(v1 != v2){
		e(v1).style.backgroundColor = "#FFFFFF" ;
	}
	else{
		e(v1).style.backgroundColor = "#FFFF00";
	}
}

function cambiarNumero(idn){
	
	var id=eval(idn);


	var izq = id-1;
	var der = id+1;
	var arriba = id-4;
	var abajo = id+4;
	
	var a_la_izquierda = ((izq != 0) && (izq != 4) && (izq != 8) && (izq != 12) && (e(izq).value == ""))? true : false;
	var a_la_derecha = ((der != 5) && (der != 9) && (der != 13) && (der != 17) && (e(der).value == "")) ? true : false;
	var para_abajo = ((abajo <= 16) && (e(abajo).value == "")) ? true : false;
	var para_arriba = ((arriba >= 1) && (e(arriba).value == ""))? true : false;
	
	//verificamos cual esta vacio..
	//primero al lado izq
	if(a_la_izquierda){
		
		e(izq).value = e(id).value;
		e(id).value = "";
		
		cambiaColor(id,e(id).value);
		cambiaColor(izq,e(izq).value);
		
	}
	//lado derecho
	else if(a_la_derecha){
		
		e(der).value = e(id).value;
		e(id).value = "";
		
		cambiaColor(id,e(id).value);
		cambiaColor(der,e(der).value);
		
	}
	//abajo
	else if(para_abajo){
		
		e(abajo).value = e(id).value;
		e(id).value = "";
		
		cambiaColor(id,e(id).value);
		cambiaColor(abajo,e(abajo).value);
		
		
	}
	//arriba
	else if(para_arriba){
		
		e(arriba).value = e(id).value;
		e(id).value = "";
		
		cambiaColor(id,e(id).value);
		cambiaColor(arriba,e(arriba).value);
		
	}
	else{
		cambiaColor(id,e(id).value);
	}


	if( (e('1').value == '1') && (e('2').value == '2') && (e('3').value == '3') && (e('4').value == '4') && (e('5').value == '5') && (e('6').value == '6') && (e('7').value == '7') && (e('8').value == '8') && (e('9').value == '9') && (e('10').value == '10') && (e('11').value == '11') && (e('12').value == '12') && (e('13').value == '13') && (e('14').value == '14') && (e('15').value == '15') && (e('16').value == '') ){
		alert("Felicidades..!!!!!!! Has ganado..!! =)");
		
		e('juego').innerHTML = "Gracias por participar y ganar..!! =).";
	}

}