JS1k: The JavaScript code golfing competition

_='dQ;a		1122".splitG,c=a-1;0<c;c--){e=@randomQ*(c+1)),f=Uc`Uc]=Ue`Ue]=f}h=[36,16,4`k=tt_;t.idT";bt); lQ{T;t++}ii<h;i?jj<h[i`j?{mbutton;0Zj%&&(r_,r+r ",br));m+=Uk]V st posiKabsolutewidth30height36px";X=29+30A0$Y=29+36A6$mtop=36*j/)+YVRft=j%*30+XVbackground#FC0";mUk`rm);k++}(Q{gt;ii<g;i?((n){g[n].onclick=Q{~firstZ||lastZ)~PId",-1<G "+V .indexOfG s^ ||(+s^ ,^,2Z)~Z[1]){z2>z;z?Imove();0Zg&&writeG<h1>"+V - You aI a Dragon!</h1>}^se y2>y;y?P#000",=.IplaceG s^","}})(i)})Q;
@sqrt(h[lassNameclicked=cIateERJG.styR.Rv^CorIcK@floor(=getERJsByCGs	112233445566778899EEWWNNSS.Rngth.append(.paIntNode.funcKthis;setTimeout(l,1E3)docuJ.for([0].ct/60)V:"+t%60Divvar ";m
i])Child")=0;.innerHTML=="$*/2+-2*i;?++)@Math.A*
0])/2-3G("IreJmentKtionPcolorQ()RleUa[V+"Z==^el_div`];~if(px';for(Y in $='~`_^ZVURQPKJIGA@?$	
')with(_.split($[Y]))_=join(pop());eval(_)

Xz0nZFE7ExhhHwkJMTEyMiIuc3BsaXRHHCxjPWELLTE7MDxjO2MtLSl7GGU9B0ByYW5kb21RKihjKzEpKSxmPVVjYFVjXT1VZWBVZV09Zn0YaD1bMzYsMTYsNGBrPXQddF87dBcuaWQfVCI7Ygx0FykROw8gbFF7VB4WO3QrKxF9E2kdaTxoCztpPxNqHWo8aFtpYGo/exhtBGJ1dHRvbhw7MFpqJRomJihyXyxyFxUrH3IgIixiDHIXKSk7bRUrPVVrXVYgc3QgGXBvc2lLH2Fic29sdXRlGXdpZHRoHzMwf2hlaWdodB8zNnB4IjsGWD0yOSszMEEwJAZZPTI5KzM2QTYkbQV0b3A9MzYqB2ovGikrBllWf1JmdD1qJRoqMzArBlhWf2JhY2tncm91bmQfI0ZDMCI7bR5Va2ByFwxtKTtrKyt9KA9RexhnCHQcOxNpHWk8Zws7aT8oDyhuKXtnW25dLm9uY2xpY2s9D1F7fhAOZmlyc3QbWhB8fBAObGFzdBtaECl+EFBJZCIsLTE8RyAiKxAVViAcLmluZGV4T2ZHIHNeIBx8fCgQFSsfc14gHCwDCF4cLDJaAwspfhQVWgNbMV0VKXsTeh0yPno7ej8UDkltb3ZlGygUKTswWmcLJiYSd3JpdGVHPGgxPiIrFlYgLSBZb3UgYUkgYSBEcmFnb24hPC9oMT4cfV5zZSATeR0yPnk7eT8UUCMwMDAiLBQVPRQVLklwbGFjZUcgc14iLCIcfX0pKGkpfSlROwFAc3FydChoWwJsYXNzTmFtZQNjbGlja2VkBD0SY0lhdGVFUkpHBS5zdHlSLgZSdl5Db3JJY0sHQGZsb29yKAg9EmdldEVSSnNCeUMCR3MJMTEyMjMzNDQ1NTY2Nzc4ODk5RUVXV05OU1MLLlJuZ3RoDC5hcHBlbmQbKA4ucGFJbnROb2RlLg9mdW5jSxB0aGlzETtzZXRUaW1lb3V0KGwsMUUzKRJkb2N1Si4TZm9yKBQDWzBdFS5jAhYHdC82MClWOiIrdCU2MBdEaXYYdmFyIBkiO20FGgFpXSkbQ2hpbGQcIikdPTA7Hi5pbm5lckhUTUw9Hz0iJCoaLzIrLTIqaTs/KyspQE1hdGguQSoBMF0pLzItM0coIklyZUptZW50S3Rpb25QBWNvbG9yH1EoKVJsZVVhW1YrIlo9PV5lbF8XBGRpdhxgXTt+aWYof3B4GSc7Zm9yKFkgaW4gJD0nf35gX15aVlVSUVBLSklHQUA/JB8eHRwbGhkYFxYVFBMSERAPDgwLCQgHBgUEAwIBJyl3aXRoKF8uc3BsaXQoJFtZXSkpXz1qb2luKHBvcCgpKTtldmFsKF8p

d();
//stone symbols - nothing chinese... :(
var stone = shuffle("112233445566778899EEWWNNSS112233445566778899EEWWNNSS1122".split(''));
var levels = Array(36,16,4);
k=t=0;
var size = 30;

//timer stuff
tDiv = document.createElement('div');
tDiv.id = 'T';
b.appendChild(tDiv);
var tid = setTimeout(mycode, 1000);
function mycode() {
  T.innerHTML = Math.floor(t/60)+':'+t%60;
  t++;
  tid = setTimeout(mycode, 1000);
}

//check, if an element has a className - from StackOverflow :P
function hasClass(element, cls) {
    return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}

//add Class to an element
function addClass(element, cls) {
    element.className +=cls+' ';
}

//Some shuffle algorithm - from StackOverflow :P
function shuffle(array) {
    for (var i = array.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = array[i];
        array[i] = array[j];
        array[j] = temp;
    }
    return array;
}

//function to check actual clicked stone is in the left or right side of the actual row
function clickable(elem) {
	if (elem.parentNode.firstChild == elem || elem.parentNode.lastChild == elem) {
		return true
	} else {
		return false
	}
}

//generate the stones
for(i=0; i < levels.length;i++) {
	for(j=0; j < levels[i];j++) {
		var iDiv = document.createElement('button');
		if (j%Math.sqrt(levels[i]) == 0) {
			rDiv = document.createElement('div');
			addClass(rDiv,'r')
			b.appendChild(rDiv);
		}
		addClass(iDiv, stone[k] + ' st')
		iDiv.style.position = 'absolute';
		iDiv.style.width = size+'px';
		iDiv.style.height = size*1.2+'px';
		levelCorrectionX = 29+(Math.sqrt(levels[0])*size)/2-(Math.sqrt(levels[i])*size)/2 + i*-2
		levelCorrectionY = 29+(Math.sqrt(levels[0])*(size*1.2))/2-(Math.sqrt(levels[i])*(size*1.2))/2 + i*-2
		iDiv.style.top = Math.floor(j/Math.sqrt(levels[i]))*(size*1.2)+levelCorrectionY+'px';
		iDiv.style.left = ((j%Math.sqrt(levels[i]))*size)+levelCorrectionX+'px';
		iDiv.style.background = '#FC0'
		iDiv.innerHTML = stone[k];
		rDiv.appendChild(iDiv);
		k++;
	}
}
//click event to a stone by it's classname
(function() {
    var elms = document.getElementsByClassName("st");
    for( i=0; i<elms.length; i++) {
        (function(i) {
            elms[i].onclick = function() {
				//if actual block is clickable
				if (clickable(this)) {
					//clicked div get another style
					this.style.color = "red"
					//clicked div get a specific classname
					if (!hasClass(this, 'sel')) {addClass(this, 'sel')}
					//if 2 selected stone, we have some task :)
					clicked = document.getElementsByClassName('sel')
					if (clicked.length == 2) {
						//if 2 stone have same classnames, remove them from the game table
						if (clicked[0].className == clicked[1].className) {
							for (z=0; z<2;z++) {
								clicked[0].parentNode.removeChild(clicked[0]);
							}
							if (elms.length == 0) {document.write("<h1>You are a Dragon!</h1>")}
						} else {
							//else set style to normal for 2 selected stone, and remove the 'sel' className
							for (y=0; y<2;y++) {
								clicked[0].style.color = "#000";
								clicked[0].className = clicked[0].className.replace(' sel','');
							}
						}
					}
				}
            };
        })(i);
    }
})();