/* ---------------------------------------------------------------------
JavaScript for quiksilver inc.
FileName: common.js
--------------------------------------------------------------------- */

// *** OS
var UA = navigator.userAgent;
var osWin = (UA.indexOf("Win", 0) != -1);
var osMac = (UA.indexOf("Mac", 0) != -1);


// *** browser
var brwOpera = (UA.indexOf('Opera') != -1);
var brwIE = (UA.indexOf('MSIE') != -1) && !brwOpera;
var brwFirefox = (UA.indexOf('Firefox') != -1);
var brwSafari = (UA.indexOf('Safari') != -1);
var brwGecko = (UA.indexOf('Gecko') != -1) && !(UA.indexOf('like Gecko') != -1);
var brwNetscape = (UA.indexOf('Netscape') != -1);


// *** browser type check
var brwType = 0;
if(UA.indexOf('MSIE') != -1 && UA.indexOf('Opera') == -1){
	var st = UA.indexOf("MSIE") + 5;
	var en = UA.indexOf(";", st);
	var verIE = Number(UA.substring(st, en));
	
	if(verIE < 5.5) brwType = 1; // gif
	else if(5.5 <= verIE && verIE < 7) brwType = 2; // filter PNG
	else brwType = 3; // transparent PNG
	if(UA.indexOf('Win') == -1) brwType = 1; // gif
} else {
	brwType = 3; // transparent PNG
}
UA = undefined;


// *** method
function DW(htmlSrc){document.write(htmlSrc);}
function DWL(htmlSrc){document.writeln(htmlSrc);}


// *** add preload object
var preLoadObj = new Array();

function addPreLoad(imgObj){
	preLoadObj = preLoadObj.concat(imgObj);
}


// *** image preload
function imgPreLoad(){
	preLoadImg = new Array();
	for(var i = 0; i < preLoadObj.length; i++){
		preLoadImg[i] = new Image();
		preLoadImg[i].src = preLoadObj[i];
	}
}


// *** image preload - initialize
addPreLoad(new Array(
));


// *** image over
function imgChange(imgObj){
	var imgSrc = imgObj.src;
	var imgStatus = imgSrc.indexOf("_on") != -1;
	if(!imgStatus){
		var P = imgSrc.lastIndexOf(".");
		imgSrc = imgSrc.substr(0, P) + '_on' + imgSrc.substring(P);
	} else {
		imgSrc = imgSrc.replace('_on', '');
	}
	imgObj.src = imgSrc;
}


// *** onload event
window.onload = function(){
	imgPreLoad();
}


// *** alpha image loader
function alphaImgLoader(src, method){
	var docSrc = '';
	docSrc += 'filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="';
	docSrc += src;
	docSrc += '", sizingMethod=';
	docSrc += method;
	docSrc += ');';
	return docSrc;
}


// detail picture change
var beforeObj;
function detailPicChange(anchorObj){

	// ID名取得
	var targetObj = anchorObj.parentNode.id;

	// 前回アクティブだったものを戻す
	if(beforeObj == undefined){
		var en = targetObj.indexOf('_');
		var catName = targetObj.substr(0, en);
		beforeObj = catName + '_01';
	}
	document.getElementById(beforeObj).firstChild.firstChild.src = 'images/pic_tmb_' + beforeObj + '.jpg';

	// アクティブに設定
	document.getElementById(targetObj).firstChild.firstChild.src = 'images/pic_tmb_' + targetObj + '_on.jpg';
	document.getElementById('big_pic').firstChild.src = 'images/pic_big_' + targetObj + '.jpg';

	beforeObj = targetObj;
}