$(document).ready(function() {

				// hides the slickbox as soon as the DOM is ready
				  $('#slickbox').hide();
				  $('#slickbox0').hide();
				  $('#slickbox1').hide();
				 // shows the slickbox on clicking the noted link
				 $('.fibre-types .brown-button').click(function() {
				 $('#slickbox').show();
				 $('.fibre-types .brown-button').css('display','none');
				 $('.fibre-types .invisible').css('display','inline');
				 return false;
				  });
				 $('.digestive .brown-button').click(function() {
				 $('#slickbox0').show();
				 $('.digestive .brown-button').css('display','none');
				 $('.digestive .invisible').css('display','inline');
				 return false;
				  });
				 $('.serving .brown-button').click(function() {
				 $('#slickbox1').show();
				 $('.serving .brown-button').css('display','none');
				 $('.serving .invisible').css('display','inline');
				 return false;
				  });
				 // hides the slickbox on clicking the noted link
				 $('.fibre-types .brown-button-hide').click(function() {
				 $('#slickbox').hide();
				 $('.fibre-types .brown-button').css('display','inline');
				 $('.fibre-types .invisible').css('display','none');
				 return false;
				  });
				 $('.digestive .brown-button-hide').click(function() {
				 $('#slickbox0').hide();
				 $('.digestive .brown-button').css('display','inline');
				 $('.digestive .invisible').css('display','none');
				 return false;
				  });
				  $('.serving .brown-button-hide').click(function() {
				 $('#slickbox1').hide();
				 $('.serving .brown-button').css('display','inline');
				 $('.serving .invisible').css('display','none');
				 return false;
				  });

		//down
					$(function(){

					$('.one').hover( function(){
						$(".img-swap1").attr("src", "img/down-arrow-icon-brown.png");

					});
					$('.one').mouseout( function(){
						$(".img-swap1").attr("src", "img/down-arrow-icon.png");

					});

				});
				
						$(function(){

					$('.two').hover( function(){
						$(".img-swap2").attr("src", "img/down-arrow-icon-brown.png");

					});
					$('.two').mouseout( function(){
						$(".img-swap2").attr("src", "img/down-arrow-icon.png");

					});

				});
				
				
						$(function(){

					$('.three').hover( function(){
						$(".img-swap3").attr("src", "img/down-arrow-icon-brown.png");

					});
					$('.three').mouseout( function(){
						$(".img-swap3").attr("src", "img/down-arrow-icon.png");

					});

				});
				
				
		//up		
					$(function(){

				   $('.up').hover( function(){
						$(".up1").attr("src", "img/up-arrow-icon-brown.png");

					});
					$('.up').mouseout( function(){
						$(".up1").attr("src", "img/up-arrow-icon.png");

					});

				});
				
				
					$(function(){

				   $('.up-second').hover( function(){
						$(".up2").attr("src", "img/up-arrow-icon-brown.png");

					});
					$('.up-second').mouseout( function(){
						$(".up2").attr("src", "img/up-arrow-icon.png");

					});

				});
				
					$(function(){

				   $('.up-three').hover( function(){
						$(".up3").attr("src", "img/up-arrow-icon-brown.png");

					});
					$('.up-three').mouseout( function(){
						$(".up3").attr("src", "img/up-arrow-icon.png");

					});

				});
		
		//heart
					$(function(){
				   $('.heartbtn1').hover( function(){
						$(".heart1").attr("src", "img/heart-icon-brown.png");

					});
					$('.heartbtn1').mouseout( function(){
						$(".heart1").attr("src", "img/heart-icon.png");

					});

				});
				
					$(function(){
				   $('.heartbtn2').hover( function(){
						$(".heart2").attr("src", "img/heart-icon-brown.png");

					});
					$('.heartbtn2').mouseout( function(){
						$(".heart2").attr("src", "img/heart-icon.png");

					});

				});
				
						$(function(){
				   $('.heartbtn3').hover( function(){
						$(".heart3").attr("src", "img/heart-icon-brown.png");

					});
					$('.heartbtn3').mouseout( function(){
						$(".heart3").attr("src", "img/heart-icon.png");

					});

				});
					
						$(function(){
				   $('.heartbtn4').hover( function(){
						$(".heart4").attr("src", "img/heart-icon-brown.png");

					});
					$('.heartbtn4').mouseout( function(){
						$(".heart4").attr("src", "img/heart-icon.png");

					});

				});
					

   
	  
				});