/* function to call fade in and out effect of <ul> on uses page on hover over product image */
jQuery(document).ready(function(){
   //Declare vars
	var use1 = jQuery('#aviation');
   var use2 = jQuery('#garages');
   var use3 = jQuery('#arenas');
   var use4 = jQuery('#storage');
   var use5 = jQuery('#commercial');
   var img1 = jQuery('#aviation #uses-img');
   var img2 = jQuery('#garages #uses-img');
   var img3 = jQuery('#arenas #uses-img');
   var img4 = jQuery('#storage #uses-img');
   var img5 = jQuery('#commercial #uses-img');
	var list1 = jQuery('#aviation ul');
   var list2 = jQuery('#garages ul');
   var list3 = jQuery('#arenas ul');
   var list4 = jQuery('#storage ul');
   var list5 = jQuery('#commercial ul');
   
   //On page load change uses images to bw images
	//img1.removeClass('aviation-colour').addClass('aviation-bw');
	list1.addClass('ul-bw');
	//img2.removeClass('garages-colour').addClass('garages-bw');
	list2.addClass('ul-bw');
	//img3.removeClass('arenas-colour').addClass('arenas-bw');
	list3.addClass('ul-bw');
	//img4.removeClass('storage-colour').addClass('storage-bw');
	list4.addClass('ul-bw');
	//img5.removeClass('commercial-colour').addClass('commercial-bw');
	list5.addClass('ul-bw');
				
	use1.hover(
	    function() {
	    //img1.removeClass('aviation-bw').addClass('aviation-colour');
		 list1.removeClass('ul-bw');
	    },
	    function() {
	    //img1.removeClass('aviation-colour').addClass('aviation-bw');
		 list1.addClass('ul-bw');
	    }
	);

	use2.hover(
	    function() {
	    //img2.removeClass('garages-bw').addClass('garages-colour');
		 list2.removeClass('ul-bw');
	    },
	    function() {
	    //img2.removeClass('garages-colour').addClass('garages-bw');
		 list2.addClass('ul-bw');
	    }
	);

	use3.hover(
	    function() {
	    //img3.removeClass('arenas-bw').addClass('arenas-colour');
		 list3.removeClass('ul-bw');
	    },
	    function() {
	    //img3.removeClass('arenas-colour').addClass('arenas-bw');
		 list3.addClass('ul-bw');
	    }
	);

	use4.hover(
	    function() {
	    //img4.removeClass('storage-bw').addClass('storage-colour');
		 list4.removeClass('ul-bw');
	    },
	    function() {
	    //img4.removeClass('storage-colour').addClass('storage-bw');
		 list4.addClass('ul-bw');
	    }
	);

	use5.hover(
	    function() {
	    //img5.removeClass('commercial-bw').addClass('commercial-colour');
		 list5.removeClass('ul-bw');
	    },
	    function() {
	    //img5.removeClass('commercial-colour').addClass('commercial-bw');
		 list5.addClass('ul-bw');
	    }
	);
				
});