/*---------------------------------------------
 Brass
 toppage slider
---------------------------------------------*/

$(function(){
	
	/*------------------------------
	/ define and setting
	------------------------------*/
	var DEF_TIME_AUTO	= 5000;
	var DEF_TIME_ANIME	= 500;
	var DEF_IMG_WIDTH	= 278;
	var DEF_NUM_SLIDE	= 3;
	var DEF_MAX_SLIDE	= $('#mainImage #slideAreaIn li').length;
	var DEF_ARR_SLIDE	= new Array();
	
	$('#mainImage #slideAreaIn li').each( function(){
		var intCurrent	= $('#mainImage #slideAreaIn li').index($(this));
		$(this).css({
			position	: 'absolute',
			left		: (DEF_IMG_WIDTH * intCurrent) + 'px',
			top			: 0
		}).attr('name', intCurrent);
		
		DEF_ARR_SLIDE.push($(this));
		
	});
	
	for( i=0; i<DEF_MAX_SLIDE; i++ ){
		if( (DEF_NUM_SLIDE-1)<i ){
			DEF_ARR_SLIDE[i].remove();
		}
	}
	
	/*------------------------------
	/ event
	/------------------------------*/
	$('#mainImage #slideArea #leftBtn').click(clickLeftBtn);
	$('#mainImage #slideArea #rightBtn').click(clickRightBtn);
	$('#mainImage #slideArea #leftBtn2').click(clickLeftBtn2);
	$('#mainImage #slideArea #rightBtn2').click(clickRightBtn2);
	timeSlider();
	
	/*------------------------------
	/ function
	/------------------------------
	/ timeSlider()		: timeSliderId
	/ clickLeftBtn()
	/ clickRightBtn()
	/ clickLeftBtn2()
	/ clickRightBtn2()
	/------------------------------*/
	
	var timeSliderId;
	function timeSlider(){
		timeSiderId		= setInterval( function(){
			var intNext	= Number($('#mainImage #slideAreaIn li:visible').last().attr('name'));
			clickRightBtn(intNext);
		}, DEF_TIME_AUTO);
	}
	
	function clickLeftBtn(){
		var intFirst	= Number($('#mainImage #slideAreaIn li:visible').first().attr('name'));
		var intLast		= Number($('#mainImage #slideAreaIn li:visible').last().attr('name'));
		var intNext;
		
		if( intFirst <= 0 ){
			intNext		= DEF_MAX_SLIDE-1;
		}
		else {
			intNext		= intFirst-1;
		}
		
		DEF_ARR_SLIDE[intNext].clone().prependTo($('#mainImage #slideAreaIn ul')).css({ left : (-DEF_IMG_WIDTH) + 'px', display : 'block' });
		
		//animate
		clearInterval(timeSiderId);
		$('#mainImage #slideArea #leftBtn').unbind( 'click', clickLeftBtn);
		$('#mainImage #slideArea #rightBtn').unbind( 'click', clickRightBtn);
		$('#mainImage #slideArea #leftBtn2').unbind( 'click', clickLeftBtn2);
		$('#mainImage #slideArea #rightBtn2').unbind( 'click', clickRightBtn2);
		var flgAnime	= 0;
		$('#mainImage #slideAreaIn li:visible').animate( { left : '+=' + DEF_IMG_WIDTH + 'px' }, DEF_TIME_ANIME, function(){
			if( flgAnime == 0 ){
				$('#mainImage #slideAreaIn li:visible').last().remove();
				
				$('#mainImage #slideArea #leftBtn').click(clickLeftBtn);
				$('#mainImage #slideArea #rightBtn').click(clickRightBtn);
				$('#mainImage #slideArea #leftBtn2').click(clickLeftBtn2);
				$('#mainImage #slideArea #rightBtn2').click(clickRightBtn2);
				timeSlider();
			}
			flgAnime++;
		});
	}
	
	function clickRightBtn(argCurrent){
		
		var intFirst	= Number($('#mainImage #slideAreaIn li:visible').first().attr('name'));
		var intLast		= Number($('#mainImage #slideAreaIn li:visible').last().attr('name'));
		var intNext;
		
		if(isFinite(argCurrent)){
			intLast	= argCurrent;
		}
		
		if( intLast >= (DEF_MAX_SLIDE-1) ){
			intNext		= 0;
		}
		else {
			intNext		= intLast+1;
		}
		
		DEF_ARR_SLIDE[intNext].clone().appendTo($('#mainImage #slideAreaIn ul')).css({ left : (DEF_IMG_WIDTH * DEF_NUM_SLIDE) + 'px', display : 'block' });
		
		//animate
		clearInterval(timeSiderId);
		$('#mainImage #slideArea #leftBtn').unbind( 'click', clickLeftBtn);
		$('#mainImage #slideArea #rightBtn').unbind( 'click', clickRightBtn);
		$('#mainImage #slideArea #leftBtn2').unbind( 'click', clickLeftBtn2);
		$('#mainImage #slideArea #rightBtn2').unbind( 'click', clickRightBtn2);
		var flgAnime	= 0;
		$('#mainImage #slideAreaIn li:visible').animate( { left : '-=' + DEF_IMG_WIDTH + 'px' }, DEF_TIME_ANIME, function(){
			if( flgAnime == 0 ){
				$('#mainImage #slideAreaIn li:visible').first().remove();
				
				$('#mainImage #slideArea #leftBtn').click(clickLeftBtn);
				$('#mainImage #slideArea #rightBtn').click(clickRightBtn);
				$('#mainImage #slideArea #leftBtn2').click(clickLeftBtn2);
				$('#mainImage #slideArea #rightBtn2').click(clickRightBtn2);
				timeSlider();
			}
			flgAnime++;
		});
	}
	
	function clickLeftBtn2(){
		
		for( i=0; i<DEF_NUM_SLIDE; i++){
			
			var intNext	= Number($('#mainImage #slideAreaIn li:visible').first().attr('name'))-1;
			if( intNext < 0 ){
				intNext	= DEF_MAX_SLIDE-1;
			}
			
			DEF_ARR_SLIDE[intNext].clone().prependTo($('#mainImage #slideAreaIn ul')).css({ left : (-DEF_IMG_WIDTH * (i+1)) + 'px', display : 'block' });
		}
		
		//animate
		clearInterval(timeSiderId);
		$('#mainImage #slideArea #leftBtn').unbind( 'click', clickLeftBtn);
		$('#mainImage #slideArea #rightBtn').unbind( 'click', clickRightBtn);
		$('#mainImage #slideArea #leftBtn2').unbind( 'click', clickLeftBtn2);
		$('#mainImage #slideArea #rightBtn2').unbind( 'click', clickRightBtn2);
		var flgAnime	= 0;
		$('#mainImage #slideAreaIn li:visible').animate( { left : '+=' + (DEF_IMG_WIDTH * (DEF_NUM_SLIDE)) + 'px' }, DEF_TIME_ANIME, function(){
			if( flgAnime == 0 ){
				for( i=0; i<DEF_NUM_SLIDE; i++){
					$('#mainImage #slideAreaIn li:visible').last().remove();
				}
				$('#mainImage #slideArea #leftBtn').click(clickLeftBtn);
				$('#mainImage #slideArea #rightBtn').click(clickRightBtn);
				$('#mainImage #slideArea #leftBtn2').click(clickLeftBtn2);
				$('#mainImage #slideArea #rightBtn2').click(clickRightBtn2);
				timeSlider();
			}
			flgAnime++;
		});
	}
	
	function clickRightBtn2(){
		
		for( i=0; i<DEF_NUM_SLIDE; i++ ){
			
			var intNext	= Number($('#mainImage #slideAreaIn li:visible').last().attr('name'))+1;
			if( intNext > (DEF_MAX_SLIDE-1) ){
				intNext		= 0;
			}
			
			DEF_ARR_SLIDE[intNext].clone().appendTo($('#mainImage #slideAreaIn ul')).css({ left : (DEF_IMG_WIDTH * (DEF_NUM_SLIDE+i)) + 'px', display : 'block' });
		}
		
		//animate
		clearInterval(timeSiderId);
		$('#mainImage #slideArea #leftBtn').unbind( 'click', clickLeftBtn);
		$('#mainImage #slideArea #rightBtn').unbind( 'click', clickRightBtn);
		$('#mainImage #slideArea #leftBtn2').unbind( 'click', clickLeftBtn2);
		$('#mainImage #slideArea #rightBtn2').unbind( 'click', clickRightBtn2);
		var flgAnime	= 0;
		$('#mainImage #slideAreaIn li:visible').animate( { left : '-=' + (DEF_IMG_WIDTH * (DEF_NUM_SLIDE)) + 'px' }, DEF_TIME_ANIME, function(){
			if( flgAnime == 0 ){
				for( i=0; i<DEF_NUM_SLIDE; i++){
					$('#mainImage #slideAreaIn li:visible').first().remove();
				}
				$('#mainImage #slideArea #leftBtn').click(clickLeftBtn);
				$('#mainImage #slideArea #rightBtn').click(clickRightBtn);
				$('#mainImage #slideArea #leftBtn2').click(clickLeftBtn2);
				$('#mainImage #slideArea #rightBtn2').click(clickRightBtn2);
				timeSlider();
			}
			flgAnime++;
		});
	}
});