window.onload = function(){
	var imgTag = document.getElementsByTagName("img");

	for (var i=0; i<imgTag.length; i++){
	
		if (imgTag[i].className == "clickable"){

			imgTag[i].onmouseover = function(){
				if (this.src.indexOf(".gif") == -1) {
					this.src = this.src.split(".jpg")[0]+"_o.jpg";
				} else {
					this.src = this.src.split(".gif")[0]+"_o.gif";
				}
			}

			imgTag[i].onmouseout = function(){
				if (this.src.indexOf(".gif") == -1) {
					this.src = this.src.split("_o.jpg")[0]+".jpg";
				} else {
					this.src = this.src.split("_o.gif")[0]+".gif";
				}
			}

		}

	}

}