<!--ロールオーバーイメージ
/*
	Standards Compliant Rollover Script
	Author : Daniel Nolan
	http://www.bleedingego.co.uk/webdev.php
*/

function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'imgover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_over'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_over'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

function drawText(prm){
  var objmaker    = document.getElementById("makers");
  var objseries   = document.getElementById("series");
  var ancmaker    = document.getElementById("tab-a-head");
  var ancseries   = document.getElementById("tab-b-head");
  var classmaker  = "tab-a";
  var classseries = "tab-b";
  var classname;
  if(prm=="maker"){
    objseries.style.display = "none";
    ancseries.className = classseries;
    obj = objmaker;
    anc = ancmaker;
    classname = classmaker;
  } else {
    objmaker.style.display = "none";
    ancmaker.className = classmaker;
    obj = objseries;
    anc = ancseries;
    classname = classseries;
  }
  if (obj.style.display == "none") {
    obj.style.display = "block";
    anc.className = classname + "-on";
    setTabMenu("h", prm);
    if(prm=="maker"){
      setTabMenu("h2", prm);
    }
  } else {
    obj.style.display = "none";
    anc.className = classname;
    setTabMenu("h", "close");
    setTabMenu("h2", "close");
  }
  return false;
}
function drawText2(prm){
  if(prm=="maker"){
    obj = document.getElementById("makers");
    anc = document.getElementById("tab-a-head");
    classname = "tab-c";
    if (obj.style.display == "none") {
      obj.style.display = "block";
      anc.className = classname + "-on";
      setTabMenu("h2", prm);
      if(getTabMenu("h")!="series"){
        setTabMenu("h", prm);
      }
    } else {
      obj.style.display = "none";
      anc.className = classname;
      setTabMenu("h2", "close");
      if(getTabMenu("h")!="series"){
        setTabMenu("h", "close");
      }
    }
  }
  return false;
}
function changeText(prm){
  var objmaker    = document.getElementById("makerf");
  var objseries   = document.getElementById("seriesf");
  var ancmaker    = document.getElementById("tab-a-foot");
  var ancseries   = document.getElementById("tab-b-foot");
  var classmaker  = "tab-a";
  var classseries = "tab-b";
  var classname;
  if(prm=="maker"){
    objseries.style.display = "none";
    ancseries.className = classseries;
    obj = objmaker;
    anc = ancmaker;
    classname = classmaker;
  } else {
    objmaker.style.display = "none";
    ancmaker.className = classmaker;
    obj = objseries;
    anc = ancseries;
    classname = classseries;
  }
  setTabMenu("f", prm);
  if (obj.style.display == "none") {
    obj.style.display = "block";
    anc.className = classname + "-on";
  }
  return false;
}
function drawTabMenu(pos, prmtype){
  var objmaker;
  var objseries;
  var ancmaker;
  var ancseries;
  var classmaker  = "tab-a";
  var classseries = "tab-b";
  var val = getTabMenu(pos);
  if(pos=="h"){
    objmaker  = document.getElementById("makers");
    objseries = document.getElementById("series");
    ancmaker  = document.getElementById("tab-a-head");
    ancseries = document.getElementById("tab-b-head");
  } else {
    objmaker  = document.getElementById("makerf");
    objseries = document.getElementById("seriesf");
    ancmaker  = document.getElementById("tab-a-foot");
    ancseries = document.getElementById("tab-b-foot");
  }
  if(val=="close") {
    objseries.style.display = "none";
    objmaker.style.display = "none";
    ancmaker.className = classmaker;
    ancseries.className = classseries;
  } else if(prmtype=="I"){
    objmaker.style.display = "block";
    objseries.style.display = "none";
    ancmaker.className = classmaker + "-on";
    ancseries.className = classseries;
  } else if(prmtype=="S") {
    objseries.style.display = "block";
    objmaker.style.display = "none";
    ancmaker.className = classmaker;
    ancseries.className = classseries + "-on";
  } else {
    objmaker.style.display = "block";
    objseries.style.display = "none";
    ancmaker.className = classmaker + "-on";
    ancseries.className = classseries;
  }
}
function drawTabMenu2(pos, prmtype){
  var objmaker;
  var objseries;
  var ancmaker;
  var ancseries;
  var classmaker  = "tab-c";
  var val = getTabMenu(pos+"2");
  if(pos=="h"){
    objmaker  = document.getElementById("makers");
    objseries = document.getElementById("series");
    ancmaker  = document.getElementById("tab-a-head");
    ancseries = document.getElementById("tab-b-head");
  } else {
    objmaker  = document.getElementById("makerf");
    objseries = document.getElementById("seriesf");
    ancmaker  = document.getElementById("tab-a-foot");
    ancseries = document.getElementById("tab-b-foot");
  }
  if(val=="close") {
    objseries.style.display = "none";
    objmaker.style.display = "none";
    ancmaker.className = classmaker;
  } else if(prmtype=="I"){
    objmaker.style.display = "block";
    objseries.style.display = "none";
    ancmaker.className = classmaker + "-on";
  } else {
    objmaker.style.display = "block";
    objseries.style.display = "none";
    ancmaker.className = classmaker + "-on";
  }
}

