(function($){
    /* プラグイン名（slideshow）を指定 */
    /* 関数にオプション変数を渡す */
    $.fn.slideshow=function(config){
    	 var defaults={
            selected:0
        }
        
        var options=$.extend(defaults, config);
        
       return this.each(function(){
        
	        
	        
	        var slideshowObj = $(this);
	        var selected = defaults.selected;
	        
	        var sectionNum = slideshowObj.find(".section").length;
	        
	        
	        var casePageLink = slideshowObj.find(".casePageLink");
	        
	        
	        var btnPrev = $('<li class="selectable"><img src="http://www.moreworks.jp/common/img/arw_case_page_left.jpg" alt="前のページへ" title="前のページへ" width="16" height="22"></li>');
	        btnPrev.mousedown(function(){
	        	if(selected>0){
	        		setImg(slideshowObj,selected-1);
	        	}
	        });
	        btnPrev.appendTo(casePageLink);
	        
	        var li;
	        var liStr;
	        var liClass;
	        for(var k=0;k<5;k++){
	        	if(k<sectionNum){
	        		liStr = (k+1);
	        		liClass = ' class="selectable"';
	        	}else{
	        		liStr = '-';
	        		liClass = '';
	        	}
	        	li = $('<li'+liClass+'>'+liStr+'</li>');
	        	if(k<sectionNum){
	        		li.data("id",k);
	        		
	        		li.mousedown(function(){
	        			setImg(slideshowObj,$(this).data("id"));
	        		});
	        		
	        	}
	        	li.appendTo(casePageLink);
	        }
	       	var btnNext = $('<li class="selectable last"><img src="http://www.moreworks.jp/common/img/arw_case_page_right.jpg" alt="次のページへ" title="次のページへ" width="16" height="22"></li>');
	        btnNext.mousedown(function(){
	        	if(selected<sectionNum-1){
	        		setImg(slideshowObj,selected+1);
	        	}
	        });
	        btnNext.appendTo(casePageLink);
	        
	        
	        
	        function setImg(slideshow,num){
	        	slideshow.find(".content").animate({"margin-left": -368*num},{duration: 200, easing: "linear"});
	        	slideshow.find(".casePageLink li").each(function(){
	        		if($(this).text()==(num+1)){
	        			$(this).addClass("selected");
	        		}else{
		        		$(this).removeClass("selected");
	        		}
	        	});
	        	selected=num;
	        }
	        setImg(slideshowObj,selected);
	        /*
	        return this.each(function(i){
	            $(this).text(this.tagName+"["+i+"]").css({"color":defaults.defColor,"padding":defaults.defPadding});
	        });
	        */
        
        });
    };
})(jQuery);


/*
<div class="casePic" id="scrollContent0">
	<div class="scroller">
		<div class="content">
			<div class="section" id="section1"><img src="https://www.moreworks.jp/php/img.php?p=http://www.moreworks.jp/img/client/showcase/306e31e9db5a559559df62ae3a8c0f14_0.jpg?r=4634" alt="" title="" border="0" /></div>
			<div class="section" id="section2"><img src="https://www.moreworks.jp/php/img.php?p=http://www.moreworks.jp/img/client/showcase/306e31e9db5a559559df62ae3a8c0f14_1.jpg?r=1210" alt="" title="" border="0" /></div>
			<div class="section" id="section3"><img src="https://www.moreworks.jp/php/img.php?p=http://www.moreworks.jp/img/client/showcase/306e31e9db5a559559df62ae3a8c0f14_2.jpg?r=8751" alt="" title="" border="0" /></div>
			<div class="section" id="section4"><img src="https://www.moreworks.jp/php/img.php?p=http://www.moreworks.jp/img/client/showcase/306e31e9db5a559559df62ae3a8c0f14_3.jpg?r=9977" alt="" title="" border="0" /></div>
			<div class="section" id="section5"><img src="https://www.moreworks.jp/php/img.php?p=http://www.moreworks.jp/img/client/showcase/306e31e9db5a559559df62ae3a8c0f14_4.jpg?r=1268" alt="" title="" border="0" /></div>
		</div>
	</div>
	<ul class="casePageLink" id="scrollControll0">
		<li><img src="http://www.moreworks.jp/common/img/arw_case_page_left.jpg" alt="前のページへ" title="前のページへ" width="16" height="22"></li>
		<li><strong>1</strong></li>
		<li><a href="#" onclick="moveArchive('0',1);return false;" title="2">2</a></li>
		<li>-</li>
		<li class="last"><img src="http://www.moreworks.jp/common/img/arw_case_page_right.jpg" alt="次のページへ" title="次のページへ" width="16" height="22"></li>
	</ul>
</div>
*/