// JavaScript Document
$(function(){
  var pno=1;
  var pname='#pon'+pno;
  var poname='#po'+pno;							
	 $('#wrapper #index #pointmenu li').addClass('bpoint');
     $(pname).fadeIn(2000);
	 $(poname).removeClass('bpoint');		
	 $(poname).addClass('apoint');
  var myInterval = setInterval(showPic,7000);
	    function showPic(){
			$(pname).fadeOut(2000);
			$(poname).removeClass('apoint');
	    	$(poname).addClass('bpoint');
			pno++;
			if(pno>6){pno=1;}
			if(pno<=0){pno=6;}
	 pname='#pon'+pno;
	 poname='#po'+pno;
	 $(pname).fadeIn(2000);
	 $(poname).removeClass('bpoint');	
	 $(poname).addClass('apoint');
		}
		//下一頁
		$('#buttright').click(function(){
			clearInterval(myInterval);
			showPic();
			myInterval = setInterval(showPic,7000);
		});	
		//上一頁
	    $('#buttleft').click(function(){
			clearInterval(myInterval);
			pno-=2;
			showPic();
			myInterval = setInterval(showPic,7000);
        });
		//點選小圓鈕
        $('#pointmenu li').click(function(){
		clearInterval(myInterval);
		plength=Number($(this).attr('id').length);
		pno=Number($(this).attr('id').substring(2,plength))-1;
		showPic();
		myInterval = setInterval(showPic,7000);	
	    });
});


$(function(){
  var pno=1;
  var pname='#pic'+pno;						
     $(pname).fadeIn(3000);
  var myInterval = setInterval(showPic,8000);
	    function showPic(){
			$(pname).fadeOut(3000);
			pno++;
			if(pno>3){pno=1;}
			if(pno<=0){pno=3;}
	 pname='#pic'+pno;
	 $(pname).fadeIn(3000);
		}
		
});