$(function(){
	
	
	var sWidth = $("#slider_name").width();
	var nowLeft;
	var nowLeft1;
	var len = $("#slider_name .silder_panel").length;
	var index = 0;
	var picTimer;
	
	var btn = "<a class='prev'  style='display:none;'>Prev</a><a class='next'  style='display:none;'>Next</a>";
	$("#slider_name").append(btn);

	$("#slider_name .silder_nav li").css({"opacity":"0.6","filter":"alpha(opacity=60)"}).mouseenter(function() {																		
		index = $("#slider_name .silder_nav li").index(this);
		
		showPics(index);
	}).eq(0).trigger("mouseenter");

	$("#slider_name .prev,#slider_name .next").css({"opacity":"1","filter":"alpha(opacity=20)"}).hover(function(){
		$(this).stop(true,false).animate({"opacity":"0.2","filter":"alpha(opacity=60)"},300);
	},function() {
		$(this).stop(true,false).animate({"opacity":"1","filter":"alpha(opacity=20)"},300);
	});


	// Prev
	$("#slider_name .prev").click(function() {
		index -= 1;
		if(index == -1) {index = len - 1;}
		showPics(index);
	});

	// Next
	$("#slider_name .next").click(function() {
		index += 1;
		if(index == len) {index = 0;}
		showPics(index);
	});

	// 
	$("#slider_name .silder_con").css("width",sWidth * (len));
	

	
	// showPics
	function showPics(index) {
		var nowLeft = -index*sWidth; 
		$("#slider_name .silder_con").stop(true,false).animate({"left":nowLeft},300);
		$("#slider_name .silder_nav li").removeClass("current").eq(index).addClass("current"); 
		$("#slider_name .silder_nav li").stop(true,false).animate({"opacity":"0.5"},300).eq(index).stop(true,false).animate({"opacity":"1"},300);
	}



	var sWidth1 = $("#slider_name1").width();

	var len1 = $("#slider_name1 .silder_panel1").length;
	var index1 = 0;
	var picTimer1;
	
	var btn1 = "<a class='prev1' style='display:none;'>Prev</a><a class='next1' style='display:none;'>Next</a>";
	$("#slider_name1").append(btn1);

	$("#slider_name1 .silder_nav1 li").css({"opacity":"0.6","filter":"alpha(opacity=60)"}).mouseenter(function() {																		
		index1 = $("#slider_name1 .silder_nav1 li").index(this);
		showPics1(index1);
	}).eq(0).trigger("mouseenter");

	$("#slider_name1 .prev1,#slider_name1 .next1").css({"opacity":"1","filter":"alpha(opacity=20)"}).hover(function(){
		$(this).stop(true,false).animate({"opacity":"0.2","filter":"alpha(opacity=60)"},300);
	},function() {
		$(this).stop(true,false).animate({"opacity":"1","filter":"alpha(opacity=20)"},300);
	});


	// Prev
	$("#slider_name1 .prev1").click(function() {
		index1 -= 1;
		if(index1 == -1) {index1 = len1 - 1;}
		showPics1(index1);
	});

	// Next
	$("#slider_name1 .next1").click(function() {
		index1 += 1;
		if(index1 == len1) {index1 = 0;}
		showPics1(index1);
	});

	// 
	$("#slider_name1 .silder_con1").css("width",sWidth1 * (len1));
	

	
	// showPics
	function showPics1(index1) {
		var nowLeft1 = -index1*sWidth1; 
		$("#slider_name1 .silder_con1").stop(true,false).animate({"left":nowLeft1},300);
		$("#slider_name1 .silder_nav1 li").removeClass("current").eq(index1).addClass("current"); 
		$("#slider_name1 .silder_nav1 li").stop(true,false).animate({"opacity":"0.5"},300).eq(index1).stop(true,false).animate({"opacity":"1"},300);
	}
});