// get UA
var ua = navigator.userAgent;

var WIN = (ua.indexOf("Windows") != -1);
var MAC = (ua.indexOf("Mac") != -1);

var IE = (ua.indexOf("MSIE") != -1);
if (IE && ua.indexOf("MSIE 7") != -1) { var VER = 7; }
else if (IE && ua.indexOf("MSIE 6") != -1) { var VER = 6; }
else if (IE && ua.indexOf("MSIE 5.5") != -1) { var VER = 5.5; }
else if (IE && ua.indexOf("MSIE 5.2") != -1) { var VER = 5.2; }
else if (IE && ua.indexOf("MSIE 5.1") != -1) { var VER = 5.1; }
else if (IE && ua.indexOf("MSIE 5") != -1) { var VER = 5; }

var NN = (ua.indexOf("Netscape") != -1);
var OP = (ua.indexOf("Opera") != -1);
var SF = (ua.indexOf("Safari") != -1);
var FF = (ua.indexOf("Firefox") != -1);


// image viewer on
function imgViewerOn(x,y) {
    // 画面オフ
    var winoff = document.createElement('div');
    winoff.id = 'winOff';
    document.body.appendChild(winoff);
    jQuery('#'+winoff.id).height(getWinH());
    if(IE) {
        jQuery('#'+winoff.id).click(function() {
            imgViewerOff();
        });
        var SELECTs = document.getElementsByTagName('select');
        for(var i=0; i<SELECTs.length; i++) {
            jQuery(SELECTs[i]).css('display','none');
        }
    } else {
        jQuery('#'+winoff.id).click(function() {
            imgViewerOff();
        })
    }
    jQuery('#'+winoff.id).fadeTo(500,0.7);
    var tgt = '#imgViewer';
    imgViewerChgImg(x,y);
    tgtToWinCenter(tgt);
    jQuery(tgt).fadeIn();
    addShadow(tgt);

}

// image viewer off
function imgViewerOff() {
    jQuery('#winOff').fadeOut(500,function() {
        jQuery('#winOff').remove();
    });
    jQuery('#imgViewer').fadeOut(500,function() {
        jQuery('#imgViewer').hide();
        jQuery('#sdwLT').remove();
        jQuery('#sdwCT').remove();
        jQuery('#sdwRT').remove();
        jQuery('#sdwLC').remove();
        jQuery('#sdwRC').remove();
        jQuery('#sdwLB').remove();
        jQuery('#sdwCB').remove();
        jQuery('#sdwRB').remove();
    });
    if(IE) {
        var SELECTs = document.getElementsByTagName('select');
        for(var i=0; i<SELECTs.length; i++) {
            jQuery(SELECTs[i]).css('display','');
        }
    }
}

// image viewer change image
function imgViewerChgImg(x,y) {
    if(jQuery('#ivVisualImg')) {
        jQuery('#ivVisualImg').remove();
    }
    var nImg = document.createElement('img');
    nImg.id = 'ivVisualImg';
    nImg.src = x;
    jQuery(nImg).css('display','none');
    jQuery('#visualContainer').prepend(jQuery(nImg));
    jQuery(nImg).fadeIn();

    jQuery('#modelTxt').hide();
    jQuery('#itemTxt').hide();
    for(var i=1; i<7; i++) {
        jQuery('#sub0'+i+'Txt').hide();
    }
    if(y) {
        jQuery(y).show();
    }

}

// スクロールを含めたウィンドウの高さを取得
function getWinH() {
    var winH;
    if(window.innerHeight) {
        winH = window.innerHeight;
    } else if(document.documentElement && document.documentElement.clientHeight) {
        winH = document.documentElement.clientHeight;
    } else {
        winH = document.body.clientHeight;
    }
    var scrH;
    if(window.innerHeight && window.scrollMaxY) {
        scrH = window.innerHeight + window.scrollMaxY;
    } else if(document.body.scrollHeight > document.body.offsetHeight) {
        scrH = document.body.scrollHeight;
    } else {
        scrH = document.body.offsetHeight;
    }
    if(winH > scrH) {
        return winH;
    } else {
        return scrH;
    }
}

// position:absolute left:0 top:0 のオブジェクトを画面中央に
function tgtToWinCenter(tgt) {
    var winW;
    if(window.innerWidth) { 
        winW = window.innerWidth;
    } else if (document.documentElement && document.documentElement.clientWidth) {
        winW = document.documentElement.clientWidth;
    } else {
        winW = document.body.clientWidth;
    }
    var winH;
    if (window.innerHeight) {
        winH = window.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        winH = document.documentElement.clientHeight;
    } else {
        winH = document.body.clientHeight;
    }
    var scrT;
    var scrL;
    if (typeof window.pageYOffset != 'undefined') {
        scrL = window.pageYOffset;
    } else if (typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0) {
        scrL = document.documentElement.scrollTop;
    } else if (typeof document.body.scrollTop != 'undefined') {
        scrL = document.body.scrollTop;
    }
    scrT = new Array('',scrL);
    
    var mT = (scrT[1]+((winH-jQuery(tgt).outerHeight())/2));
    if (mT < 30) {
        mT = 30;
    }
    var mL = ((winW-jQuery(tgt).outerWidth())/2);
    if (mL < 30) {
        mL = 30;
    }
    jQuery(tgt).css('margin',mT+'px 0px 0px '+mL+'px');
}



