﻿// JavaScript Document

function setupMouseOver () {
	
	var targetList = $$("#thumbs img");

	var targetReplace = "_thumb";

	var shirtUnits = new Array();
	
	var shirtUnit = new Object();
	
	var newImg = new Array();

	var mainImgSrc = $("mainImg");

	var mainTextName = $("name");

	shirtUnit = {
		name: "025グリーン"	
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "033サックス"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "030ブルー"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "031ネイビー"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "014パープル"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "016ワインレッド"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "010レッド"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "132ライトピンク"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "015オレンジ"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "020イエロー"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "001ホワイト"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "002グレー"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "005ブラック"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "046蛍光グリーン"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "047蛍光イエロー"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "048蛍光オレンジ"
	};
	shirtUnits.push(shirtUnit);

	shirtUnit = {
		name: "049蛍光ピンク"
	};
	shirtUnits.push(shirtUnit);

	for (i=0;i<shirtUnits.length;i++) {
	
		var tmpImg = targetList[i];
		
		var replaced = tmpImg.src.replace(targetReplace, "");

		newImg[i] = new Image();

		newImg[i].src = replaced;

		tmpImg.viewText = shirtUnits[i].name;
		tmpImg.mainText = mainTextName;
		tmpImg.view = newImg[i].src;
		tmpImg.mainImg = mainImgSrc;
		
		tmpImg.addEvent("mouseenter", mouseOver);
	}
}

function mouseOver () {
	
	this.mainText.innerHTML = this.viewText;
	
	this.mainImg.src = this.view;
	
}

window.addEvent("domready", setupMouseOver);






