// JavaScript Document

$(document).ready(function() 
{
	if(document.getElementById("head_image"))
	{
		initSlideShow();
	}
});


var _slideShowInterval = 0;
var _interval = 7000;

function initSlideShow()
{
	if((!image_list)||(!image_list.length)) return;
	
	start_image = start_image;
	
	c_width = image_list.length * (16+6);
	$('.head_image').append('<div class="slideshow_c" style="width: '+c_width+'px;"></div>');
	for(i = 0; i < image_list.length; i++)
	{
		$('.slideshow_c').append('<div class="slideshow_box" id="slideshow_box_' + i + '" onclick="navto(' + i + ')"></div>');
	}
	
	$('#slideshow_box_' + start_image).addClass('show');
	
//	$('.head_image img').attr('id', 'img_' + start_image);
	precacheImage(0, false);
	
	_slideShowInterval = setInterval('SlideShow()', _interval);
}

function precacheImage(index, single)
{
	if((index >= 0)&&(index < image_list.length))
	{
		if(!document.getElementById('img_' + index))
			$('.head_image').append('<img src="'+image_list[index]+'" class="hide" id="img_'+index+'" />');
		
		if(!single)
			setTimeout('precacheImage(' + (index+1) + ');', 2500);
	}
}

function navto(index)
{
	clearInterval(_slideShowInterval);
	
	if(index == start_image)
	{
		_slideShowInterval = setInterval('SlideShow()', _interval);
		return;
	}
	
	$('.slideshow_box.show').removeClass('show');
	$('#slideshow_box_' + index).addClass('show');
	
	precacheImage(index, true);

	fadeImage(start_image, index);
	
	start_image = index;
	
	_slideShowInterval = setInterval('SlideShow()', _interval);
}

function fadeImage(index1, index2)
{
	$('#img_'+index1)
		.animate({opacity: 0.0}, 1000)
		.addClass('hide');
	$('#img_'+index2)
		.animate({opacity: 1.0}, 1000)
		.removeClass('hide');
}

function SlideShow()
{
	next_index = 0;
	
	if(start_image+1 < image_list.length)
		next_index = start_image + 1;
	
	navto(next_index);
}