// 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){
  el.src=el.getAttribute(which || "origsrc");
}

function ReplaceDiv(el,attrName,divId){
	document.getElementById(divId).innerHTML = el.getAttribute(attrName);
}

function clearDiv(divId){
	document.getElementById(divId).innerHTML = "";
}

function SimpleSwapSetup(){
  var x = document.getElementsByTagName("img");
  for (var i=0;i<x.length;i++){
    var oversrc = x[i].getAttribute("oversrc");
	
	if (!oversrc) continue;
      
    // 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
	
	var overHandler = function(){
		SimpleSwap(this,'oversrc');
		ReplaceDiv(this,'fileSize','file_size');
		ReplaceDiv(this,'projectTitle','project_title');
		ReplaceDiv(this,'projectDescription','project_description');
	}
	
	var outHandler = function(){
		SimpleSwap(this);
		clearDiv('file_size');
		clearDiv('project_title');
		clearDiv('project_description');
	}
	
    x[i].onmouseover = overHandler;
    x[i].onmouseout = outHandler;
    // save original src
    x[i].setAttribute("origsrc",x[i].src);
  }
}

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