// slider
jQuery(function(){
    if(jQuery('#itemSlider1').css('marginLeft')) {
        var clds = jQuery('#itemSlider1 > li');
        jQuery('#itemSlider1').css('width',clds.length*87);
        jQuery('#itemSlider2').css('width',clds.length*87);
        jQuery('#itemSlider2').css('marginLeft',clds.length*87+'px');
        sliderStart();
    }
});
function sliderStop() {
    jQuery('#itemSliderDb').stop();
}
function sliderStart() {
    var spos = jQuery('#itemSliderDb').css('marginLeft').split('px');
    spos[0] = spos[0] - 0;
    var clds = jQuery('#itemSlider1 > li');
    var s1w = clds.length*87;
    if(spos[0] <= -s1w) {
        spos[0] += s1w;
        jQuery('#itemSliderDb').css('marginLeft',spos[0]+'px');
    }
    jQuery('#itemSliderDb').animate({
        marginLeft: "-=87px"
    },3500,'linear',sliderStart);
}


// rollover (onload)
jQuery(function(){
	var imgNodeList = getElementsByClassName('chgImg');
	var node;
	for (var i=0, len=imgNodeList.length; i<len; i++) {
		node = imgNodeList[i];
		node.originalSrc = node.src;
		node.rolloverSrc = node.src.replace(/(\.gif|\.jpg|\.png)/, '_ovr'+"$1");
		preloadImg(node.rolloverSrc);
		node.onmouseover = function() {
			this.src = this.rolloverSrc;
		}
		node.onmouseout = function() {
			this.src = this.originalSrc;
		}
	}
});


/*
jQuery(function(){
    var imgNodeList = getElementsByClassName('pctItem');
	var node;
	for (var i=0, len=imgNodeList.length; i<len; i++) {
		node = imgNodeList[i];
		node.onmouseover = function() {
		  jQuery(this).fadeTo('normal',0.01);
		}
		node.onmouseout = function() {
		  jQuery(this).fadeTo('normal',1);
		}
	}
});
*/    
    

// get elements by class
function getElementsByClassName(name) {
	if (document.all) {
		var classElements = new Array();
		var allElements = document.all;
		for (i = 0, j = 0; i < allElements.length; i++) {
			if (allElements[i].className == name) {
				classElements[j] = allElements[i];
				j++;
			}
		}    
	} else if (document.getElementsByTagName) {
		var classElements = new Array();
		var allElements = document.getElementsByTagName("*");
		for (i = 0, j = 0; i < allElements.length; i++) {
			if (allElements[i].className == name) {
				classElements[j] = allElements[i];
				j++;
			}
		}
	} else {
		return;
	}
	return classElements;
}

// preload
var preloadImages = [];
function preloadImg(url) {
	var p = preloadImages;
	var l = p.length;
	p[l] = new Image();
	p[l].src = url;
}


function preloads(imgs){
 for(var i = 0; i < imgs.length; i++){
   var imgObj = new Image();
   imgObj.src = imgs[i];
 }
}


// print
function print_out() {
	var ua = navigator.userAgent;
	var WIN = (ua.indexOf("Windows") != -1);
	var MAC = (ua.indexOf("Mac") != -1);
	var IE = (ua.indexOf("MSIE") != -1);
	if (MAC && IE) {
		alert("お使いのブラウザではこの機能は利用できません。\nブラウザのメニューから印刷してください。");	
	} else {
		self.print();
	}
}



// news headline
jQuery(function(){

	jQuery("#newsHeadline dl ul li:not(:first)").hide();
	jQuery("#newsHeadline dl ul li:first").addClass("slct");

	var dim=1;
	var count = function(){
	var len = jQuery("#newsHeadline dl ul").children().length;
	if(dim >= len){
		dim = 1;
	 	crossFadeF();
	}else{
		dim += 1;
		crossFade();}
	}

	var crossFade = function(){
		jQuery("#newsHeadline dl ul").children(".slct").fadeOut("normal").removeClass().next().fadeIn("normal").addClass("slct");		
	};

	var crossFadeF = function(){
		jQuery("#newsHeadline dl ul").children(".slct").fadeOut("normal").removeClass().siblings("li:first").fadeIn("normal").addClass("slct");
	};

	var intervalID = setInterval(count, 7000);

});

