function show(clientid, target)
	{
		target.src = clientid.src;
		SetCurrentPicture(clientid.parentNode.parentNode.parentNode,clientid);
		//document.getElementById('photo' + curPic).className = 'imgThumb';
		
		pic = CurrentPicture(clientid.parentNode.parentNode);
	}

    function SetCurrentPicture(clientid, picture)
    {
         var elements = clientid.getElementsByTagName("img");
         for(i=0; i<elements.length;i++)
         {
            elements[i].setAttribute("currentpicture", "false");
            elements[i].className= "imgThumb";
            if (elements[i].getAttribute("id")==picture.id)
            {
               elements[i].setAttribute("currentpicture","true");
               elements[i].className= "imgThumbSel"; 
            }
            
         }
    }
    
    function SetCurrentByIndex(clientid, index)
    {
         var elements = clientid.getElementsByTagName("img");
         for(i=0; i<elements.length;i++)
         {
            elements[i].setAttribute("currentpicture", "false");
            elements[i].className= "imgThumb";
            if (i==index)
            {
               elements[i].setAttribute("currentpicture","true");
               elements[i].className= "imgThumbSel"; 
            }
            
         }
    }
    function CurrentPicture(clientid)
    {
         var elements = clientid.getElementsByTagName("img");
         for(i=1; i<elements.length-1;i++)
         {
            if (elements[i].getAttribute("currentpicture")=="true")
            {
             return elements[i];
            }
            
         }
         return null;
    }
    
	function filmstrip_next(clientid, target)
	{
	        var currentpic = CurrentPicture(clientid);			
			filmstrip_move("<", clientid);
		
	}

    function filmstrip_previous(clientid, target)
	{
	        var currentpic = CurrentPicture(clientid);
			filmstrip_move(">", clientid);
	}
	
	function CountPhotos(clientid)
	{
	     var elements = clientid.getElementsByTagName("img");
         return elements.length-2;
	}
	
	function filmstrip_move(dir, clientid)
	{
	    var thumbs = clientid.id + "_thumbs";
		count		= 0;
		endDiv		= 0-document.getElementById(thumbs).offsetWidth+document.getElementById(clientid.id).offsetWidth -60;
		imgWidth	= parseInt(document.getElementById(thumbs).offsetWidth/CountPhotos(clientid));
		replay		= parseInt(imgWidth/3);        
		slide(dir, document.getElementById(thumbs).id, endDiv, imgWidth, replay);
	}

	function slide(dir, thumbs, endDiv, imgWidth, replay)
	{
	    var temp = document.getElementById(thumbs);
		left = parseInt(temp.style.left);
		if (count < replay && ((dir=='>' && left < 0) || (dir=='<' && left > endDiv)))
		{
			if (dir=='<')		newpos = left-3;
			else if (dir=='>')	newpos = left+3;

			temp.style.left = newpos + 'px';
			setTimeout("slide('" + dir + "', '" + thumbs + "'," + endDiv + "," + imgWidth + "," + replay + ")",30);
			count++;
		}
	}

    
    function filmstrip_slide(btn, clientid, target, delay, index)
	{
	     var  t = document.getElementById(target); 
	     if (document.all)
	     {
            t.style.filter="blendTrans(duration=2)";
            t.style.filter="blendTrans(duration=crossFadeDuration)";
            t.filters.blendTrans.Apply(); 
            t.filters.blendTrans.Play();
         }


	     if (index==0)
	     {
	         SetCurrentByIndex(document.getElementById(clientid), 1);    
	     }
	     
         var c = document.getElementById(clientid); 
         var currentpic = CurrentPicture(c);
	     s = currentpic.getAttribute("id").split("_photo");
	     if (index==0)
	     {
	         number = parseInt(s[1]);
	     }
	     else
	     {
            number = parseInt(s[1]) +1;
         }
		 var nextpic = document.getElementById(s[0] + "_photo" + number);
		 if (nextpic!=null)
		 {
		  
		  show(nextpic, t);
		  filmstrip_move("<", c);		
		  index = number;	
		  SetCurrentByIndex(nextpic, number);
		  if ( (index) == CountPhotos(document.getElementById(clientid)))
		  {
		    if (btn.length!=0){
		       document.getElementById(btn).setAttribute("started", "false");
		       document.getElementById(btn).value = document.getElementById(btn).getAttribute("defaulttext");
		    }
		    else
		    {
		    index =0;	    
		    }
		  }
		  if (document.getElementById(btn)==null)
		  {
		    setTimeout("filmstrip_slide('" + btn + "','" + clientid + "','" + target + "'," + delay + "," + index + ")",delay);		    
		  }
		  else
		  { 	 
		      if (document.getElementById(btn).getAttribute("started")== "true")
		      {
		        setTimeout("filmstrip_slide('" + btn + "','" + clientid + "','" + target + "'," + delay + "," + index + ")",delay);		    
		      }
		  }
		}		
	}
	
	function start_slideshow(btn, clientid, target, delay, index)
    {
        index =0;
        if (btn!=null)
        {
            var ret = btn.getAttribute("started");
            if (ret==null)
            {
                btn.setAttribute("started", "false");
                
            }
            if (btn.getAttribute("started")== "false")
            {
                btn.setAttribute("started", "true");
                btn.setAttribute("defaulttext", btn.value);
                btn.value = "Stop";
                setTimeout("filmstrip_slide('" + btn.id + "','" + clientid.id + "','" + target.id + "'," + delay + "," + index + ")",delay);		    
            }
            else
            {
                btn.value = btn.getAttribute("defaulttext");
                btn.setAttribute("started", "false");
            }           
        }
        else
        {
            setTimeout("filmstrip_slide('','" + clientid.id + "','" + target.id + "'," + delay + "," + index + ")",delay);		    
        }
        
       

    }