$(function(){
    max_p = $("#max").val() * 1
    speed = 1000
    $("#page_next").css("visibility","hidden")
    $("#page_pre").css("visibility","hidden")
    $("#page_start").css("visibility","hidden")
    $("#page_stop").css("visibility","visible")
    
    $("#page_start").everyTime(6000,'controlled',function(){
      tnpJqSlideNext()
    })
    
    $("#page_start").click(function(){
      tnpJqChangeSwitch(1)
      tnpJqSlideNext()
      $(this).everyTime(6000,'controlled',function(){
        tnpJqSlideNext()
      })
    })
    
    $("#page_stop").click(function(){
      $("#page_start").stopTime('controlled')
      tnpJqChangeSwitch(1)
    })
    
    $("#page_next").click(function(){
      $("#page_start").stopTime('controlled')
      tnpJqChangeSwitch(0)
      tnpJqSlideNext()
      $(this).everyTime(speed,function(){
        tnpJqChangeSwitch(0)
        $(this).stopTime()
      })
    })
    
    $("#page_pre").click(function(){
      $("#page_start").stopTime('controlled')
      tnpJqChangeSwitch(0)
      tnpJqSlidePre()
      $(this).everyTime(speed,function(){
        tnpJqChangeSwitch(0)
        $(this).stopTime()
      })
    })
  });
  
  function tnpJqSlideNext() {
    now_p = $("#page").val() * 1
    if(now_p >= max_p){
      next_p = 1
    } else {
      next_p = $("#page").val() * 1 + 1
    }
    $("#page_"+next_p).css("z-index",1)
    $("#page_"+now_p).css("z-index",0)
    $("#page_"+next_p).show("slide",{direction:"right"},speed,function(){
      $("#page_"+now_p).hide()
    })
    $("#page").val(next_p)
  }
  
  function tnpJqSlidePre() {
    now_p = $("#page").val() * 1
    if(now_p <= 1){
      next_p = max_p
    } else {
      next_p = $("#page").val() * 1 - 1
    }
    $("#page_"+now_p).css("z-index",1)
    $("#page_"+next_p).css("z-index",0)
    $("#page_"+next_p).show()
    $("#page_"+now_p).hide("slide",{direction:"right"},speed)
    $("#page").val(next_p)
  }
  
  function tnpJqChangeSwitch(tnpswitch) {
    if($("#page_next").css("visibility") == "hidden"){
      $("#page_next").css("visibility","visible")
    } else {
      $("#page_next").css("visibility","hidden")
    }
    if($("#page_pre").css("visibility") == "hidden"){
      $("#page_pre").css("visibility","visible")
    } else {
      $("#page_pre").css("visibility","hidden")
    }
    if($("#page_start").css("visibility") == "hidden"){
      $("#page_start").css("visibility","visible")
    } else {
      $("#page_start").css("visibility","hidden")
    }
    if(tnpswitch == 1) {
      if($("#page_stop").css("visibility") == "hidden"){
        $("#page_stop").css("visibility","visible")
      } else {
        $("#page_stop").css("visibility","hidden")
      }
    }
  }