// JavaScript Document

$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth2 = 333;
  var slides2 = $('.slide2');
  var numberOfSlides = slides2.length;

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

  // Wrap all .slides with #slideInner2 div
  slides2
    .wrapAll('<div id="slideInner2"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth2
    });

  // Set #slideInner2 width equal to total width of all slides
  $('#slideInner2').css('width', slideWidth2 * numberOfSlides);
//  $('#slideInner2').css('border', '1px solid #FF0000');

  // Insert controls in the DOM
 // $('#slideshow2')
    //.prepend('<span class="control" id="leftControl"></span>')
    //.append('<span class="control" id="rightControl"></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') ? currentPosition+1 : currentPosition-1;
    
	// Hide / show controls
    manageControls(currentPosition);
	
    // Move slideInner using margin-left
    $('#slideInner2').animate({
      'marginLeft' : slideWidth2*(-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() }
  }
  
  
  
  
  
  
  
  
  
  
  
  var news_currentPosition = 0;
  var news_slideWidth = 362;
  var news_slides = $('.news_slide');
  var news_numberOfSlides = news_slides.length;

  // Wrap all .slides with #slideInner2 div
  news_slides.wrapAll('<div id="news_slideInner"></div>').css({'float' : 'left', 'width' : news_slideWidth});
  
  var newWidth = news_slideWidth * news_numberOfSlides;
  
  // Set #news_slideInner width equal to total width of all slides
  $('#news_slideInner').css('width', newWidth);
  
  
  if(news_numberOfSlides == 1){
	  $('#leftNewsControl').hide();
	  $('#rightNewsControl').hide();
  }else{
    // Hide left arrow control on first load
    manageNewsControls(news_currentPosition);
  }
  // Create event listeners for .controls clicks
  $('.newsControl').bind('click', function(){
	// Determine new position
	news_currentPosition = ($(this).attr('id')=='rightNewsControl') ? news_currentPosition+1 : news_currentPosition-1;
		
	// Hide / show controls
	manageNewsControls(news_currentPosition);
		
	// Move slideInner using margin-left
	$('#news_slideInner').animate({ 'marginLeft' : news_slideWidth*(-news_currentPosition)
    });
  });
	
  // manageControls: Hides and Shows controls depending on currentPosition
  function manageNewsControls(position){
	
    // Hide left arrow if position is first slide
	if(position==0){ $('#leftNewsControl').hide() } else{ $('#leftNewsControl').show() }
	// Hide right arrow if position is last slide
    if(position==news_numberOfSlides-1){ $('#rightNewsControl').hide() } else{ $('#rightNewsControl').show() }
  }
	
	
});