﻿function gallery() {
	var gs = $$(document, 'gallery');
	
	for (var i = 0; i < gs.length; i++) {
		var a = $t('a', gs[i]);
		
		var div = document.createElement('div');
		k3r.addClass('lightbox', div)
		document.body.appendChild(div);
		var img = document.createElement('img');
		div.appendChild(img);
		var p = document.createElement('p');
		k3r.setInner(p, 'test');
		div.appendChild(p);
		var ul = document.createElement('ul');
		div.appendChild(ul);
		var span = document.createElement('span');
		span.appendChild(document.createTextNode('x'));
		span.onclick = function() {
			k3r.animt.fade(div, 100, 0, 10);
			return false;
		};
		div.appendChild(span);
		
		for (var x = 0; x < a.length; x++) {
			var id = 'k3r_gall_' + i + x;
			
			a[x].setAttribute('li', id);
			a[x].onclick = function() {
				var href = this.getAttribute('href');
				if (!href) {
					return true;
				}
				
				var size = new Array(2);
				if (href.indexOf('##') != -1) {
					if (href.split('##')[1].indexOf('~')) {
						size = href.split('##')[1].split('~');
					}
					href = href.split('##')[0];
					
					for (var i = 0; i < size.length; i++) {
						size[i] = k3r.number(size[i]);
					}
				}
				else {
					
					size[0] = 300;
					size[1] = 300;
				}
				
				//k3r.addClass('hide', img);
				img.setAttribute('src', 'images/blank.gif');
				
				img.style.width = size[0] + 'px';
				img.style.height = size[1] + 'px';
				
				div.style.top = k3r.number(k3r.dsply.xCenter(div.offsetHeight)) + 'px';
				div.style.left = k3r.number(k3r.dsply.yCenter(div.offsetWidth)) + 'px';
				
				var ld = new Image();
				ld.onload = function() {
					img.setAttribute('src', href);
					//k3r.removeClass('hide', img);
					//alert(k3r.number(k3r.dsply.xCenter(div.offsetHeight)) + 'px');
				};
				ld.src = href;
				
//				var top = div.style.top ? k3r.number(div.style.top) : 0;
//				if (!div.style.left) div.style.left = k3r.number(k3r.dsply.yCenter(div.offsetWidth)) + 'px';
//				k3r.animt.move(div, 'top', top, k3r.number(k3r.dsply.xCenter(div.offsetHeight)), 20, 2);
//				k3r.animt.move(div, 'left', k3r.number(div.style.left), k3r.number(k3r.dsply.yCenter(div.offsetWidth)), 20, 2);
				
				k3r.setInner(p, this.getAttribute('title'));
				
				var oldLi = div.getAttribute('li');
				if (oldLi != null) {
					k3r.removeClass('focus', $(oldLi));
				}
				
				var li;
				if (this.nodeName == 'A') {
					li = $(this.getAttribute('li'));
					k3r.animt.fade(div, 0, 100, 10);
				}
				else {
					li = this;
				}
				
				k3r.addClass('focus', li);
				div.setAttribute('li', li.getAttribute('id'));
				return false;
			};
			
			var li = document.createElement('li');
			li.setAttribute('id', id);
			li.setAttribute('href', a[x].getAttribute('href'));
			li.setAttribute('title', a[x].getAttribute('title'));
			
			if (a[x].getAttribute('class') && a[x].getAttribute('class').split(' ').length == 2) {
				li.setAttribute('img_width', a[x].getAttribute('class').split(' ')[0]);
				li.setAttribute('img_height', a[x].getAttribute('class').split(' ')[1]);
			}
			li.onclick = a[x].onclick;
			li.appendChild(document.createTextNode(x + 1));
			ul.appendChild(li);
		}
	}
}

ondomready.push(gallery);
