$(function(){
	var page = 1;
    var i = 4; 
    $("span.nextA").click(function(){ 
	     var $parent = $("#gallery");
		 var $v_show = $("#galleryImages"); 
		 var $v_content =$("#galleryInner"); 
		 var v_width = $v_content.width() ;
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / i) ; 
		 if( !$v_show.is(":animated") ){
			  if( page == page_count ){ 
				$v_show.animate({ left : '0px'}, "slow"); 
				page = 1;
				}else{
				$v_show.animate({ left : '-='+v_width }, "slow"); 
				page++;
			 }
		 }
   });                  //ÓÒ±ß°´Å¥
	
    $("span.prevA").click(function(){
	     var $parent = $("#gallery");
		 var $v_show = $("#galleryImages");
		 var $v_content = $("#galleryInner");
		 var v_width = $v_content.width();
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / i) ;  
		 if( !$v_show.is(":animated") ){ 
		 	 if( page == 1 ){ 
				$v_show.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
			}else{
				$v_show.animate({ left : '+='+v_width }, "slow");
				page--;
			}
		}
    });	                 //×ó±ß°´Å¥
	
	var page1 = 1;
    var j= 4; 
    $("span.next1").click(function(){ 
	     var $parent1 = $("#gallery1");
		 var $v_show1 = $("#galleryImages1"); 
		 var $v_content1 =$("#galleryInner1"); 
		 var v_width1 = $v_content1.width() ;
		 var len1 = $v_show1.find("li").length;
		 var page_count1 = Math.ceil(len1 / j) ; 
		 if( !$v_show1.is(":animated") ){
			  if( page1 == page_count1 ){ 
				$v_show1.animate({ left : '0px'}, "slow"); 
				page1 = 1;
				}else{
				$v_show1.animate({ left : '-='+v_width1 }, "slow"); 
				page1++;
			 }
		 }
   });
    $("span.prev1").click(function(){
	     var $parent1 = $("#gallery1");
		 var $v_show1 = $("#galleryImages1");
		 var $v_content1 = $("#galleryInner1");
		 var v_width1 = $v_content1.width();
		 var len1 = $v_show1.find("li").length;
		 var page_count1 = Math.ceil(len1 / j) ;  
		 if( !$v_show1.is(":animated") ){ 
		 	 if( page1 == 1 ){ 
				$v_show1.animate({ left : '-='+v_width1*(page_count1-1) }, "slow");
				page1 = page_count1;
			}else{
				$v_show1.animate({ left : '+='+v_width1 }, "slow");
				page1--;
			}
		}
    });	
	
})

$(function(){
	var links=$('.tab li');
	$('.tab li:first').addClass('current01');
		$('.sub>div:gt(0)').hide();
		$('.tab li').click(function(){
				if($(this).focus()){
					$(this).blur()	
				};
				var index=links.index(this);
				$(this).addClass('current01').siblings().removeClass('current01');
				$('.sub>div').eq(index).show().siblings().hide();
				return false;
	});
	
	
	var links01=$('.tab01 li');
	$('.tab01 li:first').addClass('current02');
	$('.sub01>div:gt(0)').hide();
	$('.tab01 li').click(function(){
		if($(this).focus()){
			$(this).blur()	
		};
		var index01=links01.index(this);
		$(this).addClass('current02').siblings().removeClass('current02');
		$('.sub01>div').eq(index01).show().siblings().hide();
		$(this).css('cursor','pointer');
		return false;
	});
	
	var links02=$('.tab02 li');
	$('.tab02 li:first').addClass('current02');
	$('.sub02>div:gt(0)').hide();
	$('.tab02 li').click(function(){
		if($(this).focus()){
			$(this).blur()	
		};
		var index02=links02.index(this);
		$(this).addClass('current02').siblings().removeClass('current02');
		$('.sub02>div').eq(index02).show().siblings().hide();
		$(this).css('cursor','pointer');
		return false;
	});
	
	var links03=$('.tab03 li');
	$('.tab03 li:first').addClass('current03');
	$('.sub03>div:gt(0)').hide();
	$('.tab03 li').click(function(){
		if($(this).focus()){
			$(this).blur()	
		};
		var index03=links03.index(this);
		$(this).addClass('current03').siblings().removeClass('current03');
		$('.sub03>div').eq(index03).show().siblings().hide();
		$(this).css('cursor','pointer');
		return false;
	});
	//$('.ui-slide').slide();
 
	$('#info-1 .info-imp').hover(
 
		function(){
 
			$('#'+$(this).attr('sublist'))
 
			.css({'left':$(this).position().left+$(this).width()+6,'top':$(this).position().top-10})
 
			.fadeIn('fast');
 
		},
 
		function(event){
 
			toElem=event.toElement||event.relatedTarget;
 
			if($(toElem).attr('id')==$(this).attr('sublist')) return;
 
			$('#'+$(this).attr('sublist')).fadeOut('slow');
 
		}
 
	);
 
	$('#info-1 .sublist').hover(
 
		function(){},
 
		function(event){
 
			toElem=event.toElement||event.relatedTarget;
 
			if($(toElem).attr('sublist')==$(this).attr('id')) return;
 
			$(this).fadeOut('slow');
 
		}
 
	);
	
 });

