<!-- informaiton page -->
$(document).ready(function(){
	
	//show banner photos
	$('#slidebox img').css({'display' : 'block' });
	
	//easing
	jQuery.extend( jQuery.easing,{easeOutQuart: function (x, t, b, c, d) {return -c * ((t=t/d-1)*t*t*t - 1) + b;}});
	
	var slideOn = true;
	var restartnum;
	var nownum=0;
	
	//Slide Setting
	$('#slidebox').cycle({ 
   	fx: 'scrollHorz', 
   	timeout: 5000,
	easing: 'easeOutQuart',
	before: onBefore,
	after: onAfter,
	pager:  '#slide_navi' ,
	pause: 1,
	pauseOnPagerHover: 0,
	pagerClick: function(zeroBasedSlideIndex, slideElement) { 
		if(nownum!=zeroBasedSlideIndex){
			var tnum =  new String($(slideElement).children().attr("className"));
			var nextnum = Number(tnum.slice(1))-1;
			restartnum = nextnum;
			slideOn = false;
		}
	}, 
	pagerAnchorBuilder: function(idx, slide) { 
        return '#slide_navi li:eq(' + idx + ') a'; 
    }
	 
 	});
	
	//restart Slide Setting
	function restartSlide(){
		$('#slidebox').cycle({ 
		fx: 'scrollHorz', 
		timeout: 0,
		easing: 'easeOutQuart',
		before: onBefore,
		startingSlide: restartnum,
		pager:  '#slide_navi' ,
		pagerAnchorBuilder: function(idx, slide) { 
    	    return '#slide_navi li:eq(' + idx + ') a'; 
    	}
		});
	}
	
	
	//change btn2
	function onBefore(){
		var nowClass = $(this).children().attr("className");
		nownum = Number(nowClass.slice(1))-1;
		var tarBtn = $('#slide_navi li.p'+(nownum+1)+' a img');
		$('#slide_navi li a img').removeClass("active_btn")
		$('#slide_navi li a img').attr("src",$('#slide_navi li a img').attr("src").replace("2.gif", ".gif"));
		tarBtn.addClass("active_btn")
		tarBtn.attr("src",tarBtn.attr("src").replace(".gif", "2.gif"));
	}
	
	//if clicked thumbBtn, stop autoSlide and reStart new Slide
	function onAfter(){
		if(!slideOn){
			$('#slidebox').cycle('stop');
			restartSlide();
		}
		
	}
	
	
	//thumb button setting
	$('#rightcolumn1 ul li a').click(function(){
		if(slideOn)slideOn = false;
		return false;
	});
	
	$('#rightcolumn1 ul li a').hover(
		function(){
			var tarbtnClass = $(this).children().attr("className");
			if(tarbtnClass!="active_btn")$(this).children().attr("src",$(this).children().attr("src").replace(".gif", "2.gif"));
		},
		function(){
			var tarbtnClass2 = $(this).children().attr("className");
			if(tarbtnClass2!="active_btn")$(this).children().attr("src",$(this).children().attr("src").replace("2.gif", ".gif"));
		}
	);

	
	
  
});