var ss=1;
	$(function() {
		
        
		function runPreviousEffect(){

            switch(ss)
            {
            case 1:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-4.jpg");
              ss=4;
              break;
            case 2:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-1.jpg");
              ss=1;
              break;
            case 3:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-2.jpg");
              ss=2;
              break;
            case 4:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-3.jpg");
              ss=3;
              break;
            default:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-1.jpg");
              ss=1;
            }
			            
			//run the effect
			$("#screenshot").effect('slide',{direction: 'left'},500,null);
		};
        
        function runNextEffect(){
        	//$("#screenshot").effect('slide',{direction: 'right'},500,null);
            
            switch(ss)
            {
            case 1:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-2.jpg");
              ss=2;
              break;
            case 2:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-3.jpg");
              ss=3;
              break;
            case 3:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-4.jpg");
              ss=4;
              break;
            case 4:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-1.jpg");
              ss=1;
              break;
            default:
              $("#screenshot").attr("src", "../images/blackbag/screenshot-1.jpg");
              ss=1;
            }

			//run the effect
			$("#screenshot").effect('slide',{direction: 'right'},500,null);
		};
		
		//callback function to bring a hidden box back
		function callback(){
			setTimeout(function(){
				$("#screenshot:hidden").removeAttr('style').hide().fadeIn();
			}, 1000);
		};
		
		//set effect
		$("#previous").click(function() {
			runPreviousEffect();
			return false;
		});
        
        //set effect
		$("#next").click(function() {
			runNextEffect();
			return false;
		});
	});