function timedAction(currentPosition,numberOfSlides,slideHeight)
  {
    // if is lats slide
    if(currentPosition>=numberOfSlides-1)
    {
      $('ul.showcase').animate({
        'marginTop' : 0
      });
      currentPosition = 0;
    }
    else 
    {
         $('ul.showcase').animate({
      'marginTop' : slideHeight*(-currentPosition)
    });
    }
    setTimeout("timedAction("+(currentPosition+1)+","+numberOfSlides+","+slideHeight+")",7000);//currentPosition,numberOfSlides,slideHeight),5000);
  }  

$(document).ready(function(){
var currentPosition = 0;
  var slideWidth = 400;
  var slideHeight = 566;
  var slides = $('li.showcaseItem');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  //$('#slidesContainer').css('overflow', 'hidden');

  // Wrap slides's ul with #slideContainer div
  $('ul.showcase')
    .wrapAll('<div id="scSlideContainer"></div>');
    // Float left to display horizontally, readjust .slides width
	//.css({
      //'float' : 'left',
      //'width' : slideWidth
    //});

  // Set #slideContainer width and height
  $('#scSlideContainer').css({'width' : '400px', 'height' : '566px', 'overflow' : 'hidden'});

  // Insert controls in the DOM
  $('#showcase')
    .append('<span class="scControl" id="scLeftControl">Clicking moves left</span>')
    .append('<span class="scControl" id="scRightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  scManageControls(currentPosition);

  setTimeout("timedAction("+(currentPosition+1)+","+numberOfSlides+","+slideHeight+")",7000);

  // Create event listeners for .controls clicks
  $('.scControl')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='scRightControl') ? currentPosition+1 : currentPosition-1;
    
	// Hide / show controls
    scManageControls(currentPosition);
    // Move slideInner using margin-left
    $('ul.showcase').animate({
      'marginTop' : slideHeight*(-currentPosition)
    });
        
  });
  


  // scManageControls: Hides and Shows controls depending on currentPosition
  function scManageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#scLeftControl').hide() } else{ $('#scLeftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#scRightControl').hide() } else{ $('#scRightControl').show() }
  }	
});