var imgArr = new Array();
var imgSelected=0;
var imgAllx0;
var imgDivWidth=66;
var imgDivHeight=49;
var imgDivCount=5;

function Move_Items()
{
	var i1;
	for (i1=0;i1<imgArr.length;i1++)
  {
  	if (imgArr[i1].moving == true)
    {
    	if (Math.abs(imgArr[i1].x-imgArr[i1].xToGo) < 2)
      {
      	imgArr[i1].x=imgArr[i1].xToGo;
        imgArr[i1].moving=false;
      }else
	    	imgArr[i1].x=(imgArr[i1].x+imgArr[i1].xToGo)/2;
 			for (i2=i1+1;i2<imgArr.length;i2++)
      {
      	imgArr[i2].x=imgArr[i2-1].x+imgDivWidth;        
      }//for i2   
      for (i2=i1-1;i2>=0;i2--)
      {
      	imgArr[i2].x=imgArr[i2+1].x-imgDivWidth;
      }//for i2
      if (imgArr[0].x < imgAllx0-imgDivWidth)
      	imgArr[0].x=imgArr[imgArr.length-1].x+imgDivWidth;
      for (i2=1;i2<i1;i2++)
      {
	      if (imgArr[i2].x < imgAllx0-imgDivWidth)
	       	imgArr[i2].x=imgArr[i2-1].x+imgDivWidth;
      }//for i2*/
      Show_Divs();
      if (imgArr[i1].moving == true)
	    	setTimeout("Move_Items()",250);      
    	i1=imgArr.length;//break;
    }//if (imgArr[i1].xToGo != imgArr[i1].x)
  }//for i1
}

function Show_First_Img()
{
	var nextImg=imgSelected+1;
  if (nextImg >= imgArr.length)
  	nextImg=0;
  thclick(nextImg);
}

function thclick(ind)
{
	var i1;
  imgSelected=ind;
	$("#img0").attr("src",imgArr[ind].fullName);
  imgArr[ind].xToGo=imgAllx0-imgDivWidth;
  for (i1=0;i1<imgArr.length;i1++)
  	imgArr[i1].moving=false;
  imgArr[ind].moving=true;
  setTimeout("Move_Items()",50);
}

function Add_Image(th,f)
{
	var addIndex;
  var sHTML;
	el=new TImgElement(th,f);
  addIndex=imgArr.length;
  if (addIndex == 0)
  {
	  imgAllx0=$("#imgAll").offset().left;
    imgAllx0=0;
  	el.x=imgAllx0-imgDivWidth;
  }
  else
  {
  	el.x=imgArr[addIndex-1].x+imgDivWidth;
  }
  var y=$("#imgAll").offset().top;
  y=0;
  el.y=y;
  el.xToGo=el.x;
	imgArr[addIndex]=el;
  sHTML=$("#imgAll").html();
  sHTML=sHTML+"<div id='divImg"+addIndex+"' style='position:absolute;width:"+imgDivWidth+";display:none;'><a href='javascript:thclick("+addIndex+");'><img src='"+th+"' border='0'></a>";
  $("#imgAll").html(sHTML);
}

function Show_Divs()
{
	var i1;
	for (i1=0;i1<imgArr.length;i1++)
  {
		var x1=imgAllx0-imgDivWidth;
    var x2=imgAllx0+imgDivWidth*imgDivCount;
  	if ((imgArr[i1].x > x1) && (imgArr[i1].x < x2))
    {
			$("#divImg"+i1).css("left",imgArr[i1].x);
			$("#divImg"+i1).css("top",imgArr[i1].y);
	    $("#divImg"+i1).css("display","block");
    }
    else
    {
    	$("#divImg"+i1).css("left",imgAllx0-imgDivWidth);
	    $("#divImg"+i1).css("display","none");
    }
    Set_Clip(i1);
  }//For i1
}

function Set_Clip(ind)
{
	var x1=imgAllx0-imgArr[ind].x;
  if (x1 < 0) x1=0;
  var x2=imgAllx0+imgDivWidth*imgDivCount-imgArr[ind].x;
  if (x2 > imgDivWidth) x2=imgDivWidth;
  var s="rect(0px,"+x2+"px,"+imgDivHeight+"px,"+x1+"px)";
  $("#divImg"+ind).css("clip",s);
  
}

function TImgElement(th,f)
{
	this.thumbName=th;
  this.fullName=f;
  this.x=0;
  this.y=0;
  this.xToGo=0;
  this.moving=false;
}