var delay = 4050;
var start_frame = 0;
var duration_frame = 0.2;
var end_frame = 0;
var isPlay = true;
var timeOut = null;
var frame = 0;
lis = null;

function initSlideShow() {
	lis = $('slide-images').getElementsByTagName('li');
	
	for( i=0; i < lis.length; i++){
		if(i!=0){
			lis[i].style.display = 'none';
		}
	}
	end_frame = lis.length -1;
	
	start_slideshow(start_frame, end_frame, delay, lis);
	
	
}

function start_slideshow(start_frame, end_frame, delay, lis) {
	timeOut = setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
}


function fadeInOut(framef, start_frame, end_frame, delay, lis) {
	frame = framef;
	var rightFade = false;
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame], { duration: 0.1 });
		if (frame == end_frame) { frame = start_frame;rightFade = true; } else { frame++; }
		lisAppear = lis[frame];
		setSlideIndex(frame);
		if(!rightFade)
		{
			setTimeout("Effect.SlideLeftIn(lisAppear, { duration: "+ duration_frame +" });", 0);			
		}
		else
		{
			setTimeout("Effect.SlideRightIn(lisAppear, { duration: "+ duration_frame +" });", 0);
		}
		
		if(isPlay)
		{
			timeOut = setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
		}
	})
	
}

function timeoutClear()
{	
	clearTimeout(timeOut);
}

function getSlideNext()
{
	timeoutClear();
	var rightFade = false;
	var isPlay = false;
	lis = $('slide-images').getElementsByTagName('li');
	Effect.Fade(lis[frame], { duration: 0.1 });
	if (frame == end_frame) { frame = start_frame; rightFade = true;} else { frame++; }
	setSlideIndex(frame);
	lisAppear = lis[frame];
	if(!rightFade)
	{
		Effect.SlideLeftIn(lisAppear, { duration: duration_frame });
	}
	else
	{
		Effect.SlideRightIn(lisAppear, { duration: duration_frame });
	}
}

function getSlidePrev()
{
	timeoutClear();
	var isPlay = false;
	var leftFade = false;
	lis = $('slide-images').getElementsByTagName('li');
	Effect.Fade(lis[frame], { duration: 0.1 });
	if (frame == start_frame) { frame = end_frame;leftFade = true; } else { frame--; }
	setSlideIndex(frame);
	lisAppear = lis[frame];
	if(!leftFade)
	{
		Effect.SlideRightIn(lisAppear, { duration: duration_frame });
	}
	else
	{
		Effect.SlideLeftIn(lisAppear, { duration: duration_frame });
	}
}

function pauseSlide()
{
	timeoutClear();
}

function playSlide()
{
	
	timeOut = setTimeout(fadeInOut(frame ,start_frame,end_frame, delay, lis), delay);
}

function setSlideIndex(index)
{

	for(var i = 1 ; i <= lis.length; i++)
	{
		try{
			var divId= 'slide' + i;
			$(divId).src = 'images/bt__number_recomment_'+i+'.jpg';
		}catch(err){}
	}
	var divId = 'slide' + (index+1)
	try{
		$(divId).src = 'images/dot2.gif';
	}catch(err){}
}

function gotoSlideNum(index)
{
	timeoutClear();
	var rightFade = false;
	var isPlay = false;
	lis = $('slide-images').getElementsByTagName('li');
	Effect.Fade(lis[frame], { duration: 0.1 });
	frame = index;
	/*if (frame == end_frame) { frame = start_frame; rightFade = true;} else { frame++; }*/
	setSlideIndex(frame);
	lisAppear = lis[frame];
	if(!rightFade)
	{
		Effect.SlideLeftIn(lisAppear, { duration: duration_frame });
	}
	else
	{
		Effect.SlideRightIn(lisAppear, { duration: duration_frame });
	}
}