function getTabMenu(pos){
  var indexS;
  var indexE;
  var cookie = document.cookie + ";";
  var index = cookie.indexOf(pos + "=" , 0);
  var tmp = "";
  if(index >= 0){
    tmp = cookie.substring(index,cookie.length);
    indexS = tmp.indexOf("=",0) + 1;
    indexE = tmp.indexOf(";",indexS);
    tmp = tmp.substring(indexS,indexE);
  }
  return tmp;
}
function setTabMenu(pos, value){
  document.cookie = pos + "=" + value + "; path=/itemlist/; expires=Tue, 31-Dec-2030 23:59:59; ";
}

function getProductIDs(categorycd){
  var tmp;
  var indexS;
  var indexE;
  var cookie = document.cookie + ";";
  var index = cookie.indexOf("productIDs=" + categorycd, 0);
  var arr = new Array();
  if(index >= 0){
    tmp = cookie.substring(index,cookie.length);
    indexS = tmp.indexOf("=",0) + 1;
    indexE = tmp.indexOf(";",indexS);
    tmp = tmp.substring(indexS,indexE);
    indexS = 0;
    for(i=0;;i++){
      indexE = tmp.indexOf(",",indexS);
      if(indexE >= 0){
        arr[i] = tmp.substring(indexS,indexE);
        indexS = indexE + 1;
      } else {
        break;
      }
    }
  } else {
    //cookie削除
    document.cookie = "productIDs=;";
  }
  return arr;
}
function setProductID(val, categorycd){
  var msg = "";
  var arr = getProductIDs(categorycd);
  var isFound = false;
  for(i=1;i<arr.length;i++){
    if(arr[i]==val){
      isFound = true;
    } else {
      msg = msg + arr[i] + ",";
    }
  }
  if(isFound == false){
    msg = msg + val + ",";
  }
  document.cookie = "productIDs=" + categorycd + "," + msg + "; path=/itemlist/;" ;
}

function checkProductIDs(categorycd){
  var hc  = document.getElementById("hidden_checkbox");
  var obj = document.FrmPrdCompare.ChkProductID;
  var arr = getProductIDs(categorycd);
  var msg = "";
  var list = "";
  for(i=1; i<arr.length; i++){
    msg = msg + arr[i] + ",";
  }
  for(i=0; i<obj.length; i++){
    var val = obj[i].value;
    if(msg.indexOf(val + ",",0) >= 0){
      obj[i].checked = true;
      list = list + val + ",";
    }
  }
  msg = "";
  for(i=1; i<arr.length; i++){
    if(list.indexOf(arr[i] + ",",0) >= 0){
      //non output
    } else {
      msg = msg + '<input type="checkbox" name="ChkProductID" value="' + arr[i] + '" style="display: none" checked>';
    }
  }
  hc.innerHTML = msg;
}

function formSubmit(){
  document.FrmPrdCompare.submit();
  return false;
}

function mover(elem){
  elem.style.backgroundColor='#E5E5E5'
}

function mout(elem){
  elem.style.backgroundColor='#F1EFE6'
}

window.onload = initRollovers;
//-->