sfHover = function() {

	var sfEls = document.getElementById("side_menu").getElementsByTagName("LI");

	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" menu_item_hover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" menu_item_hover\\b"), "");
		}
	}
}

if(window.attachEvent) { 
  Event.observe(window, "load", sfHover); 
}

Event.observe(window, "load", function() {
  if($("homepage_images")) {
    $$("#homepage_images .thumbnail").each(function(thumbnail) {      
      thumbnail.observe("click", function(event) {
        largeImage = $($(event.target).readAttribute("data-popup"));
        
        $$("#homepage_images .large").each(function(large) {
          if(large != largeImage) {
            large.fade();
          }
        });
        
        $($(event.target).readAttribute("data-popup")).appear({ duration: 0.5 });
      });
      
      $(thumbnail.readAttribute("data-popup")).observe("click", function(event) {
        event.target.fade({ duration:  0.5 });
      });
    });
  }
  
  if($("product_main_image")) {
    $("product_main_image").observe("click", function() {
      Effect.toggle("large_image", "appear",{ duration:  0.5 });
    });
  }
  
  if($("large_image")) {
    $("large_image").observe("click", function(event) {
      event.target.fade({ duration:  0.5 });
    });
  }
  
  if($$(".additional_images img").length > 0) {
    $$(".additional_images img").each(function(image) {
      image.observe("click", function() {
        $("product_main_image").src = image.readAttribute("data-medium-image");     
        $("large_image").src = image.readAttribute("data-large-image");
      });
    });
  }
});