var projectLB = false;
var _cachedProjects = Array();
function showMore(id, thumb) {
	if(projectLB && projectLB.offsetWidth)	return;
	var width = 865;
	var dv = document.createElement('div');
	dv.className = 'projectDetails';

	var xml = _cachedProjects[id] ? _cachedProjects[id] : load('/dyn/data/projects.xml.php?i='+id);
	_cachedProjects[id] = xml;

	var grpImgHolder = addChild(dv, 'div', 'left grpImgHolder');
	var media = '';
	var numItems = 0;

	var client = parseXML(xml, 'client');
	var proj = parseXML(xml, 'title');

	// setup media holder
	var grpNavHolder = addChild(grpImgHolder, 'span', 'grpNavHolder');
	grpNavHolder.style.position='absolute';
	grpNavHolder.style.display='block';
	var imgHolder = addChild(grpImgHolder, 'div', 'imgHolder');
	imgHolder.items = new Array();
	while(media = parseXML(xml, 'img')) {
		var nav = addChild(grpNavHolder, 'li', '', client+(proj?' - '+proj:'')+' - '+(numItems+1));
		nav.onclick = function() { 
			clearInterval(imgHolder.intvl); imgHolder.intvl=false; imgHolder.getNext(this.indx); 
			_gaq.push(['_trackEvent', 'portfolio', 'switch gallery image', this.id]);
			//alert(_gaq.push(['_trackEvent', 'portfolio', 'switch gallery image', this.id]));
		};
		nav.indx = imgHolder.items.length;
		var obj = { src:parseXML(media, 'src'), navObj:nav, indx:imgHolder.items.length };
		imgHolder.items[imgHolder.items.length] = obj;
		xml = eatXML(xml, 'img');

		numItems++;
	}

	// setup rotation
	if(imgHolder.items.length) {
		imgHolder.at = 0;
		imgHolder.getNext = function(to) { 
			//alert(to);
			if(to!=undefined)	imgHolder.at = to;
			if(!imgHolder.items[imgHolder.at])	imgHolder.at=0;

			var img = addChild(imgHolder, 'img', 'transparent');
			img.src = getImgVers(imgHolder.items[imgHolder.at].src, 'lb');

			img.onload = function() {
				for(var i in grpNavHolder.childNodes)	grpNavHolder.childNodes[i].className = '';
				imgHolder.items[imgHolder.at].navObj.className = 'active';

				new Tween(img, 'alpha', '', 0, 1, 1, true);				// fade in new image
				if(imgHolder.childNodes.length==2) {
					var tw = new Tween(imgHolder.firstChild, 'alpha', '', 1, 0, 1, true);	// fade out old image
					tw.onstop = function() { remove(imgHolder.firstChild); };		// remove old image
				}
				imgHolder.at++;
			}
			if(imgHolder.intvl)	clearInterval(imgHolder.intvl);
			imgHolder.intvl = setInterval(imgHolder.getNext, 6000);
		}
		// initiate
		imgHolder.getNext(-1);
	}

	var rightDv = addChild(dv, 'div', 'right');
	var infoDv = addChild(rightDv, 'div', 'info');
	var subtitle = addChild(infoDv, 'h1', '', '', client);
	var title = addChild(infoDv, 'h2', '', '', proj);
	var description = addChild(infoDv, 'div', 'description', '', parseXML(xml, 'description'));
	if(parseXML(xml, 'perm_link')) {
		var link = addChild(infoDv, 'a', 'link', '', parseXML(xml, 'display_link'));
		link.href = parseXML(xml, 'perm_link');
		link.target = '_BLANK';
		_gaq.push(['_trackEvent', 'portfolio', 'visit perm site', client+(proj?' - '+proj:'')]);
	}
	var share = addChild(rightDv, 'div', 'share');
	var loc = window.location+'';
	var link = loc.substring(0, loc.indexOf('/', 8))+'/?c='+_i+'&p='+id+'&'+string_generator(5, true, true);
	share.innerHTML = '<span class="facebook" onclick="share(this.className,\''+link+'\');"></span>'
			+'<span class="twitter" onclick="share(this.className,\''+link+'\');"></span>'
			+'<span class="myspace" onclick="share(this.className,\''+link+'\');"></span>'
			+'<span class="delicious" onclick="share(this.className,\''+link+'\');"></span>'
			+'<span class="stumbleupon" onclick="share(this.className,\''+link+'\');"></span><div style="clear:both;"></div>';

	addClearDv(dv);
	projectLB = lightbox(dv, width, 'obj');
	projectLB.getNext = function() {	imgHolder.getNext();			}
	projectLB.getPrevious = function() {	imgHolder.getNext(imgHolder.at-2);	}
	projectLB.close = function() { 
		var t = new Tween(this, 'alpha', false, 1, 0, .5, true);
		t.onstop = function() { remove(this.obj);	};
	}
	_gaq.push(['_trackEvent', 'portfolio', 'view', client+(proj?' - '+proj:'')]);
}