// configuring the hover behavior on the product list pages

$(document).ready(function() {


//hover functionality for the product list

$('div.product_list_head').hover(
			function() {
				
					//applying the background-color
					$(this).children('div.product_list_headfo').css('background-color','#41b7e2').children('.product_item_link').addClass('hovered');
			},
			function() {
					//reseting the bg-color 
					$(this).children('div.product_list_headfo').css('background-color','#9cc9ad').children('a.product_item_link').removeClass('hovered');
			});

//hover functionality for the pdf entries
	
	$('div.pdf_entry').hover(
			function() { 
					$(this).addClass('hovered');
			},
			function() {
					$(this).removeClass('hovered');
			});
	
	$('div.usage_list').hover(
			function() {
					$(this).addClass('hovered');
			},
			function() {
					$(this).removeClass('hovered');
			});
	
	$('div.work_entry').hover(
			function() {
				$(this).addClass('hovered');
			},
			function() {
				$(this).removeClass('hovered');
			});
});