$(window).load(function () {
  var maxHeight = $('#slider').outerHeight() * 0.9;
  var maxWidth = $('#slider').outerHeight() * 0.9;
  
  // TIMER!
  var intervalIncrement = 1;
  var t = setInterval(function () { if (currentItem+intervalIncrement > itemCount-1 || currentItem+intervalIncrement <0 ) intervalIncrement *= -1; paneShow(currentItem+intervalIncrement); },2500);
  
  var itemCount = $('#slider div.item').length;
  var currentItem = 0;
  var cn = $('<div style="width:'+(itemCount * 22)+'px" class="controls"></div>');
  cn.appendTo($('<div class="controlContainer"></div>').appendTo('#slider'));
  for (var i=0; i< itemCount; i++) {
    cn.append('<a rel="'+i+'">&bull;</a>');
  }
  
  $('#slider div.item').click(function() {
    clearInterval(t);
    // click on image, paneShow
    paneShow($(this).parent().children('div.item').index(this));
  });
  
  // init
  paneShow(0);
  $('#slider .controls a').click(function () {
    clearInterval(t);
    // switch to pane
    paneShow($(this).attr('rel'));
  });
    
  function paneShow(id,speed) {
    currentItem = parseInt(id);
    $('#slider .controls a').removeClass('active').addClass('inactive').eq(currentItem).addClass('active').removeClass('inactive');
    $('#slider div.item').removeClass('active').eq(currentItem).addClass('active');
    //prev
    $('#slider div.item').removeClass('prev');
    if (currentItem-1 >= 0)
      $('#slider div.item').removeClass('prev').eq(currentItem-1).addClass('prev');
    //next
    $('#slider div.item').removeClass('next');
    if (currentItem+1 <= itemCount)
      $('#slider div.item').eq(currentItem+1).addClass('next');

    var pActive = $('#slider div.item.active').css({'z-index':'100'}); 
    var pPrev = $('#slider div.item.prev').css({'z-index':'50'});
    var pNext = $('#slider div.item.next').css({'z-index':'50'});

    if (pActive.length && !pActive.data().defaultSize) pActive.data({defaultSize :{'w':pActive.width(),'h':pActive.height()}});
    if (pPrev.length && !pPrev.data().defaultSize) pPrev.data({defaultSize:{'w':pPrev.width(),'h':pPrev.height()}});
    if (pNext.length && !pNext.data().defaultSize) pNext.data({defaultSize:{'w':pNext.width(),'h':pNext.height()}});

    if (pActive.length) {
      pActive.children('img').animate({'width':pActive.data().defaultSize.w});
      pActive.animate({
          'top':(($('#slider').height() - pActive.data().defaultSize.h) / 2) + 'px',
          'left':(($('#slider').width() - pActive.data().defaultSize.w) / 2) + 'px',
          'font-size':'1em',
          'opacity':'1',
          'filter':'alpha(opacity=100)'
        });
    }

    if (pPrev.length) {
      pPrev.children('img').animate({'width':pPrev.data().defaultSize.w * 0.7});
      pPrev.animate({
          'top':(($('#slider').height() - pPrev.data().defaultSize.h * 0.7) / 2) + 'px',
          'left':(($('#slider').width() - (pPrev.data().defaultSize.w * 0.7)) / 5) + 'px',
          'font-size':'0.7em',
          'opacity':'0.4',
          'filter':'alpha(opacity=40)'
        });
    }

    if (pNext.length) {
      pNext.children('img').animate({'width':pNext.data('defaultSize').w * 0.7});
      pNext.animate({
          'top':(($('#slider').height() - pNext.data().defaultSize.h * 0.7) / 2) + 'px',
          'left':($('#slider').width() - (($('#slider').width() - (pNext.data().defaultSize.w * 0.7)) / 5) - (pNext.data().defaultSize.w * 0.7) ) + 'px',
          'font-size':'0.7em',
          'opacity':'0.4',
          'filter':'alpha(opacity=40)'
        });
    }      
  }
});