$(document).ready(function(){
	$("#products_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#products_z").hover(function(){
		$("#products_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
		$("#productsLabel").css("background","transparent url(/files/homePage/columns/productsLabel.jpg) no-repeat bottom left");
	},function(){
	   $("#products_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
	   $("#productsLabel").css("background","transparent url(/files/homePage/columns/productsLabel.jpg) no-repeat top left");
	});
});

$(document).ready(function(){
	$("#rd_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#rd_z").hover(function(){
		$("#rd_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
		$("#rdLabel").css("background","transparent url(/files/homePage/columns/rdLabel.jpg) no-repeat bottom left");
	},function(){
	   $("#rd_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
	   $("#rdLabel").css("background","transparent url(/files/homePage/columns/rdLabel.jpg) no-repeat top left");
	});
});

$(document).ready(function(){
	$("#aboutUs_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#aboutUs_z").hover(function(){
		$("#aboutUs_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
		$("#aboutUsLabel").css("background","transparent url(/files/homePage/columns/aboutUsLabel.jpg) no-repeat bottom left");
	},function(){
	   $("#aboutUs_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
	   $("#aboutUsLabel").css("background","transparent url(/files/homePage/columns/aboutUsLabel.jpg) no-repeat top left");
	});
});

$(document).ready(function(){
	$("#contact_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#contact_z").hover(function(){
		$("#contact_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
		$("#contactLabel").css("background","transparent url(/files/homePage/columns/contactLabel.jpg) no-repeat bottom left");
	},function(){
	   $("#contact_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
	   $("#contactLabel").css("background","transparent url(/files/homePage/columns/contactLabel.jpg) no-repeat top left");
	});
});


// CATEGORIES
// top
$(document).ready(function(){
	$("#chairMechanisms_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#chairMechanisms").hover(function(){
		$("#chairMechanisms_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#chairMechanisms_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#underChairMechanisms").hover(function(){
		$("#chairMechanisms_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#chairMechanisms_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#frames_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#frames").hover(function(){
		$("#frames_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#frames_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#frames").hover(function(){
		$("#frames_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#frames_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#bases_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#bases").hover(function(){
		$("#bases_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#bases_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#bases").hover(function(){
		$("#bases_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#bases_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#centres_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#centres").hover(function(){
		$("#centres_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#centres_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#centres").hover(function(){
		$("#centres_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#centres_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#triggers_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#triggers").hover(function(){
		$("#triggers_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#triggers_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#triggers").hover(function(){
		$("#triggers_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#triggers_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#tilts_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#tilts").hover(function(){
		$("#tilts_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#tilts_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#tilts").hover(function(){
		$("#tilts_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#tilts_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#upholstery_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#upholstery").hover(function(){
		$("#upholstery_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#upholstery_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#upholstery").hover(function(){
		$("#upholstery_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#upholstery_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#sewing_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#sewing").hover(function(){
		$("#sewing_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#sewing_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
	$("#sewing").hover(function(){
		$("#sewing_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
	   $("#sewing_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});

$(document).ready(function(){
	$("#researchDevelopment_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#researchDevelopment").hover(function(){
		$("#researchDevelopment_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#researchDevelopment_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#qualityTests_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#qualityTests").hover(function(){
		$("#qualityTests_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#qualityTests_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#completeChair_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#completeChair").hover(function(){
		$("#completeChair_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#completeChair_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#customersDesign_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#customersDesign").hover(function(){
		$("#customersDesign_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#customersDesign_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});

$(document).ready(function(){
	$("#aboutUs_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#aboutUs").hover(function(){
		$("#aboutUs_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#aboutUs_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#production_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#production").hover(function(){
		$("#production_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#production_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#history_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#history").hover(function(){
		$("#history_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#history_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});
$(document).ready(function(){
	$("#termsSalesDelivery_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$("#termsSalesDelivery").hover(function(){
		$("#termsSalesDelivery_img").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$("#termsSalesDelivery_img").fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseou
	});
});