var current_slide_number = 0;
var PIC_SIZE = 480;
var new_slide_number;
var current_counter = 80;
var interval_id = -1;
var slide_show_run = true;
var SLIDE_SHOW_TIME = 8000;
var NUMBER_OF_SLIDES = 5;
var start_left_pos = 0;

function slideShowRun()
{
	if ( slide_show_run == false || interval_id != -1 )
	{
		return;
	}
	go_to_slide = (current_slide_number + 1) % NUMBER_OF_SLIDES ; 
	changeSlide ( go_to_slide  );		
}

function startShow(){
	if ( slide_show_run == false )
	{
		slide_shoe_interval_id = setInterval('slideShowRun()' , SLIDE_SHOW_TIME );
		slide_show_run = true;
		slideShowRun();
	}
}

function stopShow()
{
	if ( slide_show_run == true )
	{	
		clearInterval( slide_shoe_interval_id  );
		slide_show_run = false;
	}
}

var slide_shoe_interval_id = setInterval('slideShowRun()' , SLIDE_SHOW_TIME  );

function animateChange()
{
	var new_buttonLink = document.getElementById('buttonLink' + new_slide_number );
	var old_buttonLink = document.getElementById('buttonLink' + current_slide_number );
	var new_slide = document.getElementById('slide' + new_slide_number );
	var old_slide = document.getElementById('slide' + current_slide_number );
	var new_box = document.getElementById('box' + new_slide_number );
	var old_box = document.getElementById('box' + current_slide_number );      
	
	if ( new_slide==null || old_slide==null )
	{
		return;
	}
		
    old_slide.style.width = (PIC_SIZE - current_counter) +"px";
    new_slide.style.display = 'inline';
    new_slide.style.posLeft = start_left_pos + (PIC_SIZE - current_counter);
    new_slide.style.width = current_counter +"px";
     
	if (new_slide_number != 0) 
	{ 
		new_buttonLink.style.display = 'none'; 
		new_box.className = 'box' + new_slide_number + 'Active';
	}

	if (current_slide_number != 0) 
	{ 
		old_box.className = 'box' + current_slide_number; 
		old_buttonLink.style.display = 'none';
	};

    current_counter = current_counter + 40;
   
	if ( current_counter > PIC_SIZE )
 	{
		clearInterval( interval_id );
		old_slide.style.display = 'none'; 
		old_slide.style.width = PIC_SIZE +"px";
		new_slide.style.posLeft = start_left_pos;
		if (new_slide_number != 0 && new_slide_number != null) { new_buttonLink.style.display = ''; }
		interval_id = -1;        
	    current_slide_number = new_slide_number;
	    new_slide_number = -1;
	}

}

function changeSlide( val )
{
	if ( val ==  current_slide_number )
	{
        return;
 	}
                
    if ( interval_id==-1 )
    {
		new_slide_number = val;
		current_counter = 0
 		interval_id = setInterval( 'animateChange()' , 15 );
	}
}