// JavaScript Document

	var opacitySpeed = 2; // Speed of opacity - switching between large images - Lower = faster
	var opacitySteps = 10; // Also speed of opacity - Higher = faster
	var slideSpeed = 20; // Speed of thumbnail slide - Lower = faster
	var slideSteps = 1; // Also speed of thumbnail slide - Higher = faster
	var columnsOfThumbnails = 6; // Hardcoded number of thumbnail columns, use false if you want the script to figure it out dynamically.

	/* Don't change anything below here */
	var DHTMLgoodies_largeImage = false;
	var DHTMLgoodies_imageToShow = false;
	var DHTMLgoodies_currentOpacity = 100;
	var DHTMLgoodies_slideWidth = false;
	var DHTMLgoodies_thumbTotalWidth = false;
	var DHTMLgoodies_viewableWidth = false;

	var currentUnqiueOpacityId = false;
	var DHTMLgoodies_currentActiveImage = false;
	var DHTMLgoodies_thumbDiv = false;
	var DHTMLgoodies_thumbSlideInProgress = false;

	var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
	var leftArrowObj;
	var rightArrowObj;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;

function initGalleryScript()
{
	leftArrowObj = document.getElementById('DHTMLgoodies_leftArrow');
	leftArrowObj.style.visibility='hidden';
	rightArrowObj = document.getElementById('DHTMLgoodies_rightArrow');
	leftArrowObj.style.cursor = 'pointer';
	rightArrowObj.style.cursor = 'pointer';
	leftArrowObj.onclick = moveThumbnails;
	rightArrowObj.onclick = moveThumbnails;
	DHTMLgoodies_largeImage = document.getElementById('DHTMLgoodies_largeImage').getElementsByTagName('IMG')[0];

	var innerDiv = document.getElementById('DHTMLgoodies_thumbs_inner');

	DHTMLgoodies_slideWidth = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
	DHTMLgoodies_thumbDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
	DHTMLgoodies_thumbDiv.style.left = '0px';

	var subDivs = DHTMLgoodies_thumbDiv.getElementsByTagName('DIV');

	DHTMLgoodies_thumbTotalWidth = 0;

	var tmpLeft = 0;

	for (var no=0;no<subDivs.length;no++)
		if (subDivs[no].className=='strip_of_thumbnails')
{			DHTMLgoodies_thumbTotalWidth = DHTMLgoodies_thumbTotalWidth + DHTMLgoodies_slideWidth;
			subDivs[no].style.left = tmpLeft + 'px';
			subDivs[no].style.top = '0px';
			tmpLeft = tmpLeft + subDivs[no].offsetWidth;
}
	DHTMLgoodies_viewableWidth = document.getElementById('DHTMLgoodies_thumbs').offsetWidth;
	DHTMLgoodies_currentActiveImage = DHTMLgoodies_thumbDiv.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
	DHTMLgoodies_currentActiveImage.className='activeImage';
}

function moveThumbnails()
{
	if (DHTMLgoodies_thumbSlideInProgress)
		return;

	DHTMLgoodies_thumbSlideInProgress = true;

	if (this.id=='DHTMLgoodies_leftArrow')
{		thumbsColIndex--;
		rightArrowObj.style.visibility='visible';

		if (DHTMLgoodies_thumbDiv.style.left.replace('px','')/1>=0)
{			leftArrowObj.style.visibility='hidden';
			DHTMLgoodies_thumbSlideInProgress = false;
			return;
}
		slideThumbs(slideSteps,0);
}	else
{		thumbsColIndex++;
		leftArrowObj.style.visibility='visible';

		var left = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;
		var showArrow = true;

		if (DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth)
			showArrow = false;

		if (columnsOfThumbnails)
			showArrow = true;

		if (!showArrow)
{			rightArrowObj.style.visibility='hidden';
			DHTMLgoodies_thumbSlideInProgress = false;
			return;
}
		slideThumbs((slideSteps*-1),0);
}
}

function slideThumbs(speed,currentPos)
{
	var leftPos;

	if (thumbsLeftPos)
		leftPos= thumbsLeftPos;
	else
{		var leftPos = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;

		thumbsLeftPos = leftPos;
}
	currentPos = currentPos + Math.abs(speed);

	var tmpLeftPos = leftPos;

	leftPos = leftPos + speed;
	thumbsLeftPos = leftPos;
	DHTMLgoodies_thumbDiv.style.left = leftPos + 'px';

	if (currentPos<DHTMLgoodies_slideWidth)
		setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);
	else
{		if (tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndex==1))
			document.getElementById('DHTMLgoodies_leftArrow').style.visibility='hidden';

		var left = tmpLeftPos;
		var showArrow = true;

		if (DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth)
			showArrow=false;

		if (columnsOfThumbnails)
			if ((thumbsColIndex+1)<columnsOfThumbnails)
				showArrow=true;
			else
				showArrow = false;

		if (!showArrow)
			document.getElementById('DHTMLgoodies_rightArrow').style.visibility='hidden';

		DHTMLgoodies_thumbSlideInProgress = false;
}
}

