function ss_forward() {
	ss_interval();
	if ($("#banner_pic[style*='banner1.png']").attr('style')) {
		$("#banner_pic[style*='banner1.png']").attr('style','background:url(images/banner2.png) no-repeat;');
		$("#page1").attr('style', 'display:none');
		$("#page2").attr('style', 'display:inline');
		//$("#two_separ").attr('style', 'display:inline');
		return;
	}
	if ($("#banner_pic[style*='banner2.png']").attr('style')) {
		$("#banner_pic[style*='banner2.png']").attr('style','background:url(images/banner3.png) no-repeat;');
		$("#page2").attr('style', 'display:none');
		$("#page3").attr('style', 'display:inline');
		//$("#two_separ").attr('style', 'display:none');
		return;
	}
	if ($("#banner_pic[style*='banner3.png']").attr('style')) {
		$("#banner_pic[style*='banner3.png']").attr('style','background:url(images/banner1.png) no-repeat;');
		$("#page3").attr('style', 'display:none');
		$("#page1").attr('style', 'display:inline');
		//$("#two_separ").attr('style', 'display:inline');
		return;
	}
}
function ss_back() {
	ss_interval();
	if ($("#banner_pic[style*='banner1.png']").attr('style')) {
		$("#banner_pic[style*='banner1.png']").attr('style','background:url(images/banner3.png) no-repeat;');
		$("#page1").attr('style', 'display:none');
		$("#page3").attr('style', 'display:inline');
		//$("#two_separ").attr('style', 'display:none');
		return;
	}
	if ($("#banner_pic[style*='banner3.png']").attr('style')) {
		$("#banner_pic[style*='banner3.png']").attr('style','background:url(images/banner2.png) no-repeat;');
		$("#page3").attr('style', 'display:none');
		$("#page2").attr('style', 'display:inline');
		//$("#two_separ").attr('style', 'display:inline');
		return;
	}
	if ($("#banner_pic[style*='banner2.png']").attr('style')) {
		$("#banner_pic[style*='banner2.png']").attr('style','background:url(images/banner1.png) no-repeat;');
		$("#page2").attr('style', 'display:none');
		$("#page1").attr('style', 'display:inline');
		//$("#two_separ").attr('style', 'display:inline');
		return;
	}
}
/*
function pic1() {
	$("#banner_pic").attr('style', 'background:url(images/banner1.png) no-repeat;');
	$("#page1").attr('style', 'display:none');
	$("#page2").attr('style', 'display:inline');
	$("#page3").attr('style', 'display:inline');
	$("#two_separ").attr('style', 'display:inline');
	ss_interval();
}
function pic2() {
	$("#banner_pic").attr('style', 'background:url(images/banner2.png) no-repeat;');
	$("#page1").attr('style', 'display:inline');
	$("#page2").attr('style', 'display:none');
	$("#page3").attr('style', 'display:inline');
	$("#two_separ").attr('style', 'display:inline');
	ss_interval();
}
function pic3() {
	$("#banner_pic").attr('style', 'background:url(images/banner3.png) no-repeat;');
	$("#page1").attr('style', 'display:inline');
	$("#page2").attr('style', 'display:inline');
	$("#page3").attr('style', 'display:none');
	$("#two_separ").attr('style', 'display:none');
	ss_interval();
}
*/
var interval;
function ss_interval() {
	clearInterval(interval);
	interval = setInterval("ss_forward()", 4000);
}

$(document).ready(function(){
    $('#banner_pic').attr('style','background:url(images/banner1.png) no-repeat;');
    $('#banner_to_left').click(function() {
    	ss_back();
    });
    $('#banner_to_right').click(function(){
    	ss_forward();
    });
    $('#page1').click(function() {
    	pic1();
    });
    $('#page2').click(function() {
    	pic2();
    });
    $('#page3').click(function() {
    	pic3();
    });

	ss_interval();
});