$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = setSlideWidth;
	var slides = $('.slide');
	var numberOfSlides =  slides.length;
	var getHeight = 0;
  
	$('.slide').each(function(){
		if($(this).height() > getHeight){
			getHeight = $(this).height();
		}
	});
  
	var heightInPx = getHeight + 'px';

  
	$('#newsslidewrapper').css({'overflow':'hidden','height' : heightInPx});
	slides.wrapAll('<div id="slideInner"></div>').css({'height':heightInPx,'width' : slideWidth});

	$('#slideInner').css({'width': slideWidth * numberOfSlides});
	$('.newsPagination').append('<span class="control" id="leftControl">Move left</span>').append('<span class="control" id="rightControl">Move right</span>');
	$('.control').wrapAll('<div class="newsPaginationBtns"></div>');

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

	$('.newsPagination').append('<div class="newsPaginationPages">1/' + numberOfSlides + '</div>');
	$('.newsPaginationPages').wrapInner('<div class="wrap"></div>');
  
	// Create event listeners for .controls clicks
	$('.control').bind('click', function(){
		// Determine new position
		currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
      
		// Hide / show controls
		manageControls(currentPosition);    
      
		// Move slideInner using margin-left     
		$('#slideInner').animate({'marginTop' : '-'+(getHeight * currentPosition)+'px'});
    });

  // manageControls: Hides and shows controls depending on currentPosition
  function manageControls(position){

    if(position == 0){ 
    	$('#leftControl').hide();
    } else{ 
    	$('#leftControl').show();
    }

    if(position == numberOfSlides-1){ 
    	$('#rightControl').hide(); 
    } else { 
    	$('#rightControl').show() 
    }
    
	theCounter = (currentPosition + 1) + '/'+ numberOfSlides;
	$('.newsPaginationPages').html(theCounter);
    prevPos = position - 1;    
  }
});