$(document).ready(function(){ 

    // Slider
    if($("#rightbox ul").length){

        // Declare variables
        var totalImages = $("#rightbox li").length,
            currentImage = 0,
			sliderPlaying = false;

		rotateSwitch = function(){
			sliderPlaying = true;
			if( currentImage == 0 ){
				$('div#rightbox li').removeClass('active');
				currentImage++;
				$('div#rightbox li.p' + currentImage).fadeIn(0);
			}
			play = setInterval(function(){ //Set timer - this will repeat itself every 10 seconds
				$('div#rightbox li.p' + currentImage).fadeOut("slow", function() {
					currentImage++;
					if( currentImage > totalImages ){
						currentImage = 1;
					}
					//display the main image by appending active class to it.
					$('div#rightbox li.p' + currentImage).fadeIn("slow");
				});

				return false;
			}, 10000); //Timer speed in milliseconds (10 seconds)

		}
		rotateSwitch(); //Run function on launch
		$('#pause').fadeIn(0);
		
		$('#pause a').click(function(){
			if( sliderPlaying == true ){
				sliderPlaying = false;
				clearInterval(play);
				$('#pause').fadeOut("fast", function(){
					$('#play').fadeIn("fast");
				});
			}
			return false;
        });

		$('#play a').click(function(){
			if( sliderPlaying == false ){
				rotateSwitch();
				$('#play').fadeOut("fast", function(){
					$('#pause').fadeIn("fast");
				});
			}
			return false;
        });
	}
});