var slidePage = 1;

$(function(){
	// เริ่มส่วนที่่ควรปรับแต่ง 
	var box_w=345;  // กำหนดความกว้างของแต่ละ box 
	var box_h=200;	// กำหนดความสูงของ slide  
	var box_show=2;	 // กำหนดจำนวนรายการที่จะแสดงเริ่มต้น
	var nav_w=22;   // กำหนดความกว้างของตัวเลื่อยนซ้าย ขวา 
	var marGL=0;	 // กำหนดระยะห่างของแต่ละ box    
	// สิ้นสุดส่วนที่ควรปรับแต่ง
	var slide_w=(box_show*(marGL+box_w))+(nav_w*2)+marGL
	var content_w=(box_show*(marGL+box_w));
	var nol_nav_l,new_nev_l=null;
	$("span#slide_box_sp").width(slide_w);
	$("span.list_nav").width(box_w).css("marginLeft",marGL);
	//$("span#slide_box_sp,span#slide_box_sp *").height(box_h);
	
	
	$("div.go_l_nav_none,div.go_r_nav_none").height(box_h);
	$("div.go_l_nav_none,div.go_r_nav_none").width(nav_w);
	
	
	
	$("div.go_l_nav,div.go_r_nav").height(box_h);
	$("div.content_slide").height(box_h);
	$("div#content_slide_in").height(box_h);
	$("span.list_nav").height(box_h);
	
	$("span#slide_box_sp").height(box_h);
	
	
	
	$("div.go_l_nav,div.go_r_nav").width(nav_w);
	$("div.go_r_nav").css("marginLeft",marGL);
	$("div.content_slide").width(content_w);
	$("div#content_slide_in").css("marginLeft","0px");
	$("div.go_r_nav").click(function(){
		
		slidePage++;
		
		if (slidePage > allSlidePage)
			slidePage = allSlidePage;
		
		setBorder(box_show);
									 
		var numA=$("div#content_slide_in > span").length-box_show;
		numA=numA*(box_w+marGL);
		if (numA > 0) {
			var charA="-"+numA+"px";
		} else {
			numA = 0;
			var charA=numA+"px";
		}
			
		now_nav_l=$("div#content_slide_in").css("marginLeft");
		
		if(now_nav_l!=charA){
			now_nav_l=now_nav_l.replace("px","");
			new_nav_l=now_nav_l-box_w-marGL;
			$("div#content_slide_in").animate({
				marginLeft:new_nav_l
			},100);
		}
	});
	$("div.go_l_nav").click(function(){
		
		slidePage--;
		
		if (slidePage <= 0)
			slidePage = 1;
			
		setBorder(box_show);
		
									 
		now_nav_l=$("div#content_slide_in").css("marginLeft");
		if(now_nav_l!="0px"){
			now_nav_l=now_nav_l.replace("px","");
			now_nav_l=parseInt(now_nav_l);
			new_nav_l=now_nav_l+box_w+marGL;
			$("div#content_slide_in").animate({
				marginLeft:new_nav_l
			},100);
		}
	});
	
	//document.getElementById('showSlideOk').style.display = '';
	//$('#showSlideOk').show(500);
	
});


function setBorder(box_show) {
	
	var s_start = slidePage;
	var s_stop = (s_start+box_show-1);
	
	for (var i=s_start; i<=s_stop; i++) {
		
		if (document.getElementById('box_' + i)) {
			
			if (i < s_stop)
				document.getElementById('box_' + i).style.borderRight="solid 1px #ccc";
			else
				document.getElementById('box_' + i).style.borderRight="none";
				
		} // end if (document.getElementById('box_' + i)) {
	
	} // end for
	
} // end function