$(document).ready(function() {
	jQuery.fn.extend ({
	  SplitID : function()
	  {
	    return this.attr('id').split('-').pop();
	  }
	});

	var faderObj = document.getElementById('faderControls');
	var faderControls = faderObj.getElementsByTagName('div');
	var faderControlsLength = faderControls.length;
	var totalSlides = $(".slide").length;

	Counter = 1;
    Interrupted = false;
    Transition();
	
	controlsWidth = $('#faderControls').width() + 10;
	$('.faderControlsWidth').css({ width: controlsWidth });

	$('span.scrollButtons').click(function() {
	    Interrupted = true;
		clearTimeout(st);
		$("div.faderPause").hide();
	    $("div.faderPlay").show();
		for(var i=0; i<faderControlsLength; i++) {
			if($(faderControls[i]).hasClass("faderControlActive")) {
				$('div#slide-' + $(faderControls[i]).SplitID()).hide();
	            $('div#faderControl-' + $(faderControls[i]).SplitID()).removeClass('faderControlActive');
				
				if($(this).hasClass("left")) {
					if(i == 0) {
						i=totalSlides;
					}
					i = i-1;
					$('div#slide-' + $(faderControls[i]).SplitID()).fadeIn('slow');
			        $('div#faderControl-' + $(faderControls[i]).SplitID()).addClass('faderControlActive');
				}
				else {
					if(i == totalSlides-1) {
						i=-1;
					}
					i= i+1;
					$('div#slide-' + $(faderControls[i]).SplitID()).fadeIn('slow');
			        $('div#faderControl-' + $(faderControls[i]).SplitID()).addClass('faderControlActive');
				}
			}
		}						  
	});

	$('div.faderControl').click(function() {
		Interrupted = true;
		clearTimeout(st);
		$("div.faderPause").hide();
		$("div.faderPlay").show();
		$('div.slide').hide();
		$('div.faderControl').removeClass('faderControlActive');
		$('div#slide-' + $(this).SplitID()).fadeIn('slow');
		$(this).addClass('faderControlActive');
	});

	$('div.faderPause').click(function() {
		Interrupted = true;
		clearTimeout(st);
		$(this).hide();
		$("div.faderPlay").show();
	});
	
	$('div.faderPlay').click(function() {
	  var faderObj = document.getElementById('faderControls');
	  var faderControls = faderObj.getElementsByTagName('div');
	  var faderControlsLength = faderControls.length;
	  var totalSlides = $(".slide").length;
		$(this).hide();
		$("div.faderPause").show();
		for(var i=0; i<faderControlsLength; i++) {
			if($(faderControls[i]).hasClass("faderControlActive")) {
				Counter = $(faderControls[i]).SplitID();
				Interrupted = false;
				Transition();
			}
		}
	});
	
});

function Transition() {
	var faderObj = document.getElementById('faderControls');
	var faderControls = faderObj.getElementsByTagName('div');
	var faderControlsLength = faderControls.length;
	var totalSlides = $(".slide").length;

	if (Interrupted) {
		return;
	}
	
	var Last = Counter - 1;
	
	if (Last < 1) {
		Last = totalSlides;
	}
	
	$('div#slide-' + Last).fadeOut('slow',function() {
		$('div#faderControl-' + Last).removeClass('faderControlActive');
		$('div#faderControl-' + Counter).addClass('faderControlActive');
		$('div#slide-' + Counter).fadeIn('slow');
	
		Counter++;
	
		if (Counter > totalSlides) {
			Counter = 1;
		}
		continueTransition();
	});
}

function continueTransition() {
	st = setTimeout('Transition();', 4000);
}