////////////////////////////////////////////////////////////////////////////////////////////////
//MOUSEOVER SWAP IMAGE
///////////////////////////////////////////////////////////////////////////////////////////////
var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_omo" + suffix;
		imgs[i].number = i;
	}
}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}

////////////////////////////////////////////////////////////////////////////////////////////////
//CLEAR FORM - onFocus="alterNate(this)" onBlur="alterNate(this)"///
///////////////////////////////////////////////////////////////////////////////////////////////
function alterNate(elm){
	if (!elm.base) elm.base = elm.value
	if (elm.value == elm.base) elm.value = "";
	else if (elm.value == "") elm.value = elm.base;
}
///////////////////////////////////////////////////////////////////////////////////////////////
//SET TAB TO ACTIVE IN HEADER NAV - <li onClick="onClick(this)"><a href="#" id="active">HOME</a></li>
///////////////////////////////////////////////////////////////////////////////////////////////
function onClick( dishereli ) {
        el = document.getElementById( "active" );
        if ( el )
          el.id = "";
        dishereli.id= "active";
}
/////////////////////////////////////////////////////////////////////////////////////////////////
//PRELOAD IMAGES IN NAV -  onLoad="CFX_preloadImages('images/nav_active_bg.gif'"
/////////////////////////////////////////////////////////////////////////////////////////////////
function CFX_preloadImages() {
  var d=document; if(d.images){ if(!d.CFX_p) d.CFX_p=new Array();
    var i,j=d.CFX_p.length,a=CFX_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.CFX_p[j]=new Image; d.CFX_p[j++].src=a[i];}}
}
function onClick( dishereli ) {
        el = document.getElementById( "active" );
        if ( el )
          el.id = "";
        dishereli.id= "active";
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
<!--  SET DISPLAY - onClick="SetDisplay('Layer1')"
//////////////////////////////////////////////////////////////////////////////////////////////////////
function SetDisplay(whichDiv){
 elm2 = document.getElementById( whichDiv );
 elm2.style.display="block";
 elm2.style.visibility="visible";
}
function SetBack(whichDiv){
 elm2 = document.getElementById( whichDiv );
 elm2.style.display="none";
 elm2.style.visibility="hidden";
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
//GET URL ONCLICK - onClick="JavaScript:button_input('www.google.com')"
////////////////////////////////////////////////////////////////////////////////////////////////////////
function button_input(url){
	window.location.href = "http://" + url 
}
////////////////////////////////////////////////////////////////////////////////////////////////////
//GRADIENT EFFECTS - class="gradient 1568BF ECF2F7 horizontal"
////////////////////////////////////////////////////////////////////////////////////////////////////
/*************************

Cross Browser Gradient Backgrounds
v1.0
Last Revision: 11.03.2005
steve@slayeroffice.com

please leave this notice in tact.

should you improve upon this code, please
let me know so that I may update the version
hosted on slayeroffice

--- to use --
reference this file (on your own server) as a javascript src
in the head of your document. give the elements
you want a gradient background applied to a class as such:

class="gradient 000000 ffffff horizontal"

See http://slayeroffice.com/code/gradient/ for more examples.


*************************/
window.addEventListener?window.addEventListener("load",createGradient,false):window.attachEvent("onload",createGradient);

function createGradient() {
	if(!document.getElementById)return;
	
	objArray = getGradientObjects();
	if(!objArray.length) return;
	
	for(i=0;i<objArray.length;i++) {
		params = objArray[i].className.split(" ");
		if(document.all && !window.opera) {
			objArray[i].style.width = objArray[i].offsetWidth + "px";
			params[3] == "horizontal"?gType = 1:gType = 0;
			objArray[i].style.filter = "progid:DXImageTransform.Microsoft.Gradient(GradientType="+gType+",StartColorStr=\"#" + params[1] + "\",EndColorStr=\"#" + params[2] + "\")";
	} else {
			colorArray = createColorPath(params[1],params[2]);
			x=0;y=0;
			if(params[3] == "horizontal") {
				w=Math.round(objArray[i].offsetWidth/colorArray.length);
				if(!w)w=1;
				h = objArray[i].offsetHeight;
			} else {
				h = Math.round(objArray[i].offsetHeight/colorArray.length);
				if(!h) h =1;
				w = objArray[i].offsetWidth;
			}
			makeGrandParent(objArray[i]);
			tmpDOM = document.createDocumentFragment();
			for(p=0;p<colorArray.length;p++) {
				g = document.createElement("div");
				g.setAttribute("style","position:absolute;z-index:0;top:" + y + "px;left:" + x + "px;height:" + h + "px;width:" + w + "px;background-color:rgb(" + colorArray[p][0] + "," + colorArray[p][1] + "," + colorArray[p][2] + ");");
				params[3] == "horizontal"?x+=w:y+=h;
				tmpDOM.appendChild(g);
				if(y>=objArray[i].offsetHeight || x >= objArray[i].offsetWidth) break;
			}
			objArray[i].appendChild(tmpDOM);
			tmpDOM = null;
		}
	}
}

function getGradientObjects() {
	a = document.getElementsByTagName("*");
	objs = new Array();
	for(i=0;i<a.length;i++) {
		c = a[i].className;
		if(c != "") if(c.indexOf("gradient") == 0) objs[objs.length] = a[i];
	} 
	return objs;
}
	
function createColorPath(color1,color2) {
	colorPath = new Array();
	colorPercent = 1.0;
	do {
		colorPath[colorPath.length]=setColorHue(longHexToDec(color1),colorPercent,longHexToDec(color2));
		colorPercent-=.01;
	} while(colorPercent>0);
	return colorPath;
}
		
function setColorHue(originColor,opacityPercent,maskRGB) {
	returnColor=new Array();
	for(w=0;w<originColor.length;w++) returnColor[w] = Math.round(originColor[w]*opacityPercent) + Math.round(maskRGB[w]*(1.0-opacityPercent));
	return returnColor;
}

function longHexToDec(longHex) {
	return new Array(toDec(longHex.substring(0,2)),toDec(longHex.substring(2,4)),toDec(longHex.substring(4,6)));	
}

function toDec(hex) {	
	return parseInt(hex,16);
}
	
function makeGrandParent(obj) {
	disp = document.defaultView.getComputedStyle(obj,'').display;
	disp == "block"?nSpan = document.createElement("div"):	nSpan = document.createElement("span");
	mHTML = obj.innerHTML;
	obj.innerHTML = "";
	nSpan.innerHTML = mHTML;
	nSpan.setAttribute("style","position:relative;z-index:10;");
	obj.appendChild(nSpan);
}