var Header = {
	expand: function(element) {
		Header.toggle(element, element.data('header').height, 'Collapse_button.png', false);
	},

	collapse: function(element) {
		Header.toggle(element, '116px', 'Expand_button.png', true);
	},

	toggle: function(element, size, src, result) {
		$('#header').animate({ height: size });
		element.css({ 'background-image' : 'url(/wp-content/themes/Iconic/images/' + src + ')' })
			.data('header').collapsed = result;
	}
}

$(function(){
	var header = $('#header');

	$('#collapse')
		.css({ display: 'block' })
		.data('header', {
			height: header.css('height'),
			collapsed: false
		})
		.click(function(){
			var element = $(this);

			var fn = (element.data('header').collapsed) ? Header.expand : Header.collapse;
			fn(element);

			return false;
		});
});