
(function($) {
	var current = 0;
	var img = $("#slideshow ul li");
	var item_length = img.length;
	var item_span = 30;
	var item_width = 653;
	
	var slideshow = $("#slideshow");
	
	var btn_left = document.createElement("img");
	$(btn_left)
		.attr("src","./anime/btn_left.png")
		.css({"cursor":"pointer","position":"absolute","left":"-30px","top":"117px"})
		.click( click_left );
	$(slideshow).append(btn_left);
	var btn_right = document.createElement("img");
	$(btn_right)
		.attr("src","./anime/btn_right.png")
		.css({"cursor":"pointer","position":"absolute","right":"-15px","top":"117px"})
		.click( click_right );
	$(slideshow).append(btn_right);
	
	$(slideshow).ready(	function(){auto_slide();} );
	
	$(img).each( function(img_index){
		var left = img_index*(item_width+item_span);
		$(this).css({"position":"absolute","left":left+"px"});
	} );
	
	function click_left(){
		var last = (current+item_length-1)%item_length;
		var left = -1*(item_width+item_span);
		$(img).eq(last).css({"left":left+"px"});
		slide(item_width+item_span);
		if( --current<0 ) current+=item_length;
		$(btn_left)
			.unbind('click',click_left)
			.animate({"left":"+=0px"},1000,function(){
				$(btn_left).bind("click",click_left);
			});
	}
	
	function click_right(){
		var last = (current+item_length+1)%item_length;
		var left = 1*(item_width+item_span);
		$(img).eq(last).css({"left":left+"px"});
		slide(-item_width-item_span);
		if( item_length<=++current ) current-=item_length;
		$(btn_right)
			.unbind('click',click_right)
			.animate({"right":"+=0px"},1000,function(){
				$(btn_right).bind("click",click_right);
			});
	}
	
	function slide(right){
		window.clearTimeout(timer);
		$(img).animate( {"left":"+="+right+"px"}, 1000 , function(){
			$(this).animate( {"opacity":"0.33"} , 10 , function(){
				$(this).animate( {"opacity":"1.0"} , 990 );
			});
		});
		if( 0<right )
			timer = window.setTimeout( function(){ $(btn_left).click(); } ,4500);
		else if( right<0 )
			timer = window.setTimeout( function(){ $(btn_right).click();  } ,4500);
	}
	
	var timer=0;
	function auto_slide(){
		timer = window.setTimeout( function(){ $(btn_right).click(); } ,4500);
	}
	
})(jQuery);

