// JavaScript Document
       $(document).ready(function() {
          // put all your jQuery goodness in here.
        $('.bull').click(function() {
			currentIndex = $('#pager a').index(this) - 1;
    		$('.textslide').removeClass('show');
			$('.textslide').eq(currentIndex).addClass('show');
			$('.bull').removeClass('on');
			$(this).addClass('on');
			if (currentIndex == 2) {
				$('a.arrw').eq(1).addClass('hidden');
				$('a.arrw').eq(0).removeClass('hidden');
				$('#topcontent').removeClass('picture-a');
				$('#topcontent').removeClass('picture-b');
				$('#topcontent').addClass('picture-c');
			}
			if (currentIndex == 1) {
				$('a.arrw').eq(0).removeClass('hidden');
				$('a.arrw').eq(1).removeClass('hidden');
				$('#topcontent').removeClass('picture-c');
				$('#topcontent').removeClass('picture-a');
				$('#topcontent').addClass('picture-b');
			}
			if (currentIndex == 0) {
				$('a.arrw').eq(0).addClass('hidden');
				$('a.arrw').eq(1).removeClass('hidden');
				$('#topcontent').removeClass('picture-c');
				$('#topcontent').removeClass('picture-b');
				$('#topcontent').addClass('picture-a');			}
			return false;
		});
		
		$('.arrwleft').click(function() {
			currentliststuff = $('#pager .bull');

			 if ($(currentliststuff).eq(1).hasClass('on')) { 
			$('.textslide').removeClass('show');
			$('.textslide').eq(0).addClass('show');
			$('.bull').removeClass('on');
			$('.bull').eq(0).addClass('on');				
			    $('a.arrw').eq(1).removeClass('hidden');
				$('a.arrw').eq(0).addClass('hidden');
				$('#topcontent').addClass('picture-a');
				$('#topcontent').removeClass('picture-c');
				$('#topcontent').removeClass('picture-b');
             }


			if ($(currentliststuff).eq(2).hasClass('on')) { 
			$('.textslide').removeClass('show');
			$('.textslide').eq(1).addClass('show');
			$('.bull').removeClass('on');
			$('.bull').eq(1).addClass('on');				
			    $('a.arrw').eq(0).removeClass('hidden');
				$('a.arrw').eq(1).removeClass('hidden');
				$('#topcontent').removeClass('picture-c');
				$('#topcontent').removeClass('picture-a');
				$('#topcontent').addClass('picture-b');
             }
			 
			return false;
		});

		
		$('.arrwright').click(function() {
			//$("a.on").next(".bull").css("color","red");
			currentliststuff = $('#pager .bull');

			 if ($(currentliststuff).eq(1).hasClass('on')) { 
			$('.textslide').removeClass('show');
			$('.textslide').eq(2).addClass('show');
			$('.bull').removeClass('on');
			$('.bull').eq(2).addClass('on');				
			    $('a.arrw').eq(0).removeClass('hidden');
				$('a.arrw').eq(1).addClass('hidden');
				$('#topcontent').addClass('picture-c');
				$('#topcontent').removeClass('picture-a');
				$('#topcontent').removeClass('picture-b');
             }


			if ($(currentliststuff).eq(0).hasClass('on')) { 
			$('.textslide').removeClass('show');
			$('.textslide').eq(1).addClass('show');
			$('.bull').removeClass('on');
			$('.bull').eq(1).addClass('on');				
			    $('a.arrw').eq(0).removeClass('hidden');
				$('a.arrw').eq(1).removeClass('hidden');
				$('#topcontent').removeClass('picture-c');
				$('#topcontent').removeClass('picture-a');
				$('#topcontent').addClass('picture-b');
             }
			 
			return false;
		});
		
	  });
