// JavaScript Document
function dyngallery(srcID)
{
	//Vars
	var a=document.getElementById('popSrc');
	var b=document.getElementById('popAlt');
	var c=document.getElementById('popColor');
	var d=document.getElementById('page_content');	
	var e=document.getElementById('mainBody');
	//Gets the entire height including scroll bars 
	//then adds some extra to get rid of white space
	var f=(e.offsetHeight+10);	
	
	//Create outlaying div creation
	var nc=document.createElement('div');
	d.parentNode.insertBefore(nc,d);
	nc.id='lightBoxDiv';	
	//Create opaque div with no width
	var ndSmall=document.createElement('div');					
	ndSmall.id='lightBoxDivInside_'+c.value;					
	nc.parentNode.appendChild(ndSmall);
	ndSmall.onclick=function(){
		//removes large pic and divs and close button
		nc.parentNode.removeChild(Largenewpic);	
		nc.parentNode.removeChild(ndSmall);
		nc.parentNode.removeChild(CloseButton);
	}	
	
	//Create Close button
	var CloseButton=document.createElement('input');	
	CloseButton.type='image';
	CloseButton.src='/assets/images/desc/close.gif';
	CloseButton.value='';
	CloseButton.id='Closebutton';	
	nc.parentNode.appendChild(CloseButton);	
	CloseButton.onclick=function(){
		//removes large pic and divs and close button
		nc.parentNode.removeChild(Largenewpic);	
		nc.parentNode.removeChild(ndSmall);
		nc.parentNode.removeChild(CloseButton);
	}
	
	//Create Large Image
	var Largenewpic=document.createElement('img');
	Largenewpic.src=a.value;
	Largenewpic.alt=b.alt;
	Largenewpic.title='Click to return to images';
	Largenewpic.id='lightBoxDivImg';	
	nc.parentNode.appendChild(Largenewpic);		
	Largenewpic.onclick=function(){
		//removes large pic and divs and close button
		nc.parentNode.removeChild(Largenewpic);	
		nc.parentNode.removeChild(ndSmall);
		nc.parentNode.removeChild(CloseButton);
	}	
	//Sets background to the height of users scroll bar
	ndSmall.style.height=f+'px';	
}