function slideSwitch() {
    var $active = $('.piao_x li.active');
    var currdiv = $('.piao_text:visible');
    var $next =  $active.next("li").length ? $active.next("li") : $('.piao_x li:first');
    var nextdiv =  currdiv.next("div").length ? currdiv.next("div") : currdiv.parent().find("div").first();
    currdiv.css('display','none');
    nextdiv.css('display','block');
    $active.attr('class','');
    $next.attr('class','active');
    $active.find("a img").attr('src','/images/hui.png');
    $next.find("a img").attr('src','/images/lv.png');
    var bg = $next.attr('id').replace('li','img');
    var bgobj = $('#'+bg);
	if(bgobj)
		$(".box2").css({'background':'url('+$('#'+bg).attr('src')+')  no-repeat','margin':'0px auto'});
    //$(".box2").css({opacity: 0.0})
    //.animate({opacity: 1.0}, 1000, function() {
    //});
}

$(function() {
	 $(".box2").css({'background':'url('+$('#img_0').attr('src')+')  no-repeat','margin':'0px auto'});
    var slideflag = setInterval( "slideSwitch()", 4000 );
    $('.piao_x a').click(function(){
    	clearInterval(slideflag);
    	
    	var currdiv = $('.piao_text:visible');
    	var nextdiv =  $(this).attr('id').replace('a','div');
    	currdiv.css('display','none');
        $('#'+nextdiv).css('display','block');
    	
    	var act = $('.piao_x li.active');
    	act.attr('class','');
    	act.find("a img").attr('src','/images/hui.png');
    	$(this).parent().attr('class','active');
    	$(this).find("img").attr('src','/images/lv.png');
    	var bg = $('#'+nextdiv).attr('id').replace('div','img');
    	var bgobj = $('#'+bg);
    	if(bgobj)
    		$(".box2").css({'background':'url('+$('#'+bg).attr('src')+')  no-repeat','margin':'0px auto'});
        $(this).blur();
        slideflag = setInterval( "slideSwitch()", 4000 );
    });
});