document.write("<style type=\"text/css\" media=\"screen\">@import \"http://www.apgdisplays.com/_assets/client/css/default/jsGallery.css\";</style>")

var portfolioItems

function insertAfter(newElement, targetElement)
{
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement)
	{
		parent.appendChild(newElement);
	} else {
		parent.insertBefore(newElement,targetElement.nextSibling);
	}
}


function addLoadEvent(func) 
		{
			var oldonload = window.onload;
			if (typeof window.onload != 'function')
			{
				window.onload = func;
			} else {
				window.onload = function () 
			{
				oldonload();
				func();
			}
		}
	}
	
	addLoadEvent(buildThumbnails);


function getThumbURL( param )
{
	var baseURL = param.substring(0, param.lastIndexOf("/"))
	var imgName = param.substring(baseURL.length)
	return baseURL + "/thumbs" + imgName

}


function buildThumbnails()
{
	
	var index = 0;
	var gallery = document.getElementById("gallery")
	var ULs = gallery.getElementsByTagName("UL")
	newUL = document.createElement("UL")
	newUL.id = "gallery-viewer"
	for (c = 0; c<ULs.length; c++) 
	{
		var test = ULs[c].getElementsByTagName("LI")
		
		for (a = 0; a<test.length; a++) 
		{

			oldLI = test[a]
			newLi = oldLI.cloneNode ("true")
			oldIMG = oldLI.getElementsByTagName("IMG")[0]
			oldIMG.imageIndex = index++
			oldIMG.src = getThumbURL(oldIMG.src)
			oldIMG.title = oldIMG.getAttribute("alt")
			newUL.appendChild(newLi)
			oldIMG.onclick = clickHandler
			
		}
	
	}

	var insertpoint = document.getElementById("placeholder")
	insertpoint.parentNode.insertBefore(newUL, insertpoint)
	var tag = document.createElement("p");
	tag.id = "desc" 
	insertAfter(tag, insertpoint)
	display(0)

}



	function clickHandler ()
	{
	
		display (this.imageIndex)
	
	}

	

	function display( index )
	{
	
		var gallery = document.getElementById("gallery-viewer")
		var a = gallery.getElementsByTagName("LI")
		for (i = 0; i < a.length; i++)
		{
			a[i].style.display = (i==index) ? "block" : "none"
		}
		
		var desc = document.getElementById("desc")
		desc.innerHTML = a[index].getElementsByTagName ("IMG")[0].getAttribute("alt")

		//return false
	}