$(document).ready(function() {
		var slides;
		var i = 1;
		var sliderSpeed = 1500;
		var totalSlides = $('#slides > article').length;
		var windowWidth;
		var windowHeight;
		
  $('body').append('<div id="back"><a href="#"><img src="images/arrow_left.png" alt="Back" title="Back" /></a></div>');
		$('body').append('<div id="next"><a href="#"><img src="images/arrow_right.png" alt="Next" title="Next" /></a></div>');

  windowSize();
  showArrows();
  bindButton();
  
  $('#start_arrow').click(function(e) {
				e.preventDefault();
				nextSlide();
  });
  
  function bindButton() {
    $('#next').bind('click', function(e) {
      e.preventDefault();
      nextSlide();
    });
    $('#back').bind('click', function(e) {
      e.preventDefault();
      prevSlide();
    });
  }
  
  function unbindButton() {
    $('#next').unbind('click');
    $('#back').unbind('click');
  }
		
  $('#next').mouseover(function() {
    $('#next').animate({
      opacity : '1'
    }, 100);
  }).mouseleave(function() {
    $('#next').animate({
      opacity : '0.3'
    }, 100);
  });
		
  $('#back').mouseover(function() {
    $('#back').animate({
      opacity : '1'
    }, 100);
  }).mouseleave(function() {
    $('#back').animate({
      opacity : '0.3'
    }, 100);
  });
  
		$(window).resize(function() {
				windowSize();
		});
		
  function showArrows() {
				if (i == 1) {
						$('#back').fadeOut();
						$('#next').fadeOut();
				} else if (i == 13) {
      $('#next').fadeOut();
    } else {
						$('#back').fadeIn();
						$('#next').fadeIn();
				}
		}
  
		function nextSlide() {
				if (i < totalSlides) {
      unbindButton()
						$('#slide' + [i -1]).animate({
								left: '-=1200'
						}, sliderSpeed);
						$('#slide' + [i]).animate({
								left: '-=1200'
						}, sliderSpeed, function() {
        bindButton();
      });
						$('#slide' + [i + 1]).animate({
								left: '-=1200'
						}, sliderSpeed);
						$('#slide' + [i + 2]).animate({
								left: '-=1200'
						}, sliderSpeed);
						i++;
				}
    showArrows();
		}
		
		function prevSlide() {
				if (!$('#slide' + [i]).is(':animated')) {
      unbindButton()
						$('#slide' + [i - 2]).animate({
								left: '+=1200'
						}, sliderSpeed);
						$('#slide' + [i - 1]).animate({
								left: '+=1200'
						}, sliderSpeed);
						$('#slide' + [i]).animate({
								left: '+=1200'
						}, sliderSpeed, function() {
        bindButton();
      });
						$('#slide' + [i + 1]).animate({
								left: '+=1200'
						}, sliderSpeed);
						i--;
				}
    showArrows();
		}
		
		function windowSize() {
				windowWidth = $(window).width();
				windowHeight = $(window).height();
    $('#wrapper').css({'width' : windowWidth, 'height' : windowHeight});
    if (windowHeight < 800) {
      $('body').css('background-position', 'center -80px');
      $('#slides').css('top', '-80px')
    } else {
      $('body').css('background-position', 'center top');
      $('#slides').css('top', '0');
    }
		}
  
  /*--- Bounce is Born script --*/
  $('#button_on').mouseover(function() {
    $('#button_on').stop().animate({
      opacity: '1'
    });
  }).mouseleave(function() {
    $('#button_on').stop().animate({
      opacity: '0'
    });
  });
});