var currentDiv = 0;
	var t;
	var divArray = new Array(5);
	divArray[0] = "zero";
	divArray[1] = "one";
	divArray[2] = "two";
	divArray[3] = "three";
	divArray[4] = "four";
var number_of_div = divArray.length;

var dotArray = new Array(5);
	dotArray[0] = "";
	dotArray[1] = "dot_one";
	dotArray[2] = "dot_two";
	dotArray[3] = "dot_three";
	dotArray[4] = "dot_four";
var number_of_dot = dotArray.length;


function moveIt(obj, mvTop, mvLeft) {
	obj.style.position = "absolute";
	obj.style.top = mvTop;
	obj.style.left = mvLeft;
}


function dot_it(dot_obj) {
$('dot_one').style.background = "url(graphics/slideshow/dot_off.png)";
$('dot_two').style.background = "url(graphics/slideshow/dot_off.png)";
$('dot_three').style.background = "url(graphics/slideshow/dot_off.png)";
$('dot_four').style.background = "url(graphics/slideshow/dot_off.png)";
dot_obj.style.background = "url(graphics/slideshow/dot_on.png)";
}






function slideshow() {
var CurrentD = currentDiv;
var NextD = (currentDiv+1);

if ( NextD >=5){
var NextD = 1;
}


 
 
moveIt($(divArray[NextD]),'0px','962px');  
dot_it($(dotArray[NextD]));  

 	new	Effect.Parallel([
	new Effect.Move(divArray[CurrentD], {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity(divArray[CurrentD], { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});   
  
  
	new	Effect.Parallel([
	new Effect.Move(divArray[NextD], {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity(divArray[NextD], { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});
	
window.currentDiv =NextD;	
}



function startSlideShow()
{
var t=setTimeout("startSlideShow();",10000);
slideshow()
}




$('dot_one').observe('click', function(event) {
  
  if ( currentDiv != 1){

 
 clearTimeout(window.t); 
 
  
moveIt($('one'),'0px','962px');  
dot_it($('dot_one'));  

 new	Effect.Parallel([
	new Effect.Move(divArray[currentDiv], {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity(divArray[currentDiv], { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});   
  
  
new	Effect.Parallel([
	new Effect.Move('one', {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity('one', { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});
 window.currentDiv = 1;	
}
});	



$('dot_two').observe('click', function(event) {
  
  if ( currentDiv != 2){

  clearTimeout(window.t); 

 
 
moveIt($('two'),'0px','962px');  
dot_it($('dot_two'));  
 new	Effect.Parallel([
	new Effect.Move(divArray[currentDiv], {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity(divArray[currentDiv], { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});   
  
new	Effect.Parallel([
	new Effect.Move('two', {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity('two', { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});

  window.currentDiv = 2;	
}
});	




$('dot_three').observe('click', function(event) {
 
  if ( currentDiv != 3){

  clearTimeout(window.t); 

 
 
moveIt($('three'),'0px','962px');
dot_it($('dot_three'));  
 new	Effect.Parallel([
	new Effect.Move(divArray[currentDiv], {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity(divArray[currentDiv], { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});   
  
new	Effect.Parallel([
	new Effect.Move('three', {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity('three', { sync: true, from: 0, to: 1 })
	], {
	duration: 1.0
	});

window.currentDiv = 3;	  
}
});	




$('dot_four').observe('click', function(event) {
 
  if ( currentDiv != 4){

  clearTimeout(window.t); 

 
 
moveIt($('four'),'0px','962px');  
dot_it($('dot_four'));  
 new	Effect.Parallel([
	new Effect.Move(divArray[currentDiv], {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity(divArray[currentDiv], { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});   
  
new	Effect.Parallel([
	new Effect.Move('four', {sync: true, x: -962, y: 0, mode: 'relative' }),
	new Effect.Opacity('four', { sync: true, from: 1, to: 1 })
	], {
	duration: 1.0
	});

 window.currentDiv = 4; 	
}
});