/* 
 *
 * library.js var0.1
 * 
 * Copyright(c) INVOGUE.CO,. Ltd. ALL Rights Reserved.
 * http://www.invogue.co.jp/
 * 
 */

(function($) {
	$.library = {
		analysis: 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);
				});
			}
		},
		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(){
				this.hrefdata = new $.library.analysis(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;
				}
			});
		},
		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;
						});
					}
				});
			}
		},
		//右サイドのキャンペーンバナーの読み込み
		getFeed : function(root,options) {
			var c = $.extend({
				feed_url    : root,
				//output_num : 3,
				append_target : '#Bnrarea ul'
			}, options);
			var html = '';
			$.ajax({
	            url: c.feed_url,
	            //非同期通信
	            async: true,
	            //通信結果をキャッシュ
	            cache: false,
	            dataType: "xml",
	            success: function(xml){
	                $(xml).find('entry').each(function(i){
						/*
						if (i == c.output_num) {
	                        return false;
	                    }
						*/
						var title = $(this).find('title').text();
						var image = $(this).find('image').text();
	                    var url = $(this).find('link').text();
						var target = $(this).find('link').attr("target");
						
						image = '<img src="' + image +'" alt="'+ title +'" />';
	                    url = '<a href="'+url+'" target="'+target+'" title="'+ title +'">';					
	                    
						html += '<li>'+ url + image + '</a></li>';
	                });
					$(c.append_target).empty();
	                $(c.append_target).append(html);
					$('#Bnrarea').simpleLoopSlider({controller: false,autoSlide: false});
					if(typeof c.callback == 'function') { c.callback(); }
	            },
	            //エラー表示
	            error: function(xml){
	                $(c.append_target).append('<li>読み込みエラーです</li>');
	            }
			});
		},
		//商品詳細の写真切り替え
		photoChange: function(options) {
			var c = $.extend({
				target     : '#ItemDetail div.photo p img',
				thums     : '#ItemDetail div.photo ul li'
			}, options);
			$(c.thums).find("img").hover(function(){
				$(this).addClass("hover");
			},function(){
				$(this).removeClass("hover");
			});
			$(c.thums).find("img").click(function(){
				if($(this).hasClass("active")){
					return false;
				}
				$(c.thums).find("img").each(function(){
					$(this).removeClass("active");
				});														  
				$(this).addClass("active");
				var imgsrc_ro = $(this).attr('src');
				$(c.target).fadeOut("normal",change);
				function change(){
					$(c.target).attr({src: imgsrc_ro});
					$(c.target).fadeIn();
				}
			});
			$(c.thums+":first").find("img").click();
		}
	};
	
	$(function(){
		$.library.rollover();
		$.library.scroll();
		$.library.inputfocus();
		$.library.getFeed('/xml/campaign.xml');
	});


		//sns
	$(function(){
		$('.social .mixi').socialbutton('mixi_check',{
			key:'4b49f8cf7d1a4ac159b39b549425a4772c345b1d'
		});
		$('.social .twitter').socialbutton('twitter',{
			button:'vertical',
			url:'http://www.o-kitakagu.jp/',
			text:'大阪・堺で家具を取り扱うオーキタ家具です。｜大阪・家具・オーキタ家具｜インテリアショップ',
    	lang: 'ja'
		});
		$('.social .facebook').socialbutton('facebook_like',{
			button:'box_count',
			url:'http://www.o-kitakagu.jp/'
		});
	});
	
})(jQuery);