/************************************************
  
    Site Name: Coca-Cola
	Description: rollover
	Version: 1.02
	Author: m.yamaki
	Last Modified : 2008.02.04

************************************************/

/* イベントリスナー */
function RollOverAddLtn(elm, type, func, useCapture){
  if(!elm) return false;
  if(!useCapture) useCapture = false;

  if(elm.addEventListener) elm.addEventListener(type, func, false);
  else if(elm.attachEvent) elm.attachEvent('on'+type, func);
  else return false;
 
  return true;
}


document.RollOverGetElementsByClassName = function(strClass, strTag, objContElm) {
  strTag = strTag || "*";
  objContElm = objContElm || document;    
  var objColl = objContElm.getElementsByTagName(strTag);
  if (!objColl.length &&  strTag == "*" &&  objContElm.all) objColl = objContElm.all;
  var arr = new Array();                              
  var delim = strClass.indexOf('|') != -1  ? '|' : ' ';   
  var arrClass = strClass.split(delim);    
  for (var i = 0, j = objColl.length; i < j; i++) {                         
    var arrObjClass = objColl[i].className.split(' ');   
    if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
    var c = 0;
    comparisonLoop:
    for (var k = 0, l = arrObjClass.length; k < l; k++) {
      for (var m = 0, n = arrClass.length; m < n; m++) {
        if (arrClass[m] == arrObjClass[k]) c++;
        if ((delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
          arr.push(objColl[i]); 
          break comparisonLoop;
        }
      }
    }
  }
  return arr; 
}



/* ロールオーバー
------------------------------------------*/
function rollOverInit() {
	var targetNodes = document.RollOverGetElementsByClassName("js_rollover");
	var imgPreload = new Array();

	for (var i=0; i<targetNodes.length; i++) {
		
		var targetNode = targetNodes[i];
		
		// プリロード
		imgPreload[i] = new Image();
		var imgSrc = targetNode.src;
		if (imgSrc.indexOf(".jpg") == -1) {
			var imgPreloadSrc = imgSrc.slice(0, imgSrc.indexOf("_off.gif")) + "_on.gif";
		} else {
			var imgPreloadSrc = imgSrc.slice(0, imgSrc.indexOf("_off.jpg")) + "_on.jpg";
		}
		imgPreload[i].src = imgPreloadSrc;
		
		targetNode.style.zIndex=100;
		targetNode.onmouseover = function(){
			var oldsrc = this.src;
			var indexNum = oldsrc.indexOf("_off.");
			if (indexNum != -1) {
			if (oldsrc.indexOf(".jpg") == -1) {
			var newsrc = oldsrc.slice(0, indexNum) + "_on.gif";
			} else {
			var newsrc = oldsrc.slice(0, indexNum) + "_on.jpg";
			}
			this.src = newsrc;
			}
		}
		
		targetNode.onmouseout = function(){
			var oldsrc = this.src;
			var indexNum = oldsrc.indexOf("_on.");
			if (indexNum != -1) {
			if (oldsrc.indexOf(".jpg") == -1) {
			var newsrc = oldsrc.slice(0, indexNum) + "_off.gif";
			} else {
			var newsrc = oldsrc.slice(0, indexNum) + "_off.jpg";
			}
			this.src = newsrc;
			}
		}

	//alert(targetNode.onmouseover);	
	}

}




RollOverAddLtn(window, "load", rollOverInit, false);