(function($){

	"use strict";

	$(document).ready(function(){

		/* setup tab. */
		$('#tab')
			/* store images. */
			.find('img')
				.each(function(){
					var img = new Image();
					img.src = this.src.replace(/^(.+)(\.[a-z]+)$/, '$1_on$2');
					$(this).data('images', {
						defaultSrc: this.src,
						activeSrc: img.src
					});
				})
			.end()

			.idTabs(function(id, list, set){
				/* switch active tab. */
				$('a', set).each(function(){
					var src;
					if (this.hash === id) {
						src = $('img', this).data('images').activeSrc;
					} else {
						src = $('img', this).data('images').defaultSrc;
					}
					$('img', this).attr('src', src);
				});

				/* show & hide tab contents. */
				for (var i in list) {
					$(list[i]).stop(false, true).hide();
				}
				$(id).stop(false, true).fadeIn('fast');
			})
		;

		/* setup collection list. */
		$('#main div.collection')
			.find('li > a')
				.hover(
					function(){
						$(this).addClass('on');
					},
					function(){
						$(this).removeClass('on');
					}
				)
			.end()
			.find('p.expander > a')
				/* set click hander. */
				.toggle(
					function(){
						$('#main div.collection > ul > li:gt(2)').hide('fast');
					},
					function(){
						$('#main div.collection > ul > li:hidden').show('fast');
					}
				)
				/* hide on page load. */
				.trigger('click')
			.end()
		;

	});

})(jQuery);