//-----------------------------------------------------------------------------------------------------
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
//
// 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 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
		x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
		x[i].onmouseout = new Function("SimpleSwap(this);");
		// save original src
		x[i].setAttribute("origsrc",x[i].src);
	}
}

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

function showdivbyid(idshow,classgroup) 
{
	var myregexp = new RegExp(classgroup);
	var divs = document.getElementsByTagName('div');
	for(i=0;i<divs.length;i++)
	{
		if (myregexp.exec(divs[i].className)) // if the div classname matches the given class then decide whether to show or hide it
		{
			if(divs[i].id.match(idshow)) //if the div ID equals the idshowed value then show it
			{
				if (document.getElementById) // DOM3 = IE5, NS6
					divs[i].style.display="block";// show/hide
				else
					if (document.layers) // Netscape 4
						document.layers[divs[i]].display = 'block';
					else // IE 4
						document.all.divs[i].display = 'block';
			} 
			else //otherwise hide it
			{
				if (document.getElementById)
					divs[i].style.display="none";
				else
					if (document.layers) // Netscape 4
						document.divs[i].display = 'none';
					else // IE 4
						document.all.divs[i].display = 'none';
			}
		}
	}
}

//show & hide
 function showMenu( targetId ){
  if (document.getElementById){
        target = document.getElementById( targetId );
          target.style.display = "block";
     }
} 
function hideMenu( targetId ){
  if (document.getElementById){
        target = document.getElementById( targetId );
          target.style.display = "none";
     }
}