/* 
 *
 * library.js v0.2 ※jQueryとEasing Pluginが必要です
 * 
 * Copyright(c) INVOGUE.CO,. Ltd. ALL Rights Reserved.
 * http://www.invogue.co.jp/
 * 
 */

(function($) {
	$.library = {
		analytics: function(path){
			var self = this;
			this.originalPath = path;
			this.absolutePath = (function(){
				var e = document.createElement('span');
				e.innerHTML = '<a href="' + path + '" />';
				return e.firstChild.href;
			})();
			
			var fields = {'schema' : 2, 'username' : 5, 'password' : 6, 'host' : 7, 'path' : 9, 'query' : 10, 'fragment' : 11};
			var r = /^((\w+):)?(\/\/)?((\w+):?(\w+)?@)?([^\/\?:]+):?(\d+)?(\/?[^\?#]+)?\??([^#]+)?#?(\w*)/.exec(this.absolutePath);
			for (var field in fields) {
				this[field] = r[fields[field]];
			}
			this.querys = {};
			if(this.query){
				$.each(self.query.split('&'), function(){
					var a = this.split('=');
					if (a.length == 2) self.querys[a[0]] = a[1];
				});
			}
		},
		rollover: function(options) {
			var c = $.extend({
						hoverSelector : 'img.rover, input.rover, .all-rover img',
						groupSelector : '.group-rover',
						activeclass   : 'active',
						postfix       : '_on'
					}, options);
			
			var rolloverImgs = $(c.hoverSelector).filter(isNotCurrent);
			
			rolloverImgs.each(function(){
				this.originalSrc = $(this).attr('src');
				this.rolloverSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2");
				this.rolloverImg = new Image;
				this.rolloverImg.src = this.rolloverSrc;
			});
			
			var groupingImgs = $(c.groupSelector).find('img').filter(isRolloverImg);
			
			rolloverImgs.not(groupingImgs).hover(function(){
				if(!$(this).hasClass(c.activeclass)){$(this).attr('src',this.rolloverSrc);}
			},function(){
				if(!$(this).hasClass(c.activeclass)){$(this).attr('src',this.originalSrc);}
			});
			
			$(c.groupSelector).hover(function(){
				$(this).find('img').filter(isRolloverImg).each(function(){
					if(!$(this).hasClass(c.activeclass)){$(this).attr('src',this.rolloverSrc);}
				});
			},function(){
				$(this).find('img').filter(isRolloverImg).each(function(){
					if(!$(this).hasClass(c.activeclass)){$(this).attr('src',this.originalSrc);}
				});
			});
			
			function isNotCurrent(i){return Boolean(!this.currentSrc);}
			function isRolloverImg(i){return Boolean(this.rolloverSrc);}
		},
		active: function(options) {
			var c = $.extend({
						id       : '',
						type     : 'img',  //(img text Either becomes active.)
						addclass : 'active',
						postfix  : '_on'
					}, options);
			if(c.id != '' && c.type == 'img'){
				$("img#"+c.id).each(function(){
					var dot = $(this).attr('src').lastIndexOf('.');
					var imgsrc_ro = $(this).attr('src').substr(0, dot) + c.postfix + $(this).attr('src').substr(dot, 4);
					$(this).attr('src',imgsrc_ro).addClass(c.addclass);
				});
			}else if(c.id != '' && c.type == 'text'){
				$("#"+c.id).each(function(){
					$(this).addClass(c.addclass);
					//その他のページ用
					
					if($("#Side div#localNavi").find(".sub")){
						//第3階層のとき
						if($(this).find(".sub")){
								$(this).find(".sub").show();
						}
						//第4階層のとき
						if($(this).parent().hide()){
							$(this).parent().show();
						}
					}
					//商品情報用
					if($("#Side div#localNavi").find(".subcategory")){
						switch ($(this).parent().attr("class")){
							case "parentMenu":
							$(this).children().show();
							$(this).parent().show();
							$(this).parent().parent().addClass("open");
							break;
							case "childMenu":
							$(this).children().show();
							$(this).parent().show();
							$(this).parent().parent().parent().show();
							$(this).parent().parent().parent().parent().addClass("open");
							break;
							case "grandchildMenu":
							$(this).parent().show();
							$(this).parent().parent().parent().show();
							$(this).parent().parent().parent().parent().parent().show();
							$(this).parent().parent().parent().parent().parent().parent().addClass("open");
							break;
						}
					}
				});
			}
		},
		scroll: function(options) {
			var scroller = (function() {
				var c = $.extend({
					easing:100,
					step:30,
					fps:60,
					fragment:''
				}, options);
				c.ms = Math.floor(1000/c.fps);
				var timerId;
				var param = {
					stepCount:0,
					startY:0,
					endY:0,
					lastY:0
				};
				function move() {
					if (param.stepCount == c.step) {
						//setFragment(param.hrefdata.absolutePath);
						window.scrollTo(getCurrentX(), param.endY);
					} else if (param.lastY == getCurrentY()) {
						param.stepCount++;
						window.scrollTo(getCurrentX(), getEasingY());
						param.lastY = getEasingY();
						timerId = setTimeout(move, c.ms); 
					} else {
						if(getCurrentY()+getViewportHeight() == getDocumentHeight()) {
							setFragment(param.hrefdata.absolutePath);
						}
					}
				}
				function setFragment(path){
					location.href = path
				}
				function getCurrentY() {
					return document.body.scrollTop  || document.documentElement.scrollTop;
				}
				function getCurrentX() {
					return document.body.scrollLeft  || document.documentElement.scrollLeft;
				}
				function getDocumentHeight(){
					return document.documentElement.scrollHeight || document.body.scrollHeight;
				}
				function getViewportHeight(){
					return (!$.browser.safari && !$.browser.opera) ? document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight : window.innerHeight;
				}
				function getEasingY() {
					return Math.floor(getEasing(param.startY, param.endY, param.stepCount, c.step, c.easing));
				}
				function getEasing(start, end, stepCount, step, easing) {
					var s = stepCount / step;
					return (end - start) * (s + easing / (100 * Math.PI) * Math.sin(Math.PI * s)) + start;
				}
				return {
					set: function(options) {
						this.stop();
						if (options.startY == undefined) options.startY = getCurrentY();
						param = $.extend(param, options);
						param.lastY = param.startY;
						timerId = setTimeout(move, c.ms); 
					},
					stop: function(){
						clearTimeout(timerId);
						param.stepCount = 0;
					}
				};
			})();
			$('a[href^=#], area[href^=#]').not('a[href=#], area[href=#]').each(function(i){
				this.hrefdata = new $.library.analytics(this.getAttribute('href'));
			}).click(function(){
				var target = $('#'+this.hrefdata.fragment);
				if (target.length == 0) target = $('a[name='+this.hrefdata.fragment+']');
				if (target.length) {
					scroller.set({
						endY: target.offset().top,
						hrefdata: this.hrefdata
					});
					return false;
				}
			});
			$("a[name]").each(function(i){
				if(($(this).html() == '') && ($(this).text() == '') && ($(this).attr('id') != '')){
					$(this).css({
						'height':'0',
						'width':'0',
						'display':'block',
						'overflow':'hidden'
					});
				}
			});
		},
		inputfocus: function(options) {
			var c = $.extend({
				usuallyClass : 'input-usually',
				focusClass   : 'input-focus'
			}, options);
			$('input[type=text],input[type=password],textarea').addClass(c.usuallyClass);
			$('.'+c.usuallyClass).focus(function(){
				$(this).addClass(c.focusClass);
			});
			$('.'+c.usuallyClass).blur(function(){
				if($(this).find(c.focusClass)){
					$(this).removeClass(c.focusClass);
				}
			});
		},
		heights: function(options){
			var c = $.extend({
				target : '',
				row    : 0
			}, options);
			
			if(c.row > 0){
				var sets = [], temp = [];
				$(c.target).each(function(i){
					
					temp.push(this);
					if(i % c.row == (c.row-1)){
						sets.push(temp);
						temp = [];
					}
				});
				if(temp.length){
					sets.push(temp);
				}
				$.each(sets, function(){
					$.library.flatheights(this);
				});
			}else{
				$.library.flatheights(c.target);
			}
		},
		flatheights: function(target,options){
			var c = $.extend({
				handlers : [],
				interval : 1000,
				currentSize: 0
			}, options);
			
			
			var ins = $('<ins>M</ins>').css({
				display: 'block',
				visibility: 'hidden',
				position: 'absolute',
				padding: '0',
				top: '0'
			});
			
			var isChanged = function() {
				ins.appendTo('body');
				var size = ins[0].offsetHeight;
				ins.remove();
				if (c.currentSize == size) return false;
				c.currentSize = size;
				return true;
			};
			
			$(isChanged);
			
			var observer = function() {
				if (!isChanged()) return;
				$.each(c.handlers, function(i, handler) {
					handler();
				});
			};
			
			c.addHandler = function(func) {
				c.handlers.push(func);
				if (c.handlers.length == 1) {
					setInterval(observer, c.interval);
				}
			};
			
			var sets = [];
			
			function flat(set){
				var maxHeight = 0;
				$(set).each(function(){
					var height = $(this).height();
					if (height > maxHeight) maxHeight = height;
				});
				$(set).css('height', maxHeight + 'px');
			}
			
			if($(target).length > 1){
				flat($(target));
				sets.push($(target));
			}
			
			c.addHandler(function(){
				$.each(sets, function(){
					$(this).height('auto');
					flat($(this));
				});
			});
		},
		boxhover: function(options){
			var c = $.extend({
				target    : '',
				addclass  : 'hover',
				linkclass : 'location'
			}, options);
			
			if(c.target != ''){
				$(c.target).each(function(){
					$(this).removeClass(c.addclass);
					$(this).css('cursor','pointer');
					if($(this).find('a').hasClass(c.linkclass)){
						var Url = $(this).find('a.'+c.linkclass).attr('href');
						$(this).hover(function(){
							$(this).addClass(c.addclass);
						},function(){
							$(this).removeClass(c.addclass);
						});
						$(this).click(function(){
							if($(this).find('a.'+c.linkclass).attr('target') == '_blank'){
								window.open(Url,'_blank');
							}else{
								location.href = Url;
							}
							return false;
						});
					}
				});
			}
		},
		tab: function(options){
			var c = $.extend({
				navigation : '',
				target     : '',
				active     : '',
				addclass   : 'active',
				duration   : '1000',
				easing     : 'linear',
				type       : 'text'
			}, options);
			
			if(c.navigation != '' && c.target != ''){
				var TargetHeight = [];
				
				$(c.target).wrapAll('<div class="tab-wrap-'+ $(c.target).attr('class') +'"></div>');
				$(c.target).parent().css('position','relative');
				var Position = $(c.target).position();
				
				$(c.target).each(function(){
					TargetHeight[$(this).attr('id')] = $(this).outerHeight('margin:true');
					$(this).css({
						'overflow' : 'hidden',
						'position' : 'absolute',
						'top'      : Position.top,
						'left'     : Position.left
					})
				});
				
				var flag = 0;
				$(c.navigation).click(function(){
					var TargeBlock = $(this).attr('class');
					$(c.target).stop().animate({opacity: 0.0},{duration:c.duration, easing:c.easing, complete:function(){
							$(this).hide();
						}
					});
					if(c.type == 'img'){
						$(c.navigation).find('img').removeClass(c.addclass);
						$(this).find('img').addClass(c.addclass);
						
						$(c.navigation).find('img').each(function(){
							if(!$(this).hasClass(c.addclass)){
								$(this).attr('src',$(this).attr('src').replace(/_on/i,""));
							}else{
								if(flag == 0){
									var dot = $(this).attr('src').lastIndexOf('.');
									var imgsrc_ro = $(this).attr('src').substr(0, dot) + '_on' + $(this).attr('src').substr(dot, 4);
									$(this).attr('src',imgsrc_ro).addClass(c.addclass);
								}
							}
						});
					}else if(c.type == 'text'){
						$(c.navigation).find('a').removeClass(c.addclass);
						$(c.navigation+'.'+TargeBlock).find('a').addClass(c.addclass);
					}
					
					$('#'+TargeBlock).show().stop().animate({opacity: '1.0'},{duration:c.duration, easing:c.easing});
					$(c.target).parent().stop().animate({'height':TargetHeight[TargeBlock]},{duration:c.duration, easing:c.easing});
					
					flag = 1;
					return false;
				});
				if(c.active != ''){
					$(c.navigation+'.'+c.active).click();
				}else{
					$(c.navigation+':first').click();
				}
			}
		},
		//webショールームへのリンク
		webShowRoom: function(options){
			var c = $.extend({
				target : '#Main a',
				triger : 'popup',
				type   : 'sidenavi'
			}, options);
				$(c.target).find(" ."+c.triger).click(function(){
					var windowWidth = 0;
					var windowHeight = 0;
					windowWidth = screen.width - 20;
					windowHeight = screen.height- 130;
					if(c.type=="sidenavi"){
						var outLink = $(this).parent().attr("class");
					}else if(c.type=="block"){
						if(this.nodeName=="H2"){
							var outLink = $(this).parent().attr("id");
						}else{
							var outLink = $(this).parent().parent().parent().attr("id");
						}
					}
					var url;
					if(outLink){
						url = "http://www.kawashimaselkon.co.jp/interior/webshowroom/index.html?link="+outLink;
					}else{
						url = "http://www.kawashimaselkon.co.jp/interior/webshowroom/index.html";
					}
					window.open(url,"top","fullscreen=no,scrollbar=yes,resizable=yes,width="+windowWidth+",height="+windowHeight+",left=0,top=0");
				});
		},
		//商品情報用アコーディオンメニュー
		Accordion: function(options){
			var c = $.extend({
				target : 'target',
				btn    : 'btn',
				area   : 'area'
			}, options);
			var $TargetBtn = $(c.target).find('.' + c.btn);
			var $TargetArea = $(c.target).find('.' + c.area);
			$TargetArea.hide();
			$TargetBtn.find('a').click(function(){
					$TargetBtn.each(function(){
							$(this).removeClass("active");
					});
				if($(this).parent().parent().hasClass('open')){
					$(this).parent().parent().removeClass('open');
					$(this).parent().next().slideUp('1000');
				}else{
					$(c.target).removeClass('open');
					$TargetArea.slideUp('1000');
					$(this).parent().parent().addClass('open');
					$(this).parent().next().slideDown('1000');
				}
				return false;
			});
			$.library.webShowRoom({target:c.target,triger:'ShowRoom'});
		},
		//スライド表示
		Slider: function(options){
			$(options).css('cursor','pointer');
			$(options).next().hide();
			$(options).hover(function(){
				$(this).addClass("hover");
			},function(){
				$(this).removeClass("hover");
			});
			$(options).click(function(){
				if($(this).hasClass("active")){
					$(this).next().slideUp();
					$(this).removeClass("active");
				}else{
					$(this).next().slideDown();
					$(this).addClass("active");
					//$('html,body').animate({ scrollTop: $(this) .offset().top }, 400);
				}
			});
		},
		//fancyBox印刷対応
		fancyBoxPrint: function(options){
			var c = $.extend({
				target : 'target',
				area   : 'area'
			}, options);
			$(c.target).click(function(){
				$('#Container,#fancybox-overlay').css({'display':'none'});
				$(c.area).css({'display':'none'});
				$('#fancybox-wrap').css({
					'position' : 'absolute',
					'top' : '0',
					'left' : '0'
				});
				print();
				setTimeout(function(){
					location.reload(false);
				},100);
				return false;
			});
		},
		//GoogleMap表示（API V3が必要）
		renderMap: function(options){
			var c = $.extend({
				target : 'target',
				lat    : 0,
				lng    : 0,
				zoom   : 15
			}, options);
			var center = new google.maps.LatLng(c.lat,c.lng);
			var map = new google.maps.Map($(c.target)[0], {
					zoom:c.zoom,
					center:center,
					mapTypeId:google.maps.MapTypeId.ROADMAP,
					scaleControl: true,
					streetViewControl:false,
					mapTypeControl:false,
					scrollwheel:false
				});
			var marker = new google.maps.Marker({
					position: center,
					map: map
				});
		},
		//営業日カレンダー
		renderCalender: function(options){
			var c = $.extend({
				target   : 'target',
				year     : (new Date()).getFullYear(),
				month    : 1,
				holiday  : [],
				pHoliday : [],
				weekStartDay : 0
			}, options);
			var dayList = ["日","月","火","水","木","金","土"];
			dayList = dayList.slice(c.weekStartDay).concat(dayList.slice(0,c.weekStartDay));
			var holiday = {};
			for(var i=0; i<c.holiday.length; i++){
				holiday[c.holiday[i]] = true;
			}
			var pHoliday = {};
			for(var i=0; i<c.pHoliday.length; i++){
				pHoliday[c.pHoliday[i]] = true;
			}
			var blank = (new Date(c.year,c.month-1,1)).getDay()-c.weekStartDay;
			if(blank<0) blank = blank+7;
			var cnt = 0;
			var output = '';
			output += '<table>';
			output += '<tr>';
			// 曜日ヘッダ
			for(var i=0; i<dayList.length; i++){
				output += (c.weekStartDay == 7-i) ? '<th class="sunday">'+dayList[i]+'</th>' : '<th>'+dayList[i]+'</th>';
			}
			output += '</tr>';
			// 月初前の空セル
			for(var i=0; i<blank; i++){
				if((cnt++)%7==0) output += '<tr>';
				output += '<td></td>';
			}
			// 月初～月末まで日付を入れる
			var end = (new Date(c.year,c.month,0)).getDate();
			for(var d=1; d<=end; d++){
				if((cnt++)%7==0) output += '<tr>';
				var className = "";
				if((cnt+c.weekStartDay-8)%7==0) className += "sunday ";
				if(holiday[d]) className += "holiday ";
				if(pHoliday[d]) className += "publicHoliday ";
				output += '<td class="'+className+'">'+d+'</td>';
				if(cnt%7==0) output += '</tr>';
			}
			// 月末後の空セル
			blank = 7-cnt%7;
			for(var i=0; i<blank; i++){
				output += '<td></td>';
				if((++cnt)%7==0) output += '</tr>';
			}
			output += '</table>';
			$(c.target).html(output);
		}
	};
	
	$(function(){
		$.library.rollover();
		$.library.scroll();
		$.library.inputfocus();
		
		//ヘッダーなどの読み込み
		$(".header").load("/share/inc/template.html #Header",null,function(){
			$.library.rollover();
			$.library.inputfocus();
			set();
		});
		$(".footer").load("/share/inc/template.html #Footer",null,function(){
			$.library.rollover();
		});
	});	
})(jQuery);