$(document).ready(function(){
  
  var page = location.href;
  var page = page.split('/');
  
  var no = document.getElementById('no').value;

  if((page[no-1]) == 'social_media_marketing')
  {
    var page_name = page[no];
    
    if(page_name == 'page_2')
    {
      var currentPosition = 1;
    }
	 else
    {
      var currentPosition = 0;
    }
  }
  else if((page[no-1]) == 'our_work')
  {
    var pg_name = page[no];
    
    if(pg_name == 'allan_brothers')
    {
      var currentPosition = 1;
    }
    else if(pg_name == 'alto_bollards')
    {
      var currentPosition = 2;
    }
    else if(pg_name == 'arcs')
    {
      var currentPosition = 3;
    }
    else if(pg_name == 'benchmark_communications')
    {
      var currentPosition = 4;
    }
     else if(pg_name == 'hilco_woolworths')
    {
      var currentPosition = 5;
    }
     else if(pg_name == 'metrocentre')
    {
      var currentPosition = 6;
    }
    else if(pg_name == 'onspec')
    {
      var currentPosition = 7;
    }
    else if(pg_name == 'scotmid_coop')
    {
      var currentPosition = 8;
    }
    else if(pg_name == 'see_opticians')
    {
      var currentPosition = 9;
    }
    else if(page_name == 'sig')
    {
      var currentPosition = 9;
    }
     else if(pg_name == 'thomas_and_meighen')
    {
      var currentPosition = 10;
    }
     else if(pg_name == 'tvs_digital')
    {
      var currentPosition = 11;
    }
    else if(pg_name == 'wetherby_cosmedics')
    {
      var currentPosition = 12;
    }
    else
    {
      var currentPosition = 0;
    }
  }
 
  


  var slideWidth = 725;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

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

  // Wrap all .slides with #slideInner div
  slides
  .wrapAll('<div id="slideInner"></div>')
  // 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);
  $('#slideInner').css('marginLeft', slideWidth*(-currentPosition));// set landing page

  // Insert left and right arrow controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Move left</span>')
    .append('<span class="control" id="rightControl">Move right</span>');

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

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
      currentPosition = ($(this).attr('id')=='rightControl')
    ? parseInt(currentPosition)+1: currentPosition-1;
      //alert(currentPosition+" - "+numberOfSlides);

      // Move slideInner using margin-left
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
      
      // Hide / show controls
      manageControls(currentPosition);
      
    });

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