/****************************************************
 image rolover - Use hsrc for the onmouse over even. in case of using onload return to site
 ****************************************************/

function init() {

				/*******************************Only for preloaing images******************/
				  var aryImages = new Array(12);
				  aryImages[0] = "images/top-menu-fruits-on.gif";
				  aryImages[1] = "top-menu-vegetables-on.gif";

				  for (i=0; i < aryImages.length; i++) {
					var preload = new Image();
					preload.src = aryImages[i];
				  }
				/*******************************remove above if u do not want******************/

  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('hsrc');
        imgarr[i].onmouseover = function() {
            imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('hsrc'))
        }
        imgarr[i].onmouseout = function() {
            this.setAttribute('src',imgOriginSrc)
        }
    }
  }
}
onload=init;