// Hideable Section
jQuery.fn.hideSect = function() {
	this.each(function() {
		var header = jQuery(this).children(".header");
		header.click(function() {
			// Firstly we should get the body block
			var body = jQuery(this).next();
			
			body.slideToggle();
		});
		header.bind("mouseenter", function() {
			jQuery(this).animate({ backgroundColor: "#666666", color: "#ffffdd" }, 100);
		});
		header.bind("mouseleave", function() {
			jQuery(this).animate({ backgroundColor: "#444444", color: "#ffffff" }, 100);
		});
	}
};