function slide_loader(cPos) {
  var slideWidth = 150;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  var w_width =  window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth);	
  var slidesLine = parseInt(w_width/slideWidth);
  if (w_width>(slidesLine*slideWidth)+100) {
     $('#slideshow').css('width', slidesLine*slideWidth);
     $('#slidesContainer').css('width', slidesLine*slideWidth);
	 }   else  {$('#slideshow').css('width', (slidesLine-1)*slideWidth);
	 $('#slidesContainer').css('width', (slidesLine-1)*slideWidth);
	 var slidesLine = slidesLine-1;}
      // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');
  slides
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);
   // Hide left arrow control on first load
  manageControls(cPos,numberOfSlides);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){ 
		// Determine new position
		cPos = ($(this).attr('id')=='rightControl') ? cPos+1 : cPos-1;
		// Hide / show controls
		manageControls(cPos, numberOfSlides);
		// Move slideInner using margin-left		
		$('#slideInner').animate({
		  'marginLeft' : slideWidth*(-cPos)
		},200);		 		
	}); 
  
  }
  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position, nSlide){	
  var slideWidth = 150;
	var w_width =  window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth);	
	var slidesLine = parseInt(w_width/slideWidth);
	 if (w_width<(slidesLine*slideWidth)+100) { 
		var slidesLine = slidesLine-1;
	}

    // Hide left arrow if position is first slide
	if(position==0){ 
		$('#leftControl').hide();
		$('#rightControl2').hide();
		$('#leftControl2').show(); 
		$('#rightControl').show();		
	} else {
		$('#rightControl').show();
		$('#leftControl').show();
		$('#leftControl2').hide(); 
		$('#rightControl2').hide();
	}
	// Hide right arrow if position is last slide
    if(((position+slidesLine)==nSlide) || (nSlide<slidesLine+1)){ 
		$('#rightControl').hide();
		$('#leftControl2').hide(); 
		$('#rightControl2').show();
		$('#leftControl').show();
	} 
  }	

$(document).ready(function(){
  var currentPosition = 0;
  slide_loader(currentPosition);
 });
$(window).bind("resize", function(){
  var slideWidth = 150;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  var w_width =  window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth);	
  var slidesLine = parseInt(w_width/slideWidth);
  if (w_width>(slidesLine*slideWidth)+100) {
     $('#slideshow').css('width', slidesLine*slideWidth);
     $('#slidesContainer').css('width', slidesLine*slideWidth);
 }   else  {
	$('#slideshow').css('width', (slidesLine-1)*slideWidth);
	$('#slidesContainer').css('width', (slidesLine-1)*slideWidth);
	var slidesLine = slidesLine-1;
	}	
	ww = parseInt($('#slideshow').css('width'));
	wwI = parseInt($('#slideInner').css('width'));
	wwML = parseInt($('#slideInner').css('marginLeft'));
	if (ww > wwI+wwML) {
		$('#slideInner').css('margin-left', ww-wwI+'px');
	}
});