﻿// JavaScript Document

$(document).ready(function(){

//カレント
var hre = location.href
$("#header ul a").each(function(){
if (hre.match(this.href)){
$(this).find("img").attr("src",$(this).find("img").attr("src").replace("_n.", "_cr."));
$(this).find("img").css("filter",$(this).find("img").css("filter").replace("_n.", "_cr."));
}
});

////////関連イメージ切替
$("#cg img").click(function () {
//  $(this).slideUp();
var src = $(this).attr("src").replace(/.jpg/ig, "m.jpg");
$("#cgimgarea img").hide()
.attr("src",src)
.fadeIn("slow");
});
////////コンテンツ切替
//$("#phblock_ind,#phblock_spe,#phblock_fea,#txblock_ind,#txblock_fea,#txblock_spe").css("display","none");
$("#rightarea #index").attr("src",$("#rightarea #index").attr("src").replace("_off.", "_cr."));
$("#phblock_fea,#phblock_spe,#txblock_fea,#txblock_spe").hide();

$("#rightarea #index").hover(function () {
$(this).attr("src",$(this).attr("src").replace("_off.", "_on."));
},function (){
$(this).attr("src",$(this).attr("src").replace("_on.", "_off."));
}
);

$("#rightarea #index").click(function () {
$(this).attr("src",$(this).attr("src").replace("_on.", "_cr."));
$("#phblock_spe,#phblock_fea,#txblock_spe,#txblock_fea").hide();
$("#phblock_ind,#txblock_ind").fadeIn("slow");
$("#rightarea #features").attr("src",$("#rightarea #features").attr("src").replace("_cr.", "_off."));
$("#rightarea #spec").attr("src",$("#rightarea #spec").attr("src").replace("_cr.", "_off."));
});
$("#rightarea #features").click(function () {
$(this).attr("src",$(this).attr("src").replace("_on.", "_cr."));
$("#phblock_spe,#phblock_ind,#txblock_spe,#txblock_ind").hide();
$("#phblock_fea,#txblock_fea").fadeIn("slow");
$("#rightarea #index").attr("src",$("#rightarea #index").attr("src").replace("_cr.", "_off."));
$("#rightarea #spec").attr("src",$("#rightarea #spec").attr("src").replace("_cr.", "_off."));
});
$("#rightarea #spec").click(function () {
$(this).attr("src",$(this).attr("src").replace("_on.", "_cr."));
$("#phblock_fea,#phblock_ind,#txblock_fea,#txblock_ind").hide();
$("#phblock_spe,#txblock_spe").fadeIn("slow");
$("#phblock_spe #demen").css("visibility","hidden");
//$("#phblock_spe img").hide();
$("#rightarea #features").attr("src",$("#rightarea #features").attr("src").replace("_cr.", "_off."));
$("#rightarea #index").attr("src",$("#rightarea #index").attr("src").replace("_cr.", "_off."));
});
////////カラー切替
var dir =location.href.replace(/(http:.*products\/)|\/|#/ig, '');
$("#txblock_spe ul img").each(function(){
var colorname =$(this).attr("src").replace(/(\/images.*_)|\.gif/ig, '');
$(this).click(function (){
$("#colorph img:eq(0)").hide().attr("src","/images/spec/"+ dir+ "_" +colorname+".jpg").fadeIn("slow");
;
$("#colorph .colnome").text($(this).attr("alt"));
});
});
////////ディメンション表示
$("#demen").hide();
$("#opendm").click(function () {
$("#demen").css("visibility","visible");
$("#demen").show("slow");
});
$("#demen").click(function () {
$(this).hide();
});
////////FAQ
$("#aboutus.body_faq .ans").hide();
$("#aboutus.body_faq h4").hover(
function () {
$(this).css("background-color","#f89b1b");
},
function () {
$(this).css("background-color","#F8BD3D");
}
);
$("#aboutus.body_faq .box h4").each(function () {
$(this).css("cursor","pointer");
$(this).toggle(
function () {
$(this).parent().find(".ans").show();
},
function () {
$(this).parent().find(".ans").hide();
}
);
});

////////コンフォート
$("#load").load("/products/confo.html #confo");
$("#load").hide();
$("#goconfo").click(function () {
$("#load").slideDown();
});
$("#load").click(function () {
$(this).hide();
});
////////ムービー
$("#gomovie").click(function () {
$("#showmovie").load("/products/movie.html #movie");
$("#showmovie").show();
});
$("#showmovie").click(function () {
$(this).hide();
});
////////テーブル
$("#aboutus.shop .shoplist tr:odd").css("background-color","#FFFDED");
$("#aboutus.shop .shoplist .shopname:even,#shoplist02 .shopname:even").css("background-color","#FFFBDC");

$("#aboutus.shop .wraptable").slideUp("slow");
$("#aboutus.shop .opentbl").click(function () {
$(this).next().slideToggle("fast");
});
$("#aboutus.shop .opentbl").toggle(function () {
$(this).find(".dtlopen").html('<a href="#" class="link">閉じる</a><img src="/images/arrow_mini.gif"/>');
},
function () {
$(this).find(".dtlopen").html('<a href="#" class="link">各店の詳細を見る</a><img src="/images/arrow_mini.gif"/>');
}
);

////////テキストブロック画像エフェクト
$("#txblock li img,#txblock #cg img").imageBorder();  

////////トップエフェクト
Array.prototype.shuffle = function() {
    var i = this.length;
    while(i){
        var j = Math.floor(Math.random()*i);
        var t = this[--i];
        this[i] = this[j];
        this[j] = t;
    }
    return this;
}
a = ["ore","blue","pink"];
a.shuffle();
$('ul#animated-portfolio img').each(function(i){
var dImg =  '/images/top_mg_' +a[i]+ '.jpg';
$(this).attr("src",dImg)	
});




});/////////readyEND

/*
CSS Browser Selector v0.3.1
Rafael Lima (http://rafael.adm.br)
*/
function css_browser_selector(u){var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',h=document.getElementsByTagName('html')[0],b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3')?g+' ff3':is('gecko/')?g:/opera(\s|\/)(\d+)/.test(ua)?'opera opera'+RegExp.$2:is('konqueror')?'konqueror':is('chrome')?w+' '+s+' chrome':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);
//* CSS Browser Selector  END