function showPreview(imagePath,inputObj)
{
	if (DHTMLgoodies_currentActiveImage)
{		if (DHTMLgoodies_currentActiveImage==inputObj.getElementsByTagName('IMG')[0])
			return;

		DHTMLgoodies_currentActiveImage.className='';
}
	DHTMLgoodies_currentActiveImage = inputObj.getElementsByTagName('IMG')[0];
	DHTMLgoodies_currentActiveImage.className='activeImage';
	DHTMLgoodies_imageToShow = imagePath;

	var tmpImage = new Image();

	tmpImage.src = imagePath;
	currentUnqiueOpacityId = Math.random();
	moveOpacity(opacitySteps*-1,currentUnqiueOpacityId);
}

function setOpacity()
{
	if(document.all)
		DHTMLgoodies_largeImage.style.filter = 'alpha(opacity=' + DHTMLgoodies_currentOpacity + ')';
	else
		DHTMLgoodies_largeImage.style.opacity = DHTMLgoodies_currentOpacity/100;
}

function moveOpacity(speed,uniqueId)
{
	if (browserIsOpera)
{		DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;
		return;
}
	DHTMLgoodies_currentOpacity = DHTMLgoodies_currentOpacity + speed;

	if (DHTMLgoodies_currentOpacity<=5 && speed<0)
{		var tmpParent = DHTMLgoodies_largeImage.parentNode;

		DHTMLgoodies_largeImage.parentNode.removeChild(DHTMLgoodies_largeImage);
		DHTMLgoodies_largeImage = document.createElement('IMG');
		tmpParent.appendChild(DHTMLgoodies_largeImage);
		setOpacity();
		DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;
		speed=opacitySteps;
}
	if (DHTMLgoodies_currentOpacity>=99 && speed>0)
		DHTMLgoodies_currentOpacity=99;

	setOpacity();

	if (DHTMLgoodies_currentOpacity>=99 && speed>0)
		return;

	if (uniqueId==currentUnqiueOpacityId)
		setTimeout('moveOpacity(' + speed + ',' + uniqueId + ')',opacitySpeed);
}

	var menuwidth='200px' //default menu width
	var menubgcolor='Navy'  //menu bgcolor
	var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
	var hidemenu_onclick="yes" //hide menu when user clicks within menu?

	/////No further editting needed

	var ie4=document.all
	var ns6=document.getElementById&&!document.all

	if (ie4||ns6)
		document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;

	while (parentEl!=null)
{		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
}
	return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth)
{
	if (ie4||ns6)
		dropmenuobj.style.left=dropmenuobj.style.top="-500px"

	if (menuwidth!="")
{		dropmenuobj.widthobj=dropmenuobj.style
		dropmenuobj.widthobj.width=menuwidth
}
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
		obj.visibility=visible
	else if (e.type=="click")
		obj.visibility=hidden
}

function iecompattest()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge)
{
	var edgeoffset=0

	edgeoffset=edgeoffset-5

	if (whichedge=="rightedge")
{		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
			edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}	else
{		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
{			// move up?
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure)
				// up no good either?
				edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}}
	return edgeoffset
}

function populatemenu(what)
{
	if (ie4||ns6)
		dropmenuobj.innerHTML=what.join("")
}

function dropdownmenu(obj, e, menucontents, menuwidth)
{
	if (window.event)
		event.cancelBubble=true
	else if (e.stopPropagation)
		e.stopPropagation()

	clearhidemenu()
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
	populatemenu(menucontents)

	if (ie4||ns6)
{		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
	return clickreturnvalue()
}

function clickreturnvalue()
{
	if (ie4||ns6)
		return false
	else
		return true
}

function contains_ns6(a, b)
{
	while (b.parentNode)
		if ((b = b.parentNode) == a)
			return true;

	return false;
}

function dynamichide(e)
{
	if (ie4&&!dropmenuobj.contains(e.toElement))
		delayhidemenu()
	else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
		delayhidemenu()
}

function hidemenu(e)
{
	if (typeof dropmenuobj!="undefined")
		if (ie4||ns6)
			dropmenuobj.style.visibility="hidden"
}

function delayhidemenu()
{
	if (ie4||ns6)
		delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu()
{
	if (typeof delayhide!="undefined")
		clearTimeout(delayhide)
}

	if (hidemenu_onclick=="yes")
		document.onclick=hidemenu

	var win=null;

function NewWindow(mypage,myname,w,h,scroll,pos)
{
   
	if (pos=="random")
{		LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;
		TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;
}
	if (pos=="center")
{		LeftPosition=(screen.width)?(screen.width-w)/2:100;
		TopPosition=(screen.height)?(screen.height-h)/2:100;
}	else if ((pos!="center" && pos!="random") || pos==null)
{		LeftPosition=0;
		TopPosition=20
}
	settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
	win=window.open(mypage,myname,settings);
}