// VG Popup windows!
//NOTE this script only works if the link to the image is the first link in the div.

// Script in the sample div!!!!!!!!
var bigSample = document.createElement('div');
bigSample.id = 'bigsample';
document.getElementById('bodydiv').appendChild(bigSample);
var sampClose1 = document.createElement('a');
sampClose1.appendChild(document.createTextNode('Close sample'));
bigSample.appendChild(sampClose1);
sampClose1.style.position = 'absolute';
sampClose1.style.zIndex = '1001';
sampClose1.style.cursor = 'pointer';
sampClose1.onclick = closeSample;
var sampClose2 = sampClose1.cloneNode(true);
var sampImg = bigSample.appendChild(document.createElement('img'));
sampImg.style.display = 'block';
sampImg.style.margin  = 'auto';
sampImg.style.marginTop = '2.4ex';
bigSample.appendChild(sampClose2);
sampClose2.onclick = closeSample;

var allDivs = document.getElementsByTagName('div');
for (i in allDivs) {
	if (allDivs[i].className != 'littlebox') {}
	else {
		var myLink = allDivs[i].getElementsByTagName('a')[0];
		myLink.myUri = myLink.getAttribute('href');
		myLink.removeAttribute('href');
		myLink.style.cursor = 'pointer';
		myLink.style.textDecoration = 'underline';
		myLink.onclick = popSample;
		myLink.myBigImg = new Image();
		myLink.myBigImg.src = myLink.myUri;
	}
}

function popSample(evt) {
	evt = evt || window.event;
	myTarget = evt.target || evt.srcElement;
	sampImg.removeAttribute('src');
	//sampImg.setAttribute('src',myTarget.myUri);
	sampImg.src = myTarget.myBigImg.src;
	bigSample.style.display = 'block';
}

function closeSample() { bigSample.style.display = 'none'; }