//* smartRollover
function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");
		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off."))
			{
				images[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
				}
				images[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
				}
			}
		}
	}
}
if(window.addEventListener) {
	window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", smartRollover);
}
//* smartRollover END

// UTF-8
// $B%/%m%9%U%'!<%I$9$k%m!<%k%*!<%P!<=hM}(B
// by KAZUMiX
// http://d.hatena.ne.jp/KAZUMiX/20071017/rollover2

new function(){
    function setRollOver2(){
        if(!document.images){return;}
        var imgs = document.images;
        var insert = [];
        for(var i=0;i<imgs.length;i++){
            var splitname = imgs[i].src.split('_rollout.');
            if((splitname[1])&&(imgs[i].parentNode.tagName=='A')){
                var rolloverImg = document.createElement('img');
                rolloverImg.src = splitname[0]+'_rollover.'+splitname[1];
                var alpha = 0;
                rolloverImg.currentAlpha = alpha;
                rolloverImg.style.opacity = alpha/100;
                rolloverImg.style.filter = 'alpha(opacity='+alpha+')';
                rolloverImg.style.position = 'absolute';

                //$B%m!<%k%*!<%P!<!&%"%&%H=hM}$=$l$>$l$r@_Dj(B
                addEvent(rolloverImg,'mouseover',function(){setFader(this,100);});
                addEvent(rolloverImg,'mouseout',function(){setFader(this,0);});

                // $B8e$GDI2C$9$k$?$a$KDI2C>l=j$H6&$KJ]B8$7$F$*$/(B
                // $B$3$N;~E@$GDI2C$9$k$H(Bdocument.images$B$,=q$-49$o$C$FITET9g(B
                insert[insert.length] = {position:imgs[i],element:rolloverImg};
            }
        }
        // $B",$G:n$C$?%m!<%k%*!<%P!<2hA|$rDI2C(B
        for(var i=0;i<insert.length;i++){
            var parent = insert[i].position.parentNode;
            parent.insertBefore(insert[i].element,insert[i].position);
        }
    }

    // $B;XDjMWAG$r;XDjF)L@EY$K$9$k$?$a$N%U%'!<%I%"%K%a$r@_Dj$9$k4X?t(B

    function setFader(targetObj,targetAlpha){
        targetObj.targetAlpha = targetAlpha;
        if(targetObj.currentAlpha==undefined){
            targetObj.currentAlpha = 100;
        }
        if(targetObj.currentAlpha==targetObj.targetAlpha){
            return;
        }
        if(!targetObj.fading){
            if(!targetObj.fader){
                targetObj.fader = fader;
            }
            targetObj.fading = true;
            targetObj.fader();
        }
    }

    // $B%"%k%U%!CM$r%?!<%2%C%HCM$K6a$E$1$k4X?t(B
    // $B%?!<%2%C%HCM$K$J$C$?$i=*N;(B

    function fader(){
        this.currentAlpha += (this.targetAlpha - this.currentAlpha)*0.2;
        if(Math.abs(this.currentAlpha-this.targetAlpha)<1){
            this.currentAlpha = this.targetAlpha;
            this.fading = false;
        }
        var alpha = parseInt(this.currentAlpha);
        this.style.opacity = alpha/100;
        this.style.filter = 'alpha(opacity='+alpha+')';
        if(this.fading){
            var scope = this;
            setTimeout(function(){fader.apply(scope)},30);
        }
    }

    // $B%$%Y%s%H$rDI2C$9$k4X?t(B

    function addEvent(eventTarget, eventName, func){
        if(eventTarget.addEventListener){
            // $B%b%@%s%V%i%&%6(B
            eventTarget.addEventListener(eventName, func, false);
        }else if(window.attachEvent){
            // IE
            eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
        }
    }

    addEvent(window,'load',setRollOver2);

}

