/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this script and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Modified by Planetbuilders Ltd to reduce thumbnails from 7 to 5
   and allow for larger images, also added code to deal with "wrapping"
   the thumbnail slide */

clickMenu = function(gallery) 
	{
	var getImg = document.getElementById(gallery).getElementsByTagName("IMG");
	var getLi = document.getElementById(gallery).getElementsByTagName("LI");

	for (var i=0; i<getImg.length; i++) {
			getImg[i].onclick=function() {
			if ((this.className.indexOf('left'))!=-1) {

/* PB Start - Wrap left to end of strip */
                                if ((getLi[0].className.indexOf('chosen'))!=-1)
                                  {
                                    for (var x = 0; x < getLi.length; x++)
                                      {
                                        getLi[x].className = getLi[x].className.replace("hide", "");
                                        getLi[x].className = getLi[x].className.replace("chosen", "");
                                        getLi[x].className+= ' hide';
                                      }
                                    for (x = (getLi.length - 5); x < getLi.length; x++)
                                      { getLi[x].className = getLi[x].className.replace("hide", ""); }
                                    getLi[getLi.length - 5].className+=' chosen';
                                    return;
                                  }
/* PB end */

				for (var x=getLi.length-1; x>0; x--) {
					if ((getLi[x].className.indexOf('chosen'))!=-1)	{
						getLi[x].className=getLi[x].className.replace("chosen", "");
						x--;
						if (x>-1) {
							getLi[x].className+=" chosen";
								if (x>-1 && x<getLi.length-5){
								getLi[x].className=getLi[x].className.replace("hide", "");
									if ((getLi[x+5].className.indexOf('hide'))==-1)
									{
										getLi[x+5].className+=" hide";
									}
								}
							}
						}
					}
				}

			if ((this.className.indexOf('right'))!=-1) {

/* PB Start - Wrap right to start of strip */
                                if ((getLi[(getLi.length - 1)].className.indexOf('chosen'))!=-1)
                                  {
                                    for (var x = 0; x < getLi.length; x++)
                                      {
                                        getLi[x].className = getLi[x].className.replace("hide", "");
                                        getLi[x].className = getLi[x].className.replace("chosen", "");
                                        getLi[x].className+= ' hide';
                                      }
                                    for (x = 0; x < 5; x++)
                                      { getLi[x].className = getLi[x].className.replace("hide", ""); }
                                    getLi[0].className+=' chosen';
                                    return;
                                  }
/* PB end */

				for (var x=0; x<getLi.length-1; x++) {
					if ((getLi[x].className.indexOf('chosen'))!=-1)	{
						getLi[x].className=getLi[x].className.replace("chosen", "");
						x++;
						if (x<getLi.length) {
							getLi[x].className+=" chosen";
								if (x>4 && x<getLi.length) {
								getLi[x].className=getLi[x].className.replace("hide", "");
									if ((getLi[x-5].className.indexOf('hide'))==-1)
									{
										getLi[x-5].className+=" hide";
									}
								}
							}
						}
					}
				}
			}
		}


		for (var i=0; i<getLi.length; i++) {
			getLi[i].onclick=function() {
				for (var x=0; x<getLi.length; x++) {
					if ((getLi[x].className.indexOf('chosen'))!=-1)	{
						getLi[x].className=getLi[x].className.replace("chosen", "");
					}
				}
			this.className+=" chosen";		
			}
		}
	}