/**
 * ドロップダウンメニュー作ってみた
 * 
 * @create 2010/06/01
 */
(function(jQuery){
	jQuery.fn.fsjp_ImageRotator = function(params) {

		var _self   = this;
		var options = jQuery.extend({
			 content: {
				
			}
			,imageSelector:       ">.content IMG"
			,descriptionSelector: ">.content > .description"
			,listItemSelector:    ".list .item"
			,listItemDescriptionSelector:    ".list .item"
			,closeButtonSelector: ".close"
			,activeItemClass:     "active"
			,hoverItemClass:      "hover"
			,fadeoutSpeed:        400
			,fadeinSpeed:         200
		}, params || {});

		jQuery(options.descriptionSelector, _self).animate({ opacity: 0.8 }, 1);

		jQuery(options.listItemSelector, this).click(function() {
			if (jQuery(this).is("." + options.activeItemClass)) {
				return false;
			}
			var nextImageSrc    = jQuery("img", this).attr("title");
			var nextImageAlt    = jQuery("img", this).attr("alt");
			var nextTitle       = jQuery(".title", this).html();
			var nextDescription = jQuery(".description", this).html();

			jQuery(options.listItemSelector, _self).removeClass(options.activeItemClass);
			jQuery(this).addClass(options.activeItemClass);

			jQuery(options.imageSelector, _self).fadeTo(options.fadeoutSpeed, 0, function()
			{
				jQuery(this).attr({src: nextImageSrc, alt: nextImageAlt});
				jQuery(this).fadeTo(options.fadeinSpeed, 1);
				
				jQuery("DT", jQuery(options.descriptionSelector, _self)).html(nextTitle);
				jQuery("DD", jQuery(options.descriptionSelector, _self)).html(nextDescription);
				jQuery(options.descriptionSelector, _self).slideDown();
			});

		}).hover(function() {
			jQuery(this).addClass(options.hoverItemClass);
		}, function() {
			jQuery(this).removeClass(options.hoverItemClass);
		});

		jQuery(options.closeButtonSelector, this).click(function(){
			jQuery(options.descriptionSelector, _self).slideToggle();
		});

	};
})(jQuery);