/* ================================================================

	SwapImage

================================================================ */

window.onload = function() {
	activeMenuImg();
	swapImg();
	tableColorStyle();
}

function swapImg() {
	var imgList = document.getElementsByTagName("img");
	for (var i = 0; i < imgList.length; i++) {
		if (imgList[i].className.search(new RegExp("\\b" + "SwapImg" + "\\b")) != -1) {
			imgList[i].onmouseover = function() {
				replaceImg(this, "Over");
			};
			imgList[i].onmouseout = function() {
				replaceImg(this, "Out");
			};
		}
	}
}

function replaceImg(imgObj, changeType) {
	var imgTypeBase;
	var imgTypeTarget;
	
	if (imgObj.src.indexOf(".gif") != -1) {
		imgTypeBase   = ".gif";
		imgTypeTarget = "_o.gif";
	} else if (imgObj.src.indexOf(".jpg") != -1) {
		imgTypeBase   = ".jpg";
		imgTypeTarget = "_o.jpg";
	} else if (imgObj.src.indexOf(".png") != -1) {
		imgTypeBase   = ".png";
		imgTypeTarget = "_o.png";
	}

	if (changeType == "Over") {
		if (imgObj.src.indexOf("_o.") == -1) {
			imgObj.src = imgObj.src.replace(imgTypeBase, imgTypeTarget);
		}
	} else {
		if (imgObj.src.indexOf("_o.") != -1) {
			imgObj.src = imgObj.src.replace(imgTypeTarget, imgTypeBase);
		}
	}
}

function activeMenuImg() {
	var headermenuObj = document.getElementById("HeaderMenu");
	
	if (headermenuObj) {
		var headerMenuImgList = headermenuObj.getElementsByTagName("img");
		for ( var i = 0; i < headerMenuImgList.length; i++) {
			if (!headerMenuImgList[i].id) {
				continue;
			}
			if(document.body.className.search(new RegExp("\\b" + headerMenuImgList[i].id + "\\b")) != -1) {
				removeClassName(headerMenuImgList[i] ,"SwapImg");
				replaceImg(headerMenuImgList[i], "Over");
			}
		}
	}
}

function removeClassName(ele, className) {
	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
		return;
	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
}



/* ================================================================

	HTML5

================================================================ */

document.createElement('header');
document.createElement('section');
document.createElement('nav');
document.createElement('aside');
document.createElement('footer');
document.createElement('article');
document.createElement('time');



/* ================================================================

	Table

================================================================ */
var tblElemTR = "tr";
function tableColorStyle() {
  if(document.getElementsByTagName) {
    var tblElement = document.getElementsByTagName(tblElemTR);
    for(var i=0; i<tblElement.length; i++) {
      if(tblElement[i].childNodes[0].tagName != "th" && tblElement[i].parentNode.parentNode.className.indexOf("tableColorRed") != -1) {
        if(i%2 == 1) { tblElement[i].className = "on";}
		else { tblElement[i].className = "off";}
      }
      else if(tblElement[i].childNodes[0].tagName != "th" && tblElement[i].parentNode.parentNode.className.indexOf("tableColorBlue") != -1) {
        if(i%2 == 1) { tblElement[i].className = "on";}
		else { tblElement[i].className = "off";}
      }
      else if(tblElement[i].childNodes[0].tagName != "th" && tblElement[i].parentNode.parentNode.className.indexOf("tableSpcn") != -1) {
        if(i%4 == 0 || i%4 == 1) { tblElement[i].className = "off";}
		else { tblElement[i].className = "on";}
      }
    }
  }
}