//if(typeof hgoAl == "undefined"){var hgoAl = {}}; //$j(document).ready(function(){ // gcSubmenu = new hg.Submenu(); //}) if(typeof hg == "undefined"){var hg = {}}; hg.Submenu = function(){ this.hOption = this._getOpts(arguments[0]); this._getGlobalMenu(); this._setEvent(); } hg.Submenu.prototype = { _getOpts : function(opt){ var option = { }; if(typeof opt == 'undefined') opt = new Object; for(var v in opt) option[v] = opt[v]; return option; }, _getGlobalMenu : function(){ this.aGlobalMenuA = $j('#globalNavi ul:first a'); this.aGlobalMenuIMG = $j('#globalNavi ul:first img'); this.aSubMenuSet = $j('#subMenu ul'); $j.each(this.aSubMenuSet,function(i,v){ }); }, _setEvent : function(){ var _this = this; $j.each(this.aGlobalMenuA,function(i,v){ $j(v).mouseover(function(){ _this._onGlobalMenu(i); }) $j(v).mouseout(function(){ _this._outGlobalMenu(i); }) }); $j.each(this.aSubMenuSet,function(i,v){ $j(v).mouseenter(function(){ _this._onSubMenu(i); }) $j(v).mouseleave(function(){ _this._outSubMenu(i); }) }) }, _onGlobalMenu : function(num){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } this.nCurrentOverNum = num; this._resetGlobalMenu(); this._activeGlobalMenu(num); this._resetSubMenu(); this._activeSubMenu(num); //console.log(this.nGLeft); //console.log(this.nGWidth); //console.log(this.nSWidth); this.nSLeft = (this.nGWidth/2 + this.nGLeft) - this.nSWidth/2; //console.log(this.nSLeft); this.nMinSLeft = 0; this.nMaxSLeft = 880 - this.nSWidth; if(this.nSLeft > this.nMaxSLeft){ this.nSLeft = this.nMaxSLeft; } if(this.nSLeft < this.nMinSLeft){ this.nSLeft = this.nMinSLeft; } $j(this.aSubMenuSet[num]).css('left',this.nSLeft+'px') //console.log($j(this.aSubMenuSet[num])) }, _outGlobalMenu : function(){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } var _this = this; this.oResetTimer = setTimeout(function(){_this._resetAll()},300); }, _resetAll : function(){ this._resetGlobalMenu(); this._resetSubMenu(); }, _onSubMenu : function(num){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } //this.this.aSubMenuSet.hide(); //this._resetSubMenu(); }, _outSubMenu : function(){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } var _this = this; this.oResetTimer = setTimeout(function(){_this._resetAll()},300); }, _activeGlobalMenu : function(num){ var elm = this.aGlobalMenuIMG[num]; var src = elm.src; var on = '_on'; elm.src = src.replace(new RegExp('(^.+)(\..{3}$)'), "$1"+on+"$2"); this.nGLeft = $j(elm).position().left; this.nGWidth = $j(elm).width(); }, _resetGlobalMenu : function(){ $j.each(this.aGlobalMenuIMG,function(i,v){ var src = v.src; var on = '_on'; v.src = src.replace(new RegExp('(^.*)'+on+'(\..{3}$)'), "$1$2"); }) }, _activeSubMenu : function(num){ $j(this.aSubMenuSet[num]).fadeIn(200); this.nSWidth = $j(this.aSubMenuSet[num]).width(); }, _resetSubMenu : function(){ $j.each(this.aSubMenuSet,function(i,v){ //$j(v).fadeOut(200); $j(v).hide(); }) } } hg.SwitchCont = function(){ this.hOption = this._getOpts(arguments[0]); this.aThumbElm = this.hOption.thumbElmList; this.aContElm = this.hOption.contElmList; this.eImageElm = this.hOption.imageElmList; this.weImageElm = $j(this.eImageElm); this._setThumbEvent(); //this._getGlobalMenu(); //this._setEvent(); if(this.aContElm){ this.changeCont(this.aThumbElm[0],0); }else if(this.eImageElm){ this.changeImage(null,this.aThumbElm[0],0); } } hg.SwitchCont.prototype = { _getOpts : function(opt){ var option = { }; if(typeof opt == 'undefined') opt = new Object; for(var v in opt) option[v] = opt[v]; return option; }, _setThumbEvent : function(){ var _this = this; $j.each(this.aThumbElm,function(i,v){ $j(v).click(function(event){ if(_this.aContElm){ _this.changeCont(this,i); }else if(_this.eImageElm){ _this.changeImage(event,this,i); } }) }) }, changeCont : function(e,num){ if(this.nActiveNum == num) return; this._setActiveThumb(e); this.nActiveNum = num; if(this.welActiveCont) this.welActiveCont.fadeOut(100); this.welActiveCont = $j(this.aContElm[num]); this.welActiveCont.fadeIn(100); }, changeImage : function(ev,e,num){ if(ev) ev.preventDefault(); if(this.nActiveNum == num) return; this._setActiveThumb(e); this.nActiveNum = num; this.weImageElm.fadeOut(100); if(e) this.eImageElm[0].src = e.href; this.weImageElm.fadeIn(100); }, _setActiveThumb : function(e){ if(this.welActiveThumb) this.welActiveThumb.removeClass('active'); this.welActiveThumb = $j(e); this.welActiveThumb.addClass('active'); }, _getGlobalMenu : function(){ this.aGlobalMenuA = $j('#globalNavi ul:first a'); this.aGlobalMenuIMG = $j('#globalNavi ul:first img'); this.aSubMenuSet = $j('#subMenu ul'); $j.each(this.aSubMenuSet,function(i,v){ }); }, _setEvent : function(){ var _this = this; $j.each(this.aGlobalMenuA,function(i,v){ $j(v).mouseover(function(){ _this._onGlobalMenu(i); }) $j(v).mouseout(function(){ _this._outGlobalMenu(i); }) }); $j.each(this.aSubMenuSet,function(i,v){ $j(v).mouseenter(function(){ _this._onSubMenu(i); }) $j(v).mouseleave(function(){ _this._outSubMenu(i); }) }) }, _onGlobalMenu : function(num){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } this.nCurrentOverNum = num; this._resetGlobalMenu(); this._activeGlobalMenu(num); this._resetSubMenu(); this._activeSubMenu(num); //console.log(this.nGLeft); //console.log(this.nGWidth); //console.log(this.nSWidth); this.nSLeft = (this.nGWidth/2 + this.nGLeft) - this.nSWidth/2; //console.log(this.nSLeft); this.nMinSLeft = 0; this.nMaxSLeft = 880 - this.nSWidth; if(this.nSLeft > this.nMaxSLeft){ this.nSLeft = this.nMaxSLeft; } if(this.nSLeft < this.nMinSLeft){ this.nSLeft = this.nMinSLeft; } $j(this.aSubMenuSet[num]).css('left',this.nSLeft+'px') //console.log($j(this.aSubMenuSet[num])) }, _outGlobalMenu : function(){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } var _this = this; this.oResetTimer = setTimeout(function(){_this._resetAll()},300); }, _resetAll : function(){ this._resetGlobalMenu(); this._resetSubMenu(); }, _onSubMenu : function(num){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } //this.this.aSubMenuSet.hide(); //this._resetSubMenu(); }, _outSubMenu : function(){ if(this.oResetTimer){ clearTimeout(this.oResetTimer); this.oResetTimer = null; } var _this = this; this.oResetTimer = setTimeout(function(){_this._resetAll()},300); }, _activeGlobalMenu : function(num){ var elm = this.aGlobalMenuIMG[num]; var src = elm.src; var on = '_on'; elm.src = src.replace(new RegExp('(^.+)(\..{3}$)'), "$1"+on+"$2"); this.nGLeft = $j(elm).position().left; this.nGWidth = $j(elm).width(); }, _resetGlobalMenu : function(){ $j.each(this.aGlobalMenuIMG,function(i,v){ var src = v.src; var on = '_on'; v.src = src.replace(new RegExp('(^.*)'+on+'(\..{3}$)'), "$1$2"); }) }, _activeSubMenu : function(num){ $j(this.aSubMenuSet[num]).fadeIn(200); this.nSWidth = $j(this.aSubMenuSet[num]).width(); }, _resetSubMenu : function(){ $j.each(this.aSubMenuSet,function(i,v){ //$j(v).fadeOut(200); $j(v).hide(); }) } } /* spot deck.js */ var SpotDeckCI = $Class({ $init : function(){ var options = this.opt = this._getOptions(arguments[0]); this.active = null; this.thumbHrefAry = new Array(); this.thumbSrcAry = new Array(); this.thumbTitleAry = new Array(); this.thumbObjAry = new Array(); this.ssObjAry = new Array(); this.navThumbObjAry = new Array(); this.animID = 'ssuianimated'; this.ssImgObj = null; this.ssDisc = null; this.easeItvID = null; this.currentIndex = null; //this.moving = false; this.thumbObj = $(this.opt.thumbID); this._setThumbEvent(); this._easeS = 3; //this._animated = false; this.bodyElm = $Element(document.body); }, _getOptions : function(param){ var option = { //animated : false, close : true }; if (typeof param == "undefined") param = new Object; for(var x in param) option[x] = param[x]; return option; }, _setThumbEvent : function(){ this.thumbObjAry = cssquery("a."+this.opt.aClass, this.thumbObj); this.thumbLength = this.thumbObjAry.length; var onThumbClickFn = $Fn(this.onThumbClick, this).bind(); var _this = this; $A(this.thumbObjAry).forEach( function(v, i){ _this.thumbSrcAry.push($$("img", v)[0].src); _this.thumbHrefAry.push(v.href); _this.thumbTitleAry.push(v.title); $Fn(onThumbClickFn, _this).attach(v, "click"); } ); this._preLoad(this.thumbHrefAry); }, _preLoad : function(hrefAry){ var _this = this; $A(hrefAry).forEach( function(v, i){ var imgObj = new Image(); imgObj.src = v; _this.ssObjAry.push(imgObj); } ); }, onThumbClick : function(e){ e.stop(); if(this.moving) return; this._mask(); if($(this.opt.layerID)){ //2回目以降 if($Element($(this.opt.layerID)).css('display') != 'block'){ //非表示中 this._chgLayerVis(false); this._chgImg($A(this.thumbHrefAry).indexOf(e.currentElement.href)); this._setLayer(); //if(this.opt.animated)this._openAnimation(e); else this._showLayer(); this._showLayer(); return; }else{ //表示中 this._resize(); this._chgImg($A(this.thumbHrefAry).indexOf(e.currentElement.href)); //this.closeLayer(); return; } } //初回 this._makeLayerTag($A(this.thumbHrefAry).indexOf(e.currentElement.href)); //if(this.opt.animated) this._openAnimation(e); else this._showLayer(); this._showLayer(); }, _maskClick : function(){ this.closeLayer(); }, _closeEnd : function(){ this.ssImgObj.src = ''; //this._chgMovingFlg(false); }, _getPosition : function(el) { var p = { x: el.offsetLeft, y: el.offsetTop }; while (el.offsetParent) { el = el.offsetParent; p.x += el.offsetLeft; p.y += el.offsetTop; if (el != document.body && el != document.documentElement) { p.x -= el.scrollLeft; p.y -= el.scrollTop; } } return p; }, _setActiveThumb : function(num){ $A(this.navThumbObjAry).forEach( function(v, i){ $Element(v).removeClass('active'); } ); $Element(this.navThumbObjAry[num]).addClass('active'); }, _setLayerPos : function(elm){ this._setElmCenter(elm); }, _setElmCenter : function(elm){ elm = $Element(elm); var wSize = this._getWindowSize(); var pSize = this._getPageSize(); var cSizeObj = this._getContentSize(elm); var st = document.documentElement.scrollTop || document.body.scrollTop; var sl = document.documentElement.scrollLeft || document.body.scrollLeft; elm.css({left:'0px',top:'0px'}); elm.css({left:parseInt(pSize["2"]/2-cSizeObj["w"]/2 + sl)+"px",top:parseInt(pSize["3"]/2-cSizeObj["h"]/2 + st) + "px"}); }, _getPageSize : function(){ var xScroll,yScroll; if(document.compatMode && document.compatMode != "BackCompat"){ //Standard xScroll = document.documentElement.scrollWidth; yScroll = document.documentElement.scrollHeight; }else{ //Quirks xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.compatMode && document.compatMode != "BackCompat") { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else{ windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } var pageHeight = Math.max(windowHeight,yScroll); var pageWidth = Math.max(windowWidth,xScroll); arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) return arrayPageSize; }, _getContentSize : function(elm){ elm = $Element(elm); if(elm.css('display') == 'none'){ elm.css('visibility','hidden'); elm.show(); var hideFlg = true; } var w = elm.width(); var h = elm.height(); if(hideFlg){ elm.hide(); elm.css('visibility','visible'); } return {w:w, h:h}; }, _getWindowSize : function(){ var wSize = new Object(); if($Agent().navigator().ie) { wSize.w = document.documentElement.clientWidth; wSize.h = document.documentElement.clientHeight; } else { wSize.w = window.innerWidth; wSize.h = window.innerHeight; } return wSize; }, _chgImg : function(e){ if(typeof(e) == 'object'){ e.stop(); //blur(); $(this.opt.layerID).focus(); var ssIndex = $A(this.thumbHrefAry).indexOf(e.currentElement.href); }else{ var ssIndex = e } this.ssImgObj.src = this.ssObjAry[ssIndex].src; this._chgTitle(ssIndex); ////this.ssDisc.innerHTML = this.thumbTitleAry[ssIndex]; //this._setActiveThumb(ssIndex); this.currentIndex = ssIndex; }, _chgTitle : function(i){ if(this.ssDisc.firstChild) this.ssDisc.removeChild(this.ssDisc.firstChild); var p = $('
'); p.innerHTML = this.thumbTitleAry[i]; this.ssDisc.appendChild(p); }, _chgImgNP : function(e,type){ e.stop(); $(this.opt.layerID).focus(); if(type == 'next'){ var nextIndex = ++this.currentIndex; if(nextIndex >= this.thumbLength)nextIndex = 0; }else{ var nextIndex = --this.currentIndex; if(nextIndex < 0)nextIndex = this.thumbLength-1; } this.ssImgObj.src = this.ssObjAry[nextIndex].src; this._chgTitle(nextIndex); this.currentIndex = nextIndex; }, _makeLayerTag : function(num){ var rootDiv = $('