function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function changeImage(imageName){
	document.targetimage.src=imageName;
}
//ーーーーーーーーーーーーーここから商品一覧のやつーーーーーーーーーーーーーーーーーーーーーーーー

function getAllElements() {
	if (document.all) return document.all;
	return document.getElementsByTagName('*');
}

function getElementsByClassName(className) {
	var classElements = new Array();
	var allElements = getAllElements();
	var len = className.length;
	for (var i = 0, j = 0; i < allElements.length; i++) {
		var target = allElements[i].className;
		var index = target.indexOf(className);
		if (index < 0) continue;
		if (index != 0 && target.charAt(index-1) != ' ') continue;
		if (index + len != target.length && target.charAt(index + len) != ' ') continue;
		classElements.push(allElements[i]);
	}   
	return classElements;
}

function hideColors() {
	var colors = getElementsByClassName('color');
	for (var i = 0; i < colors.length; i++) {
		colors[i].className = 'color unselected';
	}
}

function changeColor(index) {
	if (this.current == index) return;
	document.getElementById('color_image').src = 'img/colors/' + index + '.jpg';
	document.getElementById('color_' + index).className = 'color selected';
	document.getElementById('trigger_' + index).className = 'selected';
	if (this.current) {
		document.getElementById('color_' + this.current).className = 'color unselected';
		document.getElementById('trigger_' + this.current).className = 'unselected';
	}
	this.current = index;
}

window.onload = function() {
	/* 全てのメッセージを非表示にする */
	hideColors();
	
	/* 最初に表示される色を設定 */
	changeColor('01');
};