/*
jQuery(function(){

    if(jQuery('#newsHeadline')) {

	jQuery("#newsHeadline dl ul li:not(:first)").hide();
	var newslines = new Array();
	newslines = jQuery("#newsHeadline dl ul li");

    var i = 0;
	var nhtimer = function(){
    	jQuery(newslines[i]).show();
    	jQuery(newslines[i]).animate({marginLeft:'-500px'},15000,'linear',function(){
            jQuery(newslines[i]).hide();
            jQuery(newslines[i]).css('marginLeft','710px')
            if(i==10) {
                i = 1;
            } else {
                i++;
            }
            nhtimer();
    	});
	}
	nhtimer();
	}
});
*/



// top slideshow
jQuery(function(){

    if(jQuery("#topSS ul").children().length > 1) {

	jQuery("#topSS ul li:not(:first)").hide();
	jQuery("#topSS ul li:first").addClass("slct");

	var dim=1;
	var count = function(){
	var len = jQuery("#topSS ul").children().length;
	if(dim >= len){
		dim = 1;
	 	crossFadeF();
	}else{
		dim += 1;
		crossFade();}
	}

	var crossFade = function(){
		jQuery("#topSS ul").children(".slct").fadeOut("slow").removeClass().next().fadeIn("slow").addClass("slct");
	};

	var crossFadeF = function(){
		jQuery("#topSS ul").children(".slct").fadeOut("slow").removeClass().siblings("li:first").fadeIn("slow").addClass("slct");
	};

	var intervalID = setInterval(count, 5000);

    }
});



/* add shadow */
function addShadow(x) {
    var sdwP = jQuery(x);
    
    var sdwLT = document.createElement('div');
    sdwLT.id = 'sdwLT';
    jQuery(sdwLT).css('position','absolute');
    jQuery(sdwLT).css('margin','-25px 0px 0px -25px');
    sdwLT.innerHTML = '<img src="/common/images/sdw/l_t.png" width="25px" height="25px" />';

    var sdwCT = document.createElement('div');
    sdwCT.id = 'sdwCT';
    jQuery(sdwCT).css('position','absolute');
    jQuery(sdwCT).css('margin','-25px 0px 0px 0px');
    sdwCT.innerHTML = '<img src="/common/images/sdw/t.png" width="'+sdwP.width()+'px" height="25px" />';

    var sdwRT = document.createElement('div');
    sdwRT.id = 'sdwRT';
    jQuery(sdwRT).css('position','absolute');
    jQuery(sdwRT).css('margin','-25px 0px 0px ' + sdwP.width() + 'px');
    sdwRT.innerHTML = '<img src="/common/images/sdw/r_t.png" width="25px" height="25px" />';

    var sdwLC = document.createElement('div');
    sdwLC.id = 'sdwLC';
    jQuery(sdwLC).css('position','absolute');
    jQuery(sdwLC).css('margin','0px 0px 0px -25px');
    sdwLC.innerHTML = '<img src="/common/images/sdw/l.png" width="25px" height="'+sdwP.height()+'px" />';

    var sdwRC = document.createElement('div');
    sdwRC.id = 'sdwRC';
    jQuery(sdwRC).css('position','absolute');
    jQuery(sdwRC).css('margin','0px 0px 0px ' + sdwP.width() + 'px');
    sdwRC.innerHTML = '<img src="/common/images/sdw/r.png" width="25px" height="'+sdwP.height()+'px" />';

    var sdwLB = document.createElement('div');
    sdwLB.id = 'sdwLB';
    jQuery(sdwLB).css('position','absolute');
    jQuery(sdwLB).css('margin',sdwP.height() + 'px 0px 0px -25px');
    sdwLB.innerHTML = '<img src="/common/images/sdw/l_b.png" width="25px" height="25px" />';

    var sdwCB = document.createElement('div');
    sdwCB.id = 'sdwCB';
    jQuery(sdwCB).css('position','absolute');
    jQuery(sdwCB).css('margin',sdwP.height() +'px 0px 0px 0px');
    sdwCB.innerHTML = '<img src="/common/images/sdw/b.png" width="'+sdwP.width()+'px" height="25px" />';

    var sdwRB = document.createElement('div');
    sdwRB.id = 'sdwRB';
    jQuery(sdwRB).css('position','absolute');
    jQuery(sdwRB).css('margin',sdwP.height() +'px 0px 0px ' + sdwP.width() + 'px');
    sdwRB.innerHTML = '<img src="/common/images/sdw/r_b.png" width="25px" height="25px" />';

    sdwP.prepend(jQuery(sdwLT));
    sdwP.prepend(jQuery(sdwCT));
    sdwP.prepend(jQuery(sdwRT));
    sdwP.prepend(jQuery(sdwLC));
    sdwP.prepend(jQuery(sdwRC));
    sdwP.prepend(jQuery(sdwLB));
    sdwP.prepend(jQuery(sdwCB));
    sdwP.prepend(jQuery(sdwRB));
}

