// hashslider v0.9 by manuel huegel, copyright 2010
// mgoys.com

jQuery(document).ready(function($){

//get width and height of the wrapper and give it to the UL
  var wrapperwidth = $('#slider').width() *  $('#slider ul > li').size();
  $('#slider ul').css('width', wrapperwidth);
  var wrapperheight = $('#slider').height();
  $('#slider ul').css('height', wrapperheight);


  //set my li width
  var width = $('#slider').width();
  $('#slider ul li').css('width', width);

  //set my counter vars
  var counter = $('#slider ul > li').size();
  var decount = 1;
  var autocount = 1;

  //create my number navigation
  var createNum = 1;
  $('#numbers li:first-child').html(createNum).addClass('activenum').attr('id', 'id1');
  while ( createNum != counter) {
    $('#numbers li:last-child').after('<li>  </li>');
    createNum++;
    $('#numbers li:last-child').html(createNum);
    $('#numbers li:last-child').attr('id', 'id' + createNum);
  }

  //get my number-width (number navigation should always be centered)
  //var numwidth = $('#numbers li:first-child').width() * $('#numbers li').size();
  //$('#numbers').css('width', numwidth);

  //slide the button to the next item
  function goNext() {
    if (decount >= counter){
      decount = 1;
      $('#slider ul').animate({ left: 0 }, 400, 'swing', function() { });
      $('.activenum').removeClass('activenum').parent().children().first().addClass('activenum');
    } else {
      $('#slider ul').animate({ left: '-=' + $('#slider').width() }, 400, 'swing', function() { });
      $('.activenum').removeClass('activenum').next().addClass('activenum');
      decount++;
    }
  }

  function goBack() {
    if ( decount != 1) {
      $('#slider ul').animate({ left: '+=' + $('#slider').width() }, 400, 'swing', function() { });
      $('.activenum').removeClass('activenum').prev().addClass('activenum');
      decount--;
    }
  }

  //make the number clickable
  $("#numbers li").click(function() {
    var clickednum = $(this).html() * - $('#slider').width() + $('#slider').width();
    $('#slider ul').animate({ left: clickednum }, 400, 'swing', function() { });
    $('.activenum').removeClass('activenum');
    $(this).addClass('activenum');
    decount = $(this).html();
    $(document).stopTime("autoslide")
  });

  //get my clickers
  $("#right").click(function() { goNext(); });
  $("#left").click(function() { goBack(); });

  // Auto-advance
  $(document).everyTime(7000, "autoslide", function(i){goNext();}, 0);

});