/*-------------------------------------------------------------
 * ergo.js - ERGO-BRAINS 制作部 JSライブラリ
 * 
 * version:0.1.4
 * Author :Takeshi Morimoto
 * Since  :2008-12-26
 * 
 * jQuery 1.2.6
-------------------------------------------------------------*/
/*-------------------------------------------------------------
 * 1.クリック画像入れ替え
 * 2.ロールオーバー
-------------------------------------------------------------*/

(function($) {

/*-- ▼ 不要な機能はコメントアウトする ▼ --*/
	$(function() {
		$.ergo.clickImg();
		$.ergo.rollover();
	});
/*-- ▲ 不要な機能はコメントアウトする ▲ --*/

	$.ergo = {

		// クリック画像入れ替え（ロールオーバー画像の固定）
		clickImg: function(options) {
			var c = $.extend({
				selector: '.btn, .btnAll img',
				areaNum:'.btnAll',
				postfix: '_over'
			}, options);
			// 入れ替えるノードの初期化
			$(c.selector).each(function(){
				this.originalSrc = $(this).attr('src');
				this.rolloverSrc = this.originalSrc.replace(/(\.gif|\.jpg|\.png)$/, c.postfix+"$1");
			});
			// 入れ替え
			$(c.areaNum).each(function(i){
				
				var thisArea = this;
				
				$("img",this).each(function(j){
					// 各カテゴリの1つめのノードをON
					if(j == 0){
						var e = $(this).attr('src').replace(/(\.gif|\.jpg|\.png)$/, c.postfix+"$1");
						$(this).attr('src',e);
						$(this).addClass('selected');
					}
					
					// プレビュー画像の入れ替え
					$(this).click(function(){
						var view = $(".view");
						$("img",$(view[i])).hide();
						if(j == 0){
							var look = "_f";
						} else if(j == 1) {
							var look = "_b";
						} else if(j == 2) {
							var look = "_o1";
						} else if(j == 3) {
							var look = "_o2";
						} else if(j == 4) {
							var look = "_s";
						}
						var num = i+1;
						var appImg = "<img src='/prdct/telecom/consumer/wx340k/design/images/pho_mobile0" + num + look + ".jpg' width='179' height='207'>"
						$(view[i]).append(appImg);
//						return false;

						var block = $(c.areaNum);
						var target = $("img",thisArea);
						
						if ($('.selected',thisArea).size() >= 1) {
							var upImg = $('.selected',$(block[i])).attr('src');
							var upImgSrc = upImg.replace(c.postfix, "");
							$('.selected',$(block[i])).attr('src', upImgSrc);
							if(navigator.userAgent.indexOf("Netscape6")!=-1){
							} else {
								$('.selected',$(block[i])).removeClass('selected');
							}
						};
						$(this).attr('src',this.rolloverSrc).addClass('selected');
						return false;

						
					})
				})
			})
		},
		// ロールオーバー
		rollover: function(options) {
			var c = $.extend({
				hoverSelector: '.btn, .btnAll img',
				notHoverSelector: '.btn, .btnAll img.selected',
				slideSelector: '.btnSlide img',
				postfix: '_over'
			}, options);
			// ロールオーバーするノードの初期化
			$(c.hoverSelector).each(function(){
				if(this.originalSrc.indexOf("_over") != -1){
					this.originalSrc = $(this).attr('src');
				} else {
					this.originalSrc = this.originalSrc.replace(c.postfix, "");
				}
				this.rolloverSrc = this.originalSrc.replace(/(\.gif|\.jpg|\.png)$/, c.postfix+"$1");
				this.rolloverImg = new Image;
				this.rolloverImg.src = this.rolloverSrc;
			});
			// ロールオーバー（画像入れ替え）
			$(c.hoverSelector).hover(function(){
				$(this).not('.selected').attr('src',this.rolloverSrc);
			},function(){
				$(this).not('.selected').attr('src',this.originalSrc);
			});
			// ロールオーバー（画像スライド）
			$(c.slideSelector).hover(function(){
				$(this).addClass("btnOver");
			},function(){
				$(this).removeClass("btnOver");
			});
		}
		
	};
})(jQuery);