var my_imgs_off = new Array();
var my_imgs_on = new Array();

/* Set "Off" image URLs */
my_imgs_off[0] = "../../images/shoes1.gif";
my_imgs_off[1] = "../../images/story1.gif";

/* Set "On" image URLs */
my_imgs_on[0] = "../../images/shoes2.gif";
my_imgs_on[1] = "../../images/story2.gif";

var pre_imgs = my_imgs_off.concat(my_imgs_on);
var loaded_imgs = new Array();

for (var j=0; j<pre_imgs.length; j++) {
  loaded_imgs[j] = new Image();
  loaded_imgs[j].src = pre_imgs[j];
}

var all_imgs = document.getElementsByTagName("img");
var hov_imgs = new Array();

for (var a=0; a<all_imgs.length; a++) {
  if (all_imgs[a].className == "flip") {
	hov_imgs.push(all_imgs[a]);
  }
}

if (document.getElementById && document.createTextNode) {
    
  function newEvent(c) {
  
    var img_id_to_change = hov_imgs[c].id;
    var img_to_change = document.getElementById(img_id_to_change);
    var img_src = img_to_change.src;     

    if (typeof hov_imgs[c].addEventListener != "undefined") {	
      hov_imgs[c].addEventListener("mouseover", function() { img_to_change.src = my_imgs_on[c]; }, false);
	  hov_imgs[c].addEventListener("mouseout", function() { img_to_change.src = my_imgs_off[c]; }, false);
    }

    else if (typeof hov_imgs[c].attachEvent != "undefined" ) {
      hov_imgs[c].attachEvent("onmouseover", function() { img_to_change.src = my_imgs_on[c]; } );
	  hov_imgs[c].attachEvent("onmouseout", function() { img_to_change.src = my_imgs_off[c]; } );
    }

    else {
      hov_imgs[c].onmouseover = function() { img_to_change.src = my_imgs_on[c]; } ;
	  hov_imgs[c].onmouseout = function() { img_to_change.src = my_imgs_off[c]; } ;
    }
	
  }
  
  for (var d=0; d<hov_imgs.length; d++) {
    newEvent(d);
  }
  
}