//CMS用ロールオーバーjs

//適用要素
var el2 = "ul";

//適用クラス名
var cls = "item";

//親divクラス名
var cls_2 = "cms_area";


function Rollover() {
	if(document.getElementsByTagName) {
		var anc = document.getElementsByTagName(el2);
		for(var i=0; i < anc.length; i++) {
			if ( (anc[i].getAttribute('class')||anc[i].getAttribute('className') ) == cls )
			{
				
				var pare1 = anc[i].parentNode;
				var pare2 = pare1.parentNode;
				var pare3 = pare2.parentNode;
				if((pare3.getAttribute('class')||pare3.getAttribute('className')) == cls_2)
				{
				
					anc[i].onmouseover = function() {
						this.style.border='1px solid #f6adc6';
					}
					anc[i].onmouseout = function() {
						this.style.border='1px solid #ffffff'
					}
				}
			}
		}
	}
}

var addListener = function (target,type, func){
	if (target.addEventListener){
		target.addEventListener(type, func, false);
	}else if (target.attachEvent){
		target.attachEvent('on'+type,func);
	}else{
		return false;
	}
  return true;
};


addListener(window,'load',Rollover);