/**
 * This script is used for the design gallery scrolling content.
 * 11/06/08
 */

function DesignScroller(numLis) {
  var scroller = document.getElementById("gallery-scroll");
  if (!scroller) return;
  var getImg = scroller.getElementsByTagName("IMG");
  var getLi = scroller.getElementsByTagName("LI");

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

							getLi[x].className="chosen";
								if (x>-1 && x<getLi.length-3){
									if ((getLi[x+numLis].className.indexOf('hide'))==-1)
									{
										getLi[x+numLis].className="hide";
									}
								}
							}
						}
					}
				}

			if (this.className.indexOf('right') != -1)
			{
				for (var x = 0; x < getLi.length; x++)
				{
			    if (getLi.length - x < (numLis+1))
			    {
			       break;
			    }
				  if (getLi[x].className.indexOf('chosen') != -1 && x != getLi.length)
				  {
					  getLi[x].className = "hide";
						getLi[++x].className = "chosen";
						for (var y = 1; y < numLis; y++)
						{
						  getLi[x+y].className = "";
						}
					}
					
						}
					}
				}
			}

		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";		
			}
		}
	}