/* 写真風画像枠表示プラグイン for jQuery
2009.1 By KaZuhiro FuRuhata  */
$.fn.imageBorder = function(){
	return this.each(function(){
		$(this).addClass("jqImageBorder");
		$(this).hover(
			function(){
				$(this).fadeTo(200,0.3);
				$(this).toggleClass("jqIBRotate");
			},
			function(){
				$(this).fadeTo(200,1.0);
				$(this).toggleClass("jqIBRotate");
			}
		);
	});
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 Author : http://www.yomotsu.net
 created: 2007/03/13
 update : 2008/01/21
 Licensed under the GNU Lesser General Public License version 2.1

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
var yomotsuRollover = {

main : function() {
	var img = document.images, ipt = document.getElementsByTagName('input'), i, preLoadImg = [];
	// img elements
	for (i = 0; i <img.length; i++) {
		if ((img[i].src.match(/.*_n\./))||(img[i].style.filter)){
			preLoadImg[preLoadImg.length] = new Image;
			preLoadImg[preLoadImg.length-1].src = img[i].src.replace('_n.', '_r.');

			img[i].onmouseover = yomotsuRollover.over;
			img[i].onmouseout  = yomotsuRollover.out;
			try {img[i].addEventListener('click', yomotsuRollover.click, false);}
			catch(e){img[i].attachEvent('onclick', (function(el){return function(){yomotsuRollover.click.call(el);};})(img[i]));}
		}
	}
	// input[image] elements
	for (i = 0; i <ipt.length; i++) {
		if ((ipt[i].src.match(/.*_n\./))&&(ipt[i].getAttribute('type')=='image')){
			preLoadImg[preLoadImg.length] = new Image;
			preLoadImg[preLoadImg.length-1].src = img[i].src.replace('_n.', '_r.');

			ipt[i].onmouseover = yomotsuRollover.over;
			ipt[i].onmouseout  = yomotsuRollover.out;
			try {ipt[i].addEventListener('click', yomotsuRollover.click, false);}
			catch(e){ipt[i].attachEvent('onclick', (function(el){return function(){yomotsuRollover.click.call(el);};})(ipt[i]));}
		}
	}
}
,

over : function() {
	var imgSrc, preLoadImgSrc;
	if((this.style.filter)&&(this.style.filter.match(/_n\.png/)))//(IE5.5-6 && png)
		this.style.filter = this.style.filter.replace('_n.png', '_r.png');
	else
		this.src = this.src.replace('_n.', '_r.');
},

out : function(){
	if((this.style.filter)&&(this.style.filter.match(/_r\.png/)))//(IE5.5-6 && png)
		this.style.filter = this.style.filter.replace('_r.png', '_n.png');
	else
		this.src = this.src.replace('_r.', '_n.');
},

click : function(){
	if((this.style.filter)&&(this.style.filter.match(/_r\.png/)))//(IE5.5-6 && png)
		this.style.filter = this.style.filter.replace('_r.png', '_n.png');
	else
		this.src = this.src.replace('_r.', '_n.');
},

addEvent : function(){
	try {
		window.addEventListener('load', this.main, false);
	} catch (e) {
		window.attachEvent('onload', this.main);
	}
}
}

yomotsuRollover.addEvent();

