var g_delay = 4000;
var start_frame = 0;
var total_frames = 3;
var slide_images = $('slide-images').getElementsByTagName('li');
var end_frame = slide_images.length -1;	
var myTimeout;
var myTimeout2;
var g_frame;
var g_start_frame;
var g_end_frame;

function init() {
	total_frames--;		
	for( i=0; i < slide_images.length; i++){
	if(i!=0){
		slide_images[i].style.display = 'none';
		}		
	}
	start_slideshow(start_frame, end_frame);
}

function clear_navigation()
{
	for( i=0; i <= total_frames; i++){
	$('slide-images_'+i).className="navbox-normal";
	}
	
}
function start_slideshow(start_frame, end_frame) {
	g_frame = end_frame;
	g_start_frame = start_frame;
	g_end_frame = end_frame;
	myTimeout = setTimeout(fadeInOut(), 0);
}
function selectCollectionDown(index)
{
	//Effect.Appear($("collection"+index));	
	$('slide-show').style.display = 'block';
	//$('slide-nav').style.display = 'block';	
	$('intro').style.display = 'block';	
	$("collection"+index).style.display='none';
}
function set_selected(index)
{
	clearTimeout(myTimeout);
	clearTimeout(myTimeout2);
	//Effect.Fade($('intro'));;	
	Effect.Appear('collection1',{duration:0.75});

	Effect.BlindDown('collection1_no1',{duration:1.5});;
	
	tmp = index;
	
	for( i=0; i < slide_images.length; i++){
		slide_images[i].style.display = 'none';
		if($('slide-images_'+i).className=="navbox-highlight" && i != index)
		{
		  Effect.Fade(slide_images[i]);
		  tmp == i;
		  }
	}
	//alert("fadeInOut("+index+", "+start_frame+", "+end_frame+", "+delay+")");
	//fadeInOut(index, start_frame, end_frame, delay)
	//Effect.Fade(slide_images[index]);
	clear_navigation();	
	$('slide-images_'+index).className="navbox-highlight";	
	Effect.Appear(slide_images[index]);
	//alert("Appear: " + index);	

	
}

function fadeInOut() {
	return (function() {

		//clear_navigation();
		//slide_images = $('slide-images').getElementsByTagName('li');

		//alert('FADE ' + g_frame);
		/*
		new Effect.Parallel([
		  new Effect.Move($('tape_name_'+g_frame), { sync: true, x: -20, y: 0, mode: 'relative' }), 
		  new Effect.Fade('tape_name_'+g_frame, { duration: 3.0 })
		], {queue: { position: 'end', scope: 'tape_name',limit: 4}, duration: 0.8});
		$('tape_name_'+g_frame).setStyle({width:'0px',display:'none'})
		*/
		//$('tape_name_'+g_frame).setStyle({width:'0px',display:'none'}).morph('width:0px',{duration:.3});				
		Effect.Fade(slide_images[g_frame]);
		if (g_frame == g_end_frame) { g_frame = start_frame; } else { g_frame++; }
		lisAppear = slide_images[g_frame];
		Effect.Appear(slide_images[g_frame]);
		//$('slide-images_'+g_frame).className="navbox-highlight";
		
/*		$('tape_name_'+g_frame).setStyle({width:'0px',display:'block'});
new Effect.Morph('tape_name_'+g_frame, {
  style: 'width:290px;', // CSS Properties
  duration: 0.3 // Core Effect properties
})*/

/*
		//alert('SHOW ' + g_frame);		
		new Effect.Parallel([
		  new Effect.Move($('tape_name_'+g_frame), { sync: true, x: 20, y: 0, mode: 'relative' }), 
		  new Effect.Appear('tape_name_'+g_frame, { duration: 3.0 })

		],{queue: { position: 'end', scope: 'tape_name',limit: 4}, duration: 0.2});
*/		
		myTimeout = setTimeout(fadeInOut(), g_delay);
	})
}

Event.observe(window, 'load', init, false);