var ptime = 10000; // 10 secs 
var psteps = 50; // Five per second 
var pstep = 1;
var ptimerid;
var gtimerid_curr;
var gtimerid_prev;
var gtimerid_prev_prev;

function startprog(){
  clearTimeout(ptimerid);
  pstep = 1;
  progress();
}

function progress() { 
  var bar = document.getElementById( "bar"); 
  var aStep = (bar.offsetWidth -2) /psteps;// 2px border removed from width 
  var x = Math.round( aStep *pstep); 
  var progress = document.getElementById( "progress");
  progress.style.width = x +"px"; 
  pstep++;
  if( pstep > psteps) redir(); 
  else ptimerid = setTimeout( "progress()", ptime /psteps); 
}

function redir() { 
   changebtn(current_image,next_image);
}

function changebtn(btn,nbtn){
var mybtn = "pnavbtns"+btn;
var curbtn = document.getElementById(mybtn);
curbtn.style.color = "gray";

var mynbtn = "pnavbtns"+nbtn;
var nxtbtn = document.getElementById(mynbtn);
nxtbtn.style.color = "red";
}


var time = 12000;

	var current_image = 0;
	var next_image = 1;
	var image = new Array();
	var caption = new Array();
	var bottomAccordion;

        
        function changepic(pnumber) {
          clearTimeout(gtimerid_curr);
          clearTimeout(gtimerid_prev);
          clearTimeout(gtimerid_prev_prev);
          clearTimeout(ptimerid);
	  changebtn(current_image,pnumber);
	  next_image = pnumber;
	  nextimage();
        }

	function init() {
		if(document.getElementsByClassName("image")) {
			image = document.getElementsByClassName("image");
	                caption = document.getElementsByClassName("caption");
			for(i=1; i < image.length; i++) {
				image[i].style.display = "none";
	                        caption[i].style.display = "none";
			}
		}

		if(image.length > 1) galerie();
	}

	function galerie() {
	        gtimerid_prev_prev = gtimerid_prev;
	        gtimerid_prev = gtimerid_curr;
		gtimerid_curr = self.setTimeout("nextimage()",time);	
		startprog();
	}
	
	

	function nextimage() {

	       new Effect.Fade(image[current_image],{duration:2}); 
	       new Effect.Fade(caption[current_image],{duration:2}); 
	       new Effect.Appear(image[next_image],{duration:1}); 
	       new Effect.Appear(caption[next_image],{duration:1}); 

		if(next_image == (image.length-1)) {
			current_image = next_image;
			next_image = 0;
		} else {
			current_image = next_image;
			next_image++;
		}
		galerie();
	}
function moveToPrevious()
{
  var endgame=false;
  var source = document.getElementById('active').className * 1;
  var target = source - 1;
  var collelements=document.getElementsByName("dot");
  for(var i=0;i< collelements.length;i++){
    if (collelements[i].className == target){
		//document.getElementById('status').innerHTML = 'from: ' + source + ' to: ' + target + ' left: ' + document.getElementById('imageBoxInside').style.left;//******
        moveTopic(collelements[i]);
        return;
    }  
  }
  //document.getElementById('status').innerHTML = 'NOT rom: ' + source + ' to: ' + target + ' left: ' + document.getElementById('imageBoxInside').style.left;//******
  new Effect.Move('imageBoxInside', { x: 150, y: 0, transition: Effect.Transitions.sinoidal,afterFinish: myCallBackOnFinishpic });
  document.getElementById('active').id = "inactive";
  collelements[9].id = "active";
//####set first click error
  document.getElementById('imageBoxInside').style.left = "-1500px";
  for(var i=0;i< collelements.length;i++){
    collelements[i].oldOnClick = collelements[i].onclick;
    collelements[i].onclick = null;
  }
  var collelements1=document.getElementsByName("dot1");
  for(var i=0;i< collelements1.length;i++){
    collelements1[i].oldOnClick = collelements1[i].onclick;
    collelements1[i].onclick = null;
  }
} 

function moveToNext()
{
  var endgame=false;
  var source = document.getElementById('active').className * 1;
  var target = source + 1;
  //document.getElementById('status').innerHTML = 'from: ' + source + ' to: ' + target;
  var collelements=document.getElementsByName("dot");
  for(var i=0;i< collelements.length;i++){
    if (collelements[i].className == target){
        moveTopic(collelements[i]);
        return;
    }
  }
  new Effect.Move('imageBoxInside', { x: -150, y: 0, transition: Effect.Transitions.sinoidal,afterFinish: myCallBackOnFinishpic });
  document.getElementById('active').id = "inactive";
  collelements[0].id = "active";
//####set the left of imageboxinside to be -180px
  document.getElementById('imageBoxInside').style.left = "150px";
}

function myCallBackOnFinishpic(obj){
 var collelements=document.getElementsByName("dot");
 for(var i=0;i< collelements.length;i++){
    collelements[i].onclick = collelements[i].oldOnClick;
 }
 var collelements1=document.getElementsByName("dot1");
 for(var i=0;i< collelements1.length;i++){
    collelements1[i].onclick = collelements1[i].oldOnClick;
 }
}

function moveTopic(element)
{
  var source = document.getElementById('active').className;
  var target = element.className;
  
  //document.getElementById('status').innerHTML = 'from: ' + source + ' to: ' + target;//******
  
  document.getElementById('active').id = "inactive";
  element.id = "active";
  var num = -(target - source)*150;
  var collelements=document.getElementsByName("dot");
  for(var i=0;i< collelements.length;i++){
    collelements[i].oldOnClick = collelements[i].onclick;
    collelements[i].onclick = null;
  }
  var collelements1=document.getElementsByName("dot1");
  for(var i=0;i< collelements1.length;i++){
    collelements1[i].oldOnClick = collelements1[i].onclick;
    collelements1[i].onclick = null;
  }
  new Effect.Move('imageBoxInside', { x: num, y: 0, transition: Effect.Transitions.sinoidal,afterFinish: myCallBackOnFinishpic });
}

		function loadAccordions() {		
			// Open first one
		    bottomAccordion = new accordion('vertical_container',{
            onEvent : 'click',
            defaultSize : {width : 150}
            });
            var xanchor =  getanchor()
			if (xanchor.length == 0) {xanchor = 0}
			changeup(xanchor);
	    }	
		
	function changeup(num){
	 bottomAccordion.activate($$('#vertical_container .accordion_toggle')[num]);
	}

function getanchor(){
	var URL = unescape(location.href)	// get current URL in plain ASCII
	var xstart = URL.lastIndexOf("/") + 1 + 24  //+24 for pagename and # 
	var xend = URL.length
	var hereAnchor = URL.substring(xstart,xend)
	//alert(hereAnchor)
	return hereAnchor
}