document.write("<style type=\"text/css\" media=\"screen\">@import \"http://www.rg-fencing.co.uk/_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

	}