////////////////////////////////////////////////////
//////////Slideshow for Template A

$(document).ready(function(){
  var currentPositionA = 0;
  var slideWidthA = 220;
  var slidesA = $('.thisslideA');
  var numberOfSlidesA = slidesA.length;

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

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

  // Set #slideInner width equal to total width of all slides
  $('#slideInnerA').css('width', slideWidthA * numberOfSlidesA);

  // Insert controls in the DOM
  $('#slideshowA')
    .prepend('<span class="controlA" id="leftControlA"></span>')
    .append('<span class="controlA" id="rightControlA"></span>');

  // Hide left arrow control on first load
  manageControlsA(currentPositionA);

  // Create event listeners for .controls clicks
  $('.controlA')
    .bind('click', function(){
    // Determine new position
	currentPositionA = ($(this).attr('id')=='rightControlA') ? currentPositionA+1 : currentPositionA-1;
    
	// Hide / show controls
    manageControlsA(currentPositionA);
    // Move slideInner using margin-left
    $('#slideInnerA').animate({
      'marginLeft' : slideWidthA*(-currentPositionA)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControlsA(positionA){
    // Hide left arrow if position is first slide
	if(positionA==0){ $('#leftControlA').hide() } else{ $('#leftControlA').show() }
	// Hide right arrow if position is last slide
    if(positionA==numberOfSlidesA-1){ $('#rightControlA').hide() } else{ $('#rightControlA').show() }
  }	
});



$(document).ready(function(){



//slide overlay 1
	$("#slideA_Trigger1").click(
		function () {
			$("#slideA_Learn1").show(0);
		}
	);

	$("#slideA_Close1").click(
		function () {
			$("#slideA_Learn1").hide(0);
		}
	);


//slide overlay 2
	$("#slideA_Trigger2").click(
		function () {
			$("#slideA_Learn2").show(0);
		}
	);

	$("#slideA_Close2").click(
		function () {
			$("#slideA_Learn2").hide(0);
		}
	);


//slide overlay 3
	$("#slideA_Trigger3").click(
		function () {
			$("#slideA_Learn3").show(0);
		}
	);

	$("#slideA_Close3").click(
		function () {
			$("#slideA_Learn3").hide(0);
		}
	);






});