﻿$(function(){

	slideshow.index = 0;
	slideshow.click = true;
	slideshow.play = true;

	$('#slideShow_'+slideshow.id).html('<div class="step"><span>1/'+slideshow.photos.length+'</span><img class="loading" src="http://liwl.net/img/loading_small.gif" /><div class="clear"></div></div><img class="img1 active" src="'+slideshow.path+slideshow.photos[0].file+'" /><img class="img2" src="'+slideshow.path+slideshow.photos[1].file+'" /><table cellpadding="0" cellspacing="0" border="0"><tr><td class="desc" valign="middle">'+slideshow.photos[0].desc+'</td></tr></table><a class="back" href="#">back</a><a class="pause" href="#">play</a><a class="forward" href="#">forward</a><div class="clear"></div>');
	$('#slideShow_'+slideshow.id+' .img2').fadeTo(0, 0);

	function slideShowBack(){
		if(slideshow.index>0){
			slideshow.index--;
			if($('#slideShow_'+slideshow.id+' .img1').is('.active')){
				$('#slideShow_'+slideshow.id+' .img2').load(function(){
					$(this).unbind('load').fadeTo(slideshow.fade, 1, function(){
						$('#slideShow_'+slideshow.id+' .step span').html(slideshow.index+1+'/'+slideshow.photos.length);
						$('#slideShow_'+slideshow.id+' .desc').html(slideshow.photos[slideshow.index].desc);
						$('#slideShow_'+slideshow.id+' .img1').removeClass('active');
						slideshow.click = true;
					});
				}).attr('src',slideshow.path+slideshow.photos[slideshow.index].file);
			} else {
				$('#slideShow_'+slideshow.id+' .img1').load(function(){
					$(this).unbind('load');
					$('#slideShow_'+slideshow.id+' .img2').fadeTo(slideshow.fade, 0, function(){
						$('#slideShow_'+slideshow.id+' .step span').html(slideshow.index+1+'/'+slideshow.photos.length);
						$('#slideShow_'+slideshow.id+' .desc').html(slideshow.photos[slideshow.index].desc);
						$('#slideShow_'+slideshow.id+' .img1').addClass('active');
						slideshow.click = true;
					});
				}).attr('src',slideshow.path+slideshow.photos[slideshow.index].file);
			}
		} else {
			slideshow.click = true;
		}
	}

	function slideShowForward(){
		if(slideshow.index<slideshow.photos.length-1){
			slideshow.index++
			if($('#slideShow_'+slideshow.id+' .img1').is('.active')){
				$('#slideShow_'+slideshow.id+' .img2').load(function(){
					$(this).unbind('load').fadeTo(slideshow.fade, 1, function(){
						$('#slideShow_'+slideshow.id+' .step span').html(slideshow.index+1+'/'+slideshow.photos.length);
						$('#slideShow_'+slideshow.id+' .desc').html(slideshow.photos[slideshow.index].desc);
						$('#slideShow_'+slideshow.id+' .img1').removeClass('active');
						slideshow.click = true;
						if(slideshow.play == true){
							clearTimeout(slideshow.timeout);
							slideshow.timeout = setTimeout(slideShowForward, slideshow.delay);
						}
					});
				}).attr('src',slideshow.path+slideshow.photos[slideshow.index].file);
			} else {
				$('#slideShow_'+slideshow.id+' .img1').load(function(){
					$(this).unbind('load');
					$('#slideShow_'+slideshow.id+' .img2').fadeTo(slideshow.fade, 0, function(){
						$('#slideShow_'+slideshow.id+' .step span').html(slideshow.index+1+'/'+slideshow.photos.length);
						$('#slideShow_'+slideshow.id+' .desc').html(slideshow.photos[slideshow.index].desc);
						$('#slideShow_'+slideshow.id+' .img1').addClass('active');
						slideshow.click = true;
						if(slideshow.play == true){
							clearTimeout(slideshow.timeout);
							slideshow.timeout = setTimeout(slideShowForward, slideshow.delay);
						}
					});
				}).attr('src',slideshow.path+slideshow.photos[slideshow.index].file);
			}
		} else {
			slideshow.index = -1;
			$('#slideShow_'+slideshow.id+' .pause').click();
			slideshow.click = true;
			//slideShowForward();
		}
	}

	$('#slideShow_'+slideshow.id+' .forward').click(function(e){
		e.preventDefault();
		$('#slideShow_'+slideshow.id+' .loading').show();
		if(slideshow.click==true){
			slideshow.click = false;
			$(this).addClass('playing');
			$('#slideShow_'+slideshow.id+' .pause').removeClass('paused');
			slideshow.play = true;
			if(!$(this).is('.playing')){
				slideshow.timeout = setTimeout(slideShowForward, slideshow.delay);
			} else {
				slideshow.click = false;
				slideShowForward();
			}
		}
	});

	$('#slideShow_'+slideshow.id+' .back').click(function(e){
		e.preventDefault();
		if(slideshow.click==true){
			slideshow.click = false;
			$('#slideShow_'+slideshow.id+' .pause').click();
			slideShowBack();
		}
	});

	$('#slideShow_'+slideshow.id+' .pause').click(function(e){
		e.preventDefault();
		slideshow.play = false;
		clearTimeout(slideshow.timeout);
		$('#slideShow_'+slideshow.id+' .loading').hide();
		$('#slideShow_'+slideshow.id+' .pause').addClass('paused');
		$('#slideShow_'+slideshow.id+' .forward').removeClass('playing');
	});

	$('#slideShow_'+slideshow.id+' img').toggle(
		function(e){
			e.preventDefault();
			$('#slideShow_'+slideshow.id+' .loading').show();
			slideshow.play = true;
			slideshow.timeout = setTimeout(slideShowForward, slideshow.delay);
			$('#slideShow_'+slideshow.id+' .pause').removeClass('paused');
			$('#slideShow_'+slideshow.id+' .forward').addClass('playing');
		},
		function(e){
			e.preventDefault();
			slideshow.play = false;
			clearTimeout(slideshow.timeout);
			$('#slideShow_'+slideshow.id+' .loading').hide();
			$('#slideShow_'+slideshow.id+' .pause').addClass('paused');
			$('#slideShow_'+slideshow.id+' .forward').removeClass('playing');
		}
	);

});