var leftMargin=0;
var rightMargin=0;
var scrollerDir='right';

function resizeThumbs()
      {
      	
      	/*if (g('thumbImg'+0).offsetLeft<0)
      		totalWidth=g('thumbImg'+0).offsetLeft-g('thumbImg'+(pics.length-1)).offsetLeft;
      	else
      		totalWidth=g('thumbImg'+(pics.length-1)).offsetLeft-g('thumbImg'+0).offsetLeft;
        alert(totalWidth);*/
      	
      	var imgThumbsWidthCount=0;
        for(i=0;pics[i];i++)
        {
          imgThumbsWidthCount+=g('thumbImg'+i).offsetWidth+10;
        }
        
        g('imgThumbs').style.width=(imgThumbsWidthCount+'px');
        //alert(imgThumbsWidthCount);
        
        delete imgThumbsWidthCount;
      }
      
      function createThumbs(ImageGalleryRefDescription)
      {
    	  if(typeof(ImageGalleryRefDescription) == 'undefined')
    	  	ImageGalleryRefDescription="";
	      if(typeof(imgThumbsWidthCount) == 'undefined')
	      	imgThumbsWidthCount=0;
	      for(i=0;pics[i];i++)
	      {
	        tempA = document.createElement('a');
	        tempA.setAttribute('id','thumb'+i);
	        tempA.setAttribute('rel',ImageGalleryRefDescription);
	        tempA.setAttribute('href',pics[i][0]+"."+pics[i][1]);
	        tempA.style.width='250px';
	        //tempA.style.minWidth='250px';
	        tempA.style.textAlign='center';
	        if ($.browser.msie)
	          tempA.setAttribute('className','thickbox');
	        else
	          tempA.setAttribute('class','thickbox');
	
	        tempImg = document.createElement('img');
	        tempImg.setAttribute('src',pics[i][0]+"_thumb."+pics[i][1]);
	        tempImg.setAttribute('id','thumbImg'+i);
	        if ($.browser.msie)
	          tempImg.setAttribute('className','thumbnail');
	        else
	          tempImg.setAttribute('class','thumbnail');
	
	        tempA.appendChild(tempImg);
	        g('imgThumbs').appendChild(tempA);
	        delete tempA;
	        delete tempImg;
	      }
          g('imgThumbs').style.width=(i*250)+'px';
        //alert(i+"-"+imgThumbsWidthCount+" - "+g('imgThumbs').style.width);
      }
      
      	function setDir(dir)
      	{
      		scrollerDir=dir;
      	}
      	
      	function switchDir()
      	{
      		switch (scrollerDir)
      		{
      			case "left":setDir('right');break;
      			case "right":setDir('left');break;
      		}
      	}
      
		function thumbShift()
		{
			//setInterval("thumbShiftAnimation()",90);
			thumbShiftAnimation();	
		}
		
		function thumbShiftAnimation()
		{
	      	var isInner=g('isScrolling').innerHTML;
			if (isInner!=1)
			{		
				scroll();
				var thumbBox=g('imgThumbs');
				/*if(typeof(leftMargin) == 'undefined')
					leftMargin=0;
				if(typeof(rightMargin) == 'undefined')
					rightMargin=0;*/
					
				var dir=scrollerDir;
				var overlap=leftMargin=rightMargin=0;
				if (dir=='left')
				{
					overlap=thumbBox.offsetWidth-g('imgThumbsParent').offsetWidth;
					/*leftMargin=overlap/2;
					rightMargin=(0-overlap)/2;*/
					leftMargin=0;
					rightMargin=0;					
					/*if ((rightMargin+5)<=overlap)
					{
						leftMargin=leftMargin-5;
						rightMargin=rightMargin+5;
					}
					else //change scrolling direction
					{
						//sleep(750);
						dir='right';
						setDir('right');
					}*/
				}
				else
				{
					overlap=thumbBox.offsetWidth+g('imgThumbsParent').offsetWidth;
					leftMargin=(0-overlap)/2;
					rightMargin=overlap/2;
					
					/*if ((leftMargin+5)<=0 && (rightMargin-5)>=0)
					{
						leftMargin=leftMargin+5;
						rightMargin=rightMargin-5;
					}
					else //change scrolling direction
					{
						//sleep(750);
						dir='left';
						setDir('left');					
					}*/
				}
				
				/*if ($.browser.msie)
		        {
		            slide_slideIt(564);
		            if ($.browser.version=="6.0")
		            {
		                slide_slideItIE(20);
		            }
		        }
		        else
		        {*/
		        $('#imgThumbs').animate(
										{
								            marginLeft: leftMargin,
								            marginRight: rightMargin
								        //}, 100,"");
								        }, (pics.length*2250),"linear",function(){scroll();resizeThumbs();switchDir();thumbShiftAnimation();});
		        //}
		            
		        /*thumbBox.style.marginLeft=leftMargin+"px";
		        thumbBox.style.marginRight=rightMargin+"px";
		        setTimeout("thumbShift('"+dir+"')",30);*/
			}
		}

      function scroll()
      {
		is=g('isScrolling');
		isInner=is.innerHTML;
		if (isInner==1)
			is.innerHTML=0;
		else
			is.innerHTML=1;
			
		delete isInner;	    	
      }