// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
// 

function SimpleSwap(el,which){
  var clicked=el.getAttribute("clicked");
  if (clicked=='true'){
	  el.src=el.getAttribute("oversrc");
  }else{
  	el.src=el.getAttribute(which || "origsrc");
  }
}
function SimpleSwapClick(el){
	var xx = document.getElementsByTagName("img");
	for (var i=0;i<xx.length;i++){
		var oversrc = xx[i].getAttribute("oversrc");
		if (!oversrc) continue;
		xx[i].setAttribute('clicked','false');
		xx[i].src=xx[i].getAttribute('origsrc');
	}
	el.setAttribute('clicked','true');
	el.src=el.getAttribute('oversrc');
}
function SimpleSwapSetup(){
  var x = document.getElementsByTagName("img");
  for (var i=0;i<x.length;i++){
    var oversrc = x[i].getAttribute("oversrc");
    if (!oversrc) continue;
    var origsrc = x[i].getAttribute("origsrc");
    if (origsrc) continue;// Skip if already setup
      
    // preload image
    // comment the next two lines to disable image pre-loading
    x[i].oversrc_img = new Image();
    x[i].oversrc_img.src=oversrc;
    // set event handlers
    x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
    x[i].onmouseout = new Function("SimpleSwap(this);");
    x[i].onmouseup = new Function("SimpleSwapClick(this);");
    // save original src
    x[i].setAttribute("origsrc",x[i].src);
    x[i].src_img = new Image();
    x[i].src_img.src=x[i].src;
  }
}

var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}