$(function(){
  window.sliderimgs=$('#slide img')
  var t=""
  for(var i=0;i<window.sliderimgs.length;i++){
    t="<a href='#1' onclick='return slideTo("+i+")'>"+(i+1)+"</a>"+t
  }
  t="<div class='slidercontrol'>"+t+"</div>"
  $('#slide').append(t)
  slideTo(0)
})


function slideTo(n){
  if(window.slideratual==n)return false
  window.slideratual=n
  $('#slide .slidercontrol a').removeClass('selected')
  $('#slide .slidercontrol a:eq('+(window.sliderimgs.length-n-1)+')').addClass('selected')
  if(window.slideratual==undefined){
    $('#slide img:not(:eq('+n+'))').fadeOut('fast')
    return false
  }
  window.slideratual=n
  $('#slide img:not(:eq('+n+'))').fadeOut('fast',function(){$('#slide img:eq('+window.slideratual+')').fadeIn('fast')})
  return false
}

function sliderNext(){
  slideTo((window.slideratual+1)%window.sliderimgs.length)
}

setInterval('sliderNext()',5000)

