window.onload = loadFunction;


function loadFunction(){
	menuImgState() ;
	rollOverImg() ; 
	
	}


function getByClass(classname){

	alltag = window.document.getElementsByTagName("*");

	var arr = new Array();

	for(var i=0;i<alltag.length;i++){

		if(alltag[i].className.indexOf(classname) !== -1){

			arr.unshift(alltag[i]);

		}

	}

	return arr;

}


function menuImgState(){

	imgs = getByClass('menuImgState');

	for(var i=0;i<imgs.length;i++){

		imgs[i].onmouseover = function(){

			EXT = this.src.substr((this.src.length)-4);

			imgName = this.src.substr(0,(this.src.length)-4);

			this.setAttribute("src",imgName+'_over'+EXT);

			this.onmouseout = function(){
 
				this.setAttribute("src",imgName+EXT);

			}

			this.onmousedown = function(){
 
				this.setAttribute("src",imgName+'_on'+EXT);

			}

		};

	}

}


function rollOverImg(){

	imgs = getByClass('rollOverImg');

	for(var i=0;i<imgs.length;i++){

		imgs[i].onmouseover = function(){

			EXT = this.src.substr((this.src.length)-4);

			imgName = this.src.substr(0,(this.src.length)-4);

			this.setAttribute("src",imgName+'_over'+EXT);

			
this.onmouseout = function(){
 
				this.setAttribute("src",imgName+EXT);

			}

		};

	}

}