var idx = 0;
var imgSlide_num;
var imgSlide_X;
	
function bnrSlide_Start(SliderObj, intv, width, stime, iconlistObj){

	return setInterval(
		function () {
//			SliderObj.bnrLeftSlide(width, stime);
			SliderObj.bnrRightSlide(width, stime);
			iconlistObj.find('img').imgReset();
			var srcimg = iconlistObj.find('a:eq('+idx+') img');
			srcimg.attr('src', srcimg.attr('src').replace('.jpg', '_on.jpg'));
		},
		intv
	);
}

$.fn.bnrLeftSlide = function(bnr_X, slideTime){
	if(--idx < 0){
		idx = imgSlide_num;
	}
	var sliderObj = this;
	var tmp = sliderObj.find('li:last').clone(true);
	sliderObj.prepend(tmp);
	sliderObj.find('li:last').remove();
	sliderObj.css('left', '-' + bnr_X + 'px');
	sliderObj.animate({
			left: '0px'
		},{
			duration : slideTime,
			easing   : "easeInOutCubic",
			complete : function(){
				$(this).find('li:gt(3) img').hide();
			}
		}
	);
	return this;
}

$.fn.bnrRightSlide = function(bnr_X, slideTime){
	if(++idx >= imgSlide_num){
		idx = 0;
	}
	var sliderObj = this;
	var tmp = sliderObj.find('li:first').clone(true);
	sliderObj.animate({
			left: '-' + bnr_X + 'px'
		},{
			duration : slideTime,
			easing   : "easeInOutCubic",
			complete : function(){
				$(this).append(tmp);
				$(this).find('li:first').remove();
				$(this).css('left', '0px');
			}
		}
	);
	return this;
}

$.fn.imgReset = function(){
	var resetObj = this;
	resetObj.each(function(){
		$(this).attr('src', $(this).attr('src').replace('_on', ''));
	});
	return this;
}

$(function(){

// - Image Slider -----------------------------------------------------------------------------
	var slidetime = 700;
	var autoSlideInterval = 5000;
	var slideObj = $('#image_slider li');
	imgSlide_num = slideObj.length;
	imgSlide_X = parseFloat( slideObj.css('width') ) + parseFloat( slideObj.css('padding-left') ) + parseFloat( slideObj.css('padding-right') );
	var imgSlider_X = imgSlide_X * imgSlide_num;
	var imgASIntvID;

	$('#image_slider ul').css({
		width: imgSlider_X + 'px',
		left: '0px'
	});
	
	$('.slide_button_img a:eq(0) img').attr('src', $('.slide_button_img a:eq(0) img').attr('src').replace('.jpg', '_on.jpg'));
	
	// AutoImageSlide Start
	if(imgSlide_num > 2){
		var sliderObj = $('#image_slider ul:not(:animated)');
		imgASIntvID = bnrSlide_Start(sliderObj, autoSlideInterval, imgSlide_X, slidetime, $('.slide_button_img'));
	}

	$('.slide_button_img a').click(function(){
		clearInterval(imgASIntvID);
		var cidx = $('.slide_button_img a').index(this);
		if(idx != cidx){
			var num = cidx - idx;
			if(num < 0){
				num = imgSlide_num + num;
			}
			var sldx = imgSlide_X * num;
			$('#image_slider ul:not(:animated)').animate({
					left: '-' + sldx + 'px'
				},{
					duration : slidetime,
					easing   : "easeInOutCubic",
					complete : function(){
						for(i=0;i<num;i++){
							var tmp = $('#image_slider ul').find('li:first').clone(true);
							$(this).append(tmp);
							$(this).find('li:first').remove();
						}
						$(this).css('left', '0px');
						idx = cidx;
					}
				}
			);
			$('.slide_button_img img').imgReset();
			var srcimg = $(this).find('img');
			srcimg.attr('src', srcimg.attr('src').replace('.jpg', '_on.jpg'));
		}
		imgASIntvID = bnrSlide_Start(sliderObj, autoSlideInterval, imgSlide_X, slidetime, $('.slide_button_img'));
		return false;
	});


});