// グローバル変数初期化
var ns6=document.getElementById&&!document.all?1:0;

// ロールオーバー画像のファイル名末尾
var overTail = 'ov';

// 現状画像のファイル名末尾
var currentTail = 'ov';

// デフォルトのLINK
var current = 'medium';

var cssBottonSeq = new Array;
var cssBottonSrc = new Array;
var cssBottonTitle = new Array;
var cssBottonOver = new Array;
var cssBottonCurrent = new Array;

var cookie = readCookie("css");
if (cookie) {
	prefCSS(cookie);
}


// 初期化
function getAlternate() {
	//IMGタグに連番
	var docImages = document.getElementsByTagName("img");
	for (var i = 0; i < docImages.length; i++) {
		docImage = docImages[i];
		docImage.seq = i;
	}

	var cssLinks = document.getElementsByTagName("link");
	var csshandles = document.getElementsByTagName("a");
	
	//画像情報格納用
	var l = 0;

	//イベントハンドラの設定
	for (var i = 0; i < csshandles.length; i++) {
		var csshandle = csshandles[i];
		//REL属性の有無
		if (csshandle.getAttribute('rel')) {
			for (var j = 0; j < cssLinks.length; j++) {
				//REL属性値と同名のTITLE属性値のLINKタグの有無
				if (csshandle.getAttribute('rel') == cssLinks[j].getAttribute('title')) {
					for (var k = 0; k < csshandle.childNodes.length; k++) {
						//イベントハンドラ内のIMGタグの有無
						if(csshandle.childNodes.item(k).nodeName == 'IMG') {
							cssBottonSeq[l] = csshandle.childNodes.item(k).seq;
							cssBottonTitle[l] = csshandle.getAttribute('rel');
							cssBottonSrc[l] = csshandle.childNodes.item(k).src;
							cssBottonOver[l] = new Image();
							cssBottonOver[l].src = addTail(csshandle.childNodes.item(k), overTail);
							cssBottonCurrent[l] = new Image();
							cssBottonCurrent[l].src = addTail(csshandle.childNodes.item(k), currentTail);
							l++;
						}
					}
					csshandle.onclick = setCSS2;
					csshandle.onmouseover = overImage;
					csshandle.onmouseout = curentImage;
				}
			}
		}
	}
	curentImage();
}

//ファイル名の末尾に任意の文字を追加(拡張子3文字)
function addTail(originalObj, tail) {
	var urlLength = originalObj.src.length - 4;
	var urlBuffer = originalObj.src.substr(0, urlLength);
	var urlExtension = originalObj.src.substr(urlLength + 1, urlLength + 4);
	return urlBuffer + tail + '.' + urlExtension;
}

function overImage() {
	var title = this.getAttribute('rel');
	for (var i = 0; i < this.childNodes.length; i++) {
		if(this.childNodes.item(i).nodeName == 'IMG') {
			for (var j = 0; j < cssBottonOver.length; j++) {
				if(title == cssBottonTitle[j]) {
					this.childNodes.item(i).src = cssBottonOver[j].src;
				}
			}
		}
	}
}

function curentImage() {
	for (i = 0; i < cssBottonTitle.length ; i++) {
		if(current == cssBottonTitle[i]) {
			document.images[cssBottonSeq[i]].src = cssBottonCurrent[i].src;
		}
		else {
			document.images[cssBottonSeq[i]].src = cssBottonSrc[i];
		}
	}
}

function setCSS2() {
	title = this.getAttribute('rel');
	var i, a, main;
	for(i = 0; (a = document.getElementsByTagName('link')[i]); i++) {
		if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
			a.disabled = true;
			if(a.getAttribute("title") == title) a.disabled = false;
		}
	}
	current = title;
	curentImage();
}

function setCSS(title) {
	var i, a, main;
	for(i = 0; (a = document.getElementsByTagName('link')[i]); i++) {
		if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
			a.disabled = true;
			if(a.getAttribute("title") == title) a.disabled = false;
		}
	}
	current = title;
	curentImage();
}

function prefCSS(cookie) {
	var title = cookie;
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName('link')[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
	current = title;
}

function leave() {
	document.cookie = 'css=' + current + '; path=